/* CSS Document */

<!--

body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #002e57;
	text-align:center;
	
}
table, tr, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}

a:link { color:#0663b1; }
a:visited { color:#07a; }
a:hover, a:active, a:visited:hover { color: #6bf; }



#outer {
	text-align: left;
	margin: 30px auto 0 auto;
	width: 760px;
	height: auto;
	border: 1px solid #ccc;
	background: #FFFFFF url(../images/outerbgforIE.gif) repeat-x right top; 
} 

/* masthead  *******/


#masthead {
background-color:#FFFFFF;
	width: 760px;
	height: 142px;
	margin: 0px;
	padding:0px;
}

#logo {
	background: url(../images/logo2.jpg) no-repeat left center;
	width: 218px;
	height:192px;
	float:left;
	position:relative;
	} 
	
#mastheadrightcontainer  {
	width: 542px;
	height:192px;
	float: right;
	margin: 0px;
	padding: 0px;
}

#mastheadrighttop {
	 background: url(../images/header.jpg) no-repeat left top; 
	width: 542px; 
	height: 141px;
	margin: 0px; 
	padding: 0px;
}	



#datebar {
	background: url(../images/datebar2.gif) no-repeat right top;
	text-align:right;
	font-size: 15px;
	font-weight: bold;
	color: #002d56; 
	width: 542px; 
	height: 51px;
	position:relative;
	padding: 10px; 
	float:right;
}
html>body #datebar {
	width: 522px;
	height: 31px;
} 


#datebar-nomenu {
	background: url(../images/datebar-nomenu.gif) no-repeat right top;
	text-align:right;
	font-size: 15px;
	font-weight: bold;
	color: #002d56; 
	width: 542px; 
	height: 51px;
	position:relative;
	padding: 10px; 
	float:right;
}
html>body #datebar-nomenu {
	width: 522px;
	height: 31px;
} 




/* Left menu
*********************************************/

#menu {
background-color:#FFFFFF;
	float: left;
	width: 238px;
	height: auto; 
	background: url(../images/shadow.gif) repeat-y right center;
	padding: 0px;
	margin: 0px;
	}
#menu h3 {
	font: bold 14px/24px Arial, Verdana, Helvetica, sans-serif;
	padding: 1px 5px 1px 5px;
	margin: 0px;
	width:238px;
	color: #aa0008;
}
#menu p {
	width: 238px;
	padding: 5px;
	margin: 0px;
}
#menu a:link,#menu a:visited   {color: #013f64;}	
#menu a:hover, #menu a:active, #menu a:visited:hover {color: #aa0008;}


/*  menu bar buttons ****************************/
.menubuttons {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width:238px;
 }
.menubuttons li {
	font: bold 11px/18px Verdana, Arial, Helvetica, sans-serif;
	width: 238px;
	padding: 0px;
	height: 18px;
	}
.menubuttons li a {
	text-decoration: none;
	font-weight: bold;
	color: navy; 
	border: none;
	padding: 0px 5px 0px 18px; 
	display: block;
	background: url(../images/buttonbg-blue2.gif) repeat-x left top;	
	height: 18px;
	width:238px;
 }
html>body .menubuttons li a {
  	width:215px;
}
.menubuttons li a:hover 	{ background-position:  0 -18px;	} 

.menubottom {
background:url(../images/shadowbottom.gif) right top;
height:6px;
margin: 0px;
padding: 0px;}

/* Content  *****************************/


#wrapper { 
	background-color: #FFFFFF;
	width:760px; 
	height: auto;
	margin: 0px;
	padding:0px;
	clear:both;
}

#content {
	font-size: 12px;
	line-height: 16px;
	background-color: #FFFFFF;
	width: 520px;
	height: auto;
	float:right;
	margin: 0px 20px 20px 20px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 480px;
	padding-top: 10px;
}
html>body #content {
width: 480px;

}


 .headline {
/*	background: url(../images/headline-navyblue.gif) no-repeat left top; */
	height: 189px;
	width: 280px;
	float:right; 
} 
html>body .headline {
	height: 199px;
	width: 280px;
} 

.frontsubhead  {
font-size: 130%;
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
text-align:center;
color: #aa0008; 
width:270px;
position:relative; 
float:right; 
padding-top:0px;
margin-top:0px; 
}

#content h2, #content h3, #content h4, #wrapper h2 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-weight: bold;
color: #aa0008; 
margin-top:20px; 
margin-bottom:5px;}

#content h2, #wrapper h2 {font-size: 160%; border-bottom:3px double #B7C2CC;}

#content h3 {font-size: 145%; line-height: 100%;}
#content h4 {font-size: 130%;}

#content p {margin-top: 10px; margin-bottom: 12px;}
#content blockquote {margin-top: 5px; margin-bottom: 12px;}
 
#content .highlighttext {
	color: #002E57;
	font-size: 13px;
	line-height:18px;
}

.intrapagelinks {
text-align:center;
border-top: 1px solid #ccc; 
border-bottom:1px solid #ccc;
}
.intrapagelinks a:hover, .intrapagelinks a:visited:hover {background-color:#eee;}


/* footer ************************************/
#footer {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-transform:uppercase;
	background-color:#ededed;
	width: 760px;
	height: auto;
	margin: 0px;
padding: 5px 0 5px 0px;
}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active, #footer a:visited:hover { 	text-decoration: none;}

#footer p {
	margin-top: 5px;
	margin-bottom:9px;
}

#footerlinkbar {background-color: #5d7a94;
padding: 10px 20px 10px 20px;
}

#footerlinkbar a:link{ 	
	text-decoration: none;
	color: #FFFFFF;}
	
	
 #footerlinkbar a:visited {
	text-decoration: none;
	color: #cccccc;
 }
 	
#footerlinkbar a:hover, #footerlinkbar a:active, #footerlinkbar a:visited:hover {
	text-decoration: none;
}

.copyright {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px; 
	text-transform:none;
padding: 10px 20px 10px 20px;
}

/*  funfacts2 ********************************/
.funfactsbox {  
	height:auto;
	padding: 0px;
	margin: 0px;
	background: #e2e7eb url(../images/funfactsboxbg.jpg) repeat-y right top;
	float: right;
	width: 206px;
}  

.funfactsheader {
	background: url(../images/funfactstitle.gif) no-repeat left center;
	width: 206px;
	height:34px;
	padding:0px;
	margin: 0px;
}
.funfacts      {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #002255;
	width: 200px;
	margin:0px;
	padding: 10px 0px 10px 25px;
 }
html>body .funfacts {
	width:165px;
}

.funfacts li {
	font-weight: bold;
	padding: 0px 0px  5px 0px;
	margin-top: 8px;
	list-style: url(../images/bullet.gif);
}

.funfactsbottombar {
	text-align:right;
	background: url(../images/funfactsbottombar.gif) no-repeat left bottom;
	width: 206px;
	height: 25px;
	margin: 0px;
	padding: 0px 10px 0px 0px;
	color: #d3dae2;
}
.funfactsbottombar a, .funfactsbottombar a:visited {color: white; font-weight:bold; text-decoration:none;}
.funfactsbottombar a:hover, .funfactsbottombar a:active, .funfactsbottombar a:visited:hover { color: #aa0008; }



/* misc **************************************/

.hidden	{
	position: absolute;
 	left: 0px;
 	top: -999px;
 	width: 1px;
 	height: 1px;
 	overflow: hidden; 
 }
 
 .imgalignright {
 margin: 0px 0px 12px 12px;
 }
 .imgalignleft {
 margin: 0px 12px 12px 0px;
 }

.clearboth {clear: both;}


.notice {
background-color:#ffffCC; 
width: auto; 
padding: 5px; 
border: medium double navy; 
margin: 0px 0px 10px 0px;}

.normalweight {font-weight:normal;}

.small {font-size: 10px; color:#666666;}
-->
