/* CSS Document */

html, body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image: url(IMAGES/body_bg.gif);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#f2f2f2;
	padding:0;
	margin:0;
}

.page
{
	width:760px;
	margin:0 auto 0 auto;
	padding:0;_padding-left:11px;

}

.logostrip
{
	width:760px;_width:700px;
	height:95px;
	padding-left:0px;
	margin:0 auto 0 auto;

}


.mainNav {
	clear:both;
	background-color:#1b4788;
	width:771px;
	height: 20px;
	margin-top:15px;
	padding-top:4px; 
	padding-bottom:2px;

}

.mainNav ul {
	margin:0; 
	padding:0; 
	display:inline;	
}

.mainNav ul li {
	list-style:none; display:inline; 
	float:left;
	padding-top:1px;
	margin:0;

}

.mainNav ul li a {
	float:left; 
	display:block;
	color:#fff; 
	padding: .1em 2em .1em 2.7em;
	text-decoration:none;
	background-image:url(IMAGES/arrow.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

.mainNav ul li a:hover, 
.mainNav ul li.on a 
{	text-decoration:none;
	color: #fff;
	background-image:url(IMAGES/arrow_hover.jpg);
	background-position:right;
	background-repeat:no-repeat;
}


.banner
{
	width:771px;
	height:158px;
	margin-top:2px;
}

.heading
{
	font-size:220%;
	font-weight:lighter;
	color: #660066;
	width:746px;
	border-bottom: 1px solid #660066;
	padding-left:25px;
	padding-top:15px;
	padding-bottom:3px;
}

.textContainer
{
	width:721px;
	padding:25px;
	background-color:#e7eaf0;
	color:#3d3d3d;
	/*opacity:0.6;
	filter:alpha(opacity=60);*/
	float:left;
	margin-top:10px;
	margin-bottom:10px;
}

.textContainer h1
{
	font-size:150%;
	font-weight:lighter;
	color: #660066;
}

.textContainer h2
{
	font-size:150%;
	font-weight:lighter;
}

.textContainer a, .textContainer a:link, .textContainer a:visited
{	text-decoration: underline;
	color:#660066;
}

.textContainer a:hover, .textContainer a:active
{	text-decoration: none;
	color:#660066;
}


.MHS{
	font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 100%;  color: #3d3d3d; text-decoration: none;}
a:link.MHS {
	font-family: Verdana, Arial, Helvetica, Sans-serif; 	font-size: 100%;  color: #3d3d3d; text-decoration: underline;}
a:visited.MHS{
	font-family:Verdana, Arial, Helvetica, Sans-serif;  font-size: 100%;  color: #3d3d3d; text-decoration: underline;}
a:hover.MHS{
	font-family:Verdana, Arial, Helvetica, Sans-serif; font-size: 100%; color: #3d3d3d; text-decoration: none;}
a:active.MHS{
	font-family:Verdana, Arial, Helvetica, Sans-serif; 	font-size: 100%;  color: #3d3d3d; text-decoration: none;}

p.Micro {font-family:Verdana, Arial, Helvetica, Sans-serif;  font-size:100%; color:#3d3d3d;}
table.Micro {font-family:Verdana, Arial, Helvetica, Sans-serif;  font-size:100%; color:#3d3d3d; border-collapse:collapse;}
tr.MicroHeader {font-size:100%; font-weight:bold; color:#660066;  padding:5px; text-align:left;}
tr.MicroItem { padding:2px;}
tr.MicroAltItem { padding:2px;}


#footer { padding-top: 14px; padding-left:5px; padding-bottom:4px; font-size: 0.9em; position: relative; color:#637e87; margin: 0px auto 0 auto; width:766px;  border-top:1px solid #660066; }
#footer a { margin: 0.3em 0.5em;}
#footer a:link, #footer a:visited { color: #637e87; text-decoration: underline;  }
#footer a:hover, #footer a:focus { color: #637e87; text-decoration: none; }
#footer a img { border: none;  margin: -10px 7px 0 0; position: relative; }
#footer a.hayslogo { border: none; float:left; }

.clearer
{
	clear:both;
}