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

html,body
{
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:90%;
background-image:url(IMAGES/contentbg.jpg); background-position:top left;
color:#333333;
}

.container
{
margin:auto;
width:967px;
}

.mainNav {
margin-top:10px;
clear:both;
width:967px;
color:#000;
font-weight:bold;
background-color:#fff;
margin-bottom:10px;
}



.mainNav ul {

margin:0; 
padding:0; 
display:inline;
font-weight:bold;            
}

.mainNav ul li {
list-style:none; display:inline; 
float:left;
padding:0;
margin:0;
font-weight:bold;  
}

.mainNav ul li a {

float:left; 
display:block;
color:#000; 
padding: .5em 2em .5em 1em;
margin-top:0px;
text-decoration:none;                  
font-weight:bold;  
border: 4px solid #fff;
			          
}


.mainNav ul li a:hover 
{              
float:left; 
display:block;
margin-top:0px;
text-decoration:none;                  
font-weight:bold;
color:#fff;
background-color:#00437a;               

}



.mainNav ul li.on a 
{              
text-decoration:none;
color:#fff;
font-weight:bold;
background-color:#00437a;				

}

.contentContainer
{
position:relative;
width: 967px;
text-align:left;
background-color:#FFFFFF;
margin-bottom:10px;
}


.leftContainer
{
position:relative;
width:208px;
float:left;
padding-top:10px;
padding-right:10px;


}


.textContainer
{
position:relative;
width:470px;
text-align:left;
padding:10px;
float:left;
background-color:#FFFFFF;
border-left: #666666 1px dashed;
}

.textContainer h3
{
color:#00437a;
font-size:140%;
width: 200px;
border-bottom: 1px solid #00437a;
}

.textContainer h4
{
color:#00437a;
font-size:120%;

}

.rightContainer
{
position:relative;
width:240px;
text-align:left;
padding-top:10px;
float:right;


}

.clearer { clear: both; }

#footer

{
 
width:967px;
padding-bottom:5px;
padding-left:5px;
padding-top:15px;
text-align:center;
margin:auto;
background-color:#FFFFFF;
color:#00437a;

}



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



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



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

#footer a.hayslogo { border: none;  }