/* CSS Document */

/* 
Change the colors to match your color scheme. Also, can this style sheet 
apply to the articles created with the content management system (as long 
as I train them to use the proper tags)? That way they're all uniform.   
*/

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size:72.5%;
	background-color: #07245D;
	background-image: url(images/background_page.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0;
}

h1 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:16px;
line-height: 1.5em;
font-weight: 900;
color: #01029A;
}

h1.secondHeading {
color: #992700;
}

h2 {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
line-height: 1em;
color: #000000;
text-transform:uppercase;
}

.fontHeader
{
font-weight:bold;
color:#000000;
}

.fontTitle
{
font-weight:bold;
color:#992700;
}

a {
color: #E05811;
}

a:hover {
color: #999;
}


.sitepal {
  border-left:1px solid black;
  border-top:1px solid black;
  border-bottom:1px solid #C8C8C8;
  margin:0;
  padding:0;
  width:277px;
  height:208px;
  position:absolute;
  top:14px;
  left:504px;
}

.sideBackground {
  background-image: url(images/background_side.gif);
  width:91px;
  height:194px;
  position:absolute;
  top:294px;
  left:798px;
}

.footer {
  clear:both;
  width:735px;
  border:0px solid black;
  margin-left:-33px;
  margin-bottom:-40px;
  padding-top:23px;
  text-align:center;
  font-size:0.9em;
}

.footer a,.footer a:hover {
  color:black;
  text-decoration:none;
}

.header {
  background-image: url(images/background_header.gif);
  position:absolute;
  top:0px;
  left:0px;
  height:255px;
  width:802px;
}

.header2 {
  background-image: url(images/background_header2.gif);
  position:absolute;
  top:0px;
  left:0px;
  height:255px;
  width:802px;
}

.container {
  background-image: url(images/background_footer.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
  position:absolute;
  left:0px;
  top:160px;
  padding-bottom:50px;
  padding-left:64px;
  width:800px;
}

.content {
  float:left;
  margin-top:0px;
  width:400px;
}


.articleContainer {
  position:relative;
  background-image: url(images/background_articles.gif);
  width:267px;
  margin-left:433px;
  margin-top:102px;
}

.articleContent {
  background-image: url(images/background_articles_top.gif);
  background-repeat:no-repeat;
  background-position:top;
  padding: 15px 25px 0px 20px;
}

h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:13px;
  font-weight: bold;
  line-height: 1em;
  color: #FF6009;
}

h3 {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  font-size:14px;
  font-weight: bold;
  line-height: 1em;
  color: #993300;
  margin:0px;
  padding:0px;
}

.articleFooter {
  background-image: url(images/background_articles_bottom.gif);
  width:267px;
  height:26px;
  margin-top:-10px;
}

.headerNavigation {
  position:absolute;
  top:100px;
  left:37px;
}
.submitSubtitle
{
color:#D96200;
font-size:14pt;
}

.boxedHeading
{
padding:5px;
border:solid 1px #999999;
background-color:#ffffff;
color:#A80002;
font-weight:bold;
text-align:center;
}

.homeStandout
{
color:#01029A;
font-weight:bold;
}

.homeStandoutHeader
{
color:#01029A;
font-weight:bold;
text-transform:uppercase;
}

.articleTitle
{
color:#993300;
font-size:14pt;
}