@charset "utf-8";
/* CSS Document */

html,body
{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:90%;
}

.container
{margin:auto;
width:851px;
border: 4px double #666666;

}

.banner
{position:relative;
width: 851px;
height:285px;
}

.banner h1 { position: absolute; bottom: 0; right: 0; z-index: 9999; margin: 0; padding-left:0px; padding-top:0px; padding-right:35px;
margin-bottom:20px; font-size: 1.2em; color:#333333; width: 350px; border-bottom: solid #748ed8 2px; }

#nav { text-align:left; width: 186px; float: left; padding-top: 0px; font-weight: bold; font-size: 1.1em;  }
#nav ul { list-style: none; margin: 0; padding: 0; }

#nav li { margin-bottom: 0; }

#nav a { display: block; width: 146px; padding: 7px 20px; text-decoration: none; background:none; border-top: #FFFFFF solid 1px; border-bottom: #748ed8 solid 1px; color:#333333; }

#nav a:hover, #nav a:focus {  color: #39466b; } 



#nav li.active { display: block; width: 146px; padding: 7px 20px; text-decoration: none;  border-top: #FFFFFF solid 1px; border-bottom: #7c8fa2 solid 1px; color: #39466b; }

.clearer { clear: both; }

.contentContainer
{
position:relative;
text-align:left;
float:left;
width: 600px;
padding-bottom:20px;
padding-top:10px;
padding-left:25px;
padding-right:10px;
}

.contentContainer h3

{font-size:130%;

color:#333333;



}


#footer

{ 

width:800px;

padding-bottom:5px;

padding-left:20px;

padding-top:15px;

text-align:center;

margin:auto;
color:#333333;

}



#footer a { margin: 0 0.5em; font-weight: bold; color:#333333;}



#footer a:hover, #footer a:focus { color: #333333; }



#footer a img { border: none; float: left; margin: -5px 7px 0 0; position: relative; }

#footer a.hayslogo { border: none;  }