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

body {
text-align:center;
font-family: Verdana, Arial, Helvetica, sans-serif; 
padding: 0; 
margin: 0;
font-size: 80%;
background-color:#004683;}

.container{
width: 760px;
background-color:#FFFFFF;
color:#023b70;
margin:auto;
text-align: left;
}


.mainNav
{
width:760px;
background-color:#a5dde2
}

.mainNav ul {
margin:0; 
padding:0; 
display:inline;
list-style: none;

}

.mainNav ul li {
	list-style:none; display:inline; 
	float:left;
	padding:0;
	margin:0;
}
.mainNav ul li a {
	float:left; 
	display:block;
	color:#000000; 
	padding: .4em 1em .4em 1em;
	margin-top:0px;
	text-decoration:none;	 	
	border-right: 1px solid #FFFFFF;
	background-color:#a5dde2;
}

.mainNav ul li a:hover, 
.mainNav ul li.on a 
{	text-decoration:none;
	color: #000000;
	background-color: #fadd12;
	border-right: 1px solid #023b70;
}

.mainNav ul li.on a 
{	text-decoration:none;
	color:#000000;
	background-color: #fadd12;
	border-right: 1px solid #FFFFFF;}

.contentContainer{
width:760px;
postion:relative;
}

.leftContainer
{	position:relative;
	float: left;
	width: 176px}

.text{

color:#000000;
background-color:#FFFFFF;
padding-bottom:20px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
text-align:left;
height: 440px;
overflow:auto;
}

.text h3
{	font-size: 130%;
	color: #004683;
	}


#footer { background:#004683 ; padding: 10px 10px; position: relative; font-size: 0.75em; color: #99CCFF; }
#footer a { margin: 0 0.5em; font-weight: bold; }
#footer a:link, #footer a:visited { text-decoration: none; color: #ffffff; }
#footer a:hover, #footer a:focus { text-decoration: none; color: #99CCCC; }

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