/* *** PAGE LAYOUT AND DIVS *** */ 

html, body{
	margin:0;
	padding:0;
	text-align:center;
	background-repeat: repeat-y;
	background-position: center;
	width: 100%;
	color: #333333;
	list-style-position: outside;
	list-style-type: square;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
} 
#header{
	width:750px;
	text-align:left;
	z-index: 10;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	background-position: center;
	border-top: none;
	border-right: 1px solid #185A7A;
	border-bottom: none;
	border-left: 1px solid #185A7A;
	height: 109px;
}
#pagewidth{
	width:750px;
	text-align:left;
	z-index: 10;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	background-position: center;
	border-top: none;
	border-right: 1px solid #DBDBDB;
	border-bottom: none;
	border-left: 1px solid #DBDBDB;
	background-color: #FFFFFF;
} 
#bottom{
	width:750px;
	text-align:left;
	z-index: 10;
	left: 50%;
	margin-left: auto;
	margin-right: auto;
	background-repeat: repeat-y;
	background-position: center;
	border-top: none;
	border-right: 1px solid #DBDBDB;
	border-bottom: none;
	border-left: 1px solid #DBDBDB;
	height: 1px;
}
.datachieve {
	font-size: 10px;
	color: #FFFFFF;
}

#flash{
	position:relative;
	height:251px;
	width:750px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-position: right;
	background-color: #FFFFFF;
	z-index: 2;
} 
#insideflash{
	position:relative;
	height:251px;
	width:750px;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	z-index: 2;
	background-image: url(../images/insideflash.jpg);
	text-align: right;
}
#midnav{
	position:relative;
	height:26px;
	background-color:#FFFFFF;
	width:709px;
	background-image: url(../images/midnav.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 41px;
	padding-top: 5px;
}


#top{
	width:750px;
	position:relative;
	height: 109px;
	border: none;
	background-image: url(../images/headernav.jpg);
	background-repeat: no-repeat;
  }
#insidetop{
	width:750px;
	position:relative;
	height: 69px;
	border: none;
	background-image: url(../images/insidetop.gif);
	background-repeat: no-repeat;
  }
 
#footer {
	width:100%;
	clear:both;
	border-top:none;
	color: #CCCCCC;
	text-align:left;
	position:relative;
}
* html #footer {/*only ie gets this style*/
\height:52px;/* for ie5 */
he\ight:50px;/* for ie6 */
}
 

#navback {
	BACKGROUND: url(../images/headerback.jpg) repeat-x right top;
	WIDTH: 100%;
	height: 109px;
	z-index: 1;
	top: 0px;
	left: 0px;
	margin: 0px;
	border: none;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: center;
}

#footerclear {
	width: 100%;
	height: 1%;
	z-index: 1;
	position: relative;
	left: 0;
	top: 0;
	padding: 0px;
	margin-right: 0px;
	clear: both;
}
#clearfooter{
	clear:both;
	height:40px;
	background-color: #FFFFFF;
}
#clearmiddle{
	clear:both;
	height:26px;
	background-color: #FFFFFF;
	background-image: url(../images/clearmiddle.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
#twocols, #maincol{width:100%; float:none;}
}


 /* *** CLASSES AND STYLING *** */ 

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4A60C6;
	margin-top: 22px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/arrowright.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4A60C6;
	padding-top: 10px;
}


.maintext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	padding-right: 24px;
	padding-left: 24px;
}
.listtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	color: #333333;
	padding-right: 12px;
	padding-left: 5px;
	list-style-type: disc;
}



.midnav  {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding-right: 10px;
	padding-left: 5px;
	letter-spacing: 1px;
	background-image: url(../images/midnavbullet.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 8px;
	}
.formtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}

.formlabels {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.highlight {
	font-weight: bold;
	color: #003399;
}

li {

}
ul {
	list-style-type: square;
	list-style-position: outside;


}
.alignright {
	float: right;
	padding-right: 5px;
	padding-left: 10px;
}


 /* *** ACCESS NAVIGATION *** */ 

.skipnav a:link, .skipnav a:visited {
	font-size: 14px;
	color: #045238;
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	background-color: #045238;
	text-align: left;
	}
.skipnav a:hover, .skipnav a:active {
	background: #045238;
	font-size: 14px;
	color: #045238;
	font-family: Avenir, "Lucida Grande", Verdana, "Bitstream Vera Sans", Arial, Helvetica, sans-serif;
	}
.alt_text {
	LEFT: -9999px;
	POSITION: absolute;
	margin: 0px;
	padding: 0px;
}
.accesskey {
	text-decoration: underline;
}
.hide_text {
	LEFT: -9000px; POSITION: absolute

}
#columnleft{
	width:201px;
	float:left;
	background-image: url(../images/columnleft.jpg);
	background-repeat: no-repeat;
	top: 396px;
	left: 0px;
	padding-right: 24px;
	padding-left: 24px;
}
#headercolumnleft{
	width:248px;
	float:left;
	background-image: url(../images/columnleft.jpg);
	background-repeat: no-repeat;
	left: 0px;
  }
#insidecolumnleft{
	width:201px;
	float:left;
	background-image: url(../images/columnleft.jpg);
	background-repeat: no-repeat;
	top: 396px;
	left: 0px;
	padding-right: 24px;
	padding-left: 24px;
	padding-top: 30px;
  }
#columnmiddle{
	background-color: #FFFFFF;
	display:inline;
	width:201px;
	background-image: url(../images/columnmiddle.jpg);
	background-repeat: no-repeat;
	top: 396px;
	float: left;
	padding-right: 24px;
	padding-left: 24px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB;
 }
 
#columnright{
	width:201px;
	float:right;
	padding-right: 24px;
	padding-left: 24px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DBDBDB;
}
#insidecolumnright{
	width:450px;
	float:right;
	background-color: #FFFFFF;
	padding-right: 24px;
	padding-left: 24px;
 }
#headercolumnright{
	width:500px;
	height: 251px;
	float:right;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
 }
#twocols{
	width:500px;
	border: none;
	z-index: 10;
	float: right;
	
  }
#twocolstop{
	width:500px;
	z-index: 10;
	float: right;
	height: 251px;
	
  }
#twocolsbottom{
	width:500px;
	z-index: 10;
	float: right;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #DBDBDB;
	height: 100%;
	
  }
#news{
	width:201px;
	float:left;
	background-image: url(../images/columnleft.jpg);
	background-repeat: no-repeat;
	top: 396px;
	left: 0px;
	padding-right: 24px;
	padding-left: 24px;
}
#updates{
	width:440px;
	float:right;
	padding-right: 24px;
	padding-left: 24px;
	background-color: #FFFFFF;
}
#wrapper{
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	width: 750px;
	background-color: #013954;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #687AD0;
	height: 150px;

}
* html #wrapper{height:100%;} /* IE6 and under treat height as min-height anyway*/

#footer a {
	color: #cccccc;
	text-decoration: none;
}
#footer a:hover {
color: #ffffff
}
#footercolumnleft{
	width:401px;
	float:left;
	background-image: url(../images/columnleft.jpg);
	background-repeat: no-repeat;
	top: 396px;
	left: 0px;
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-right: 24px;
	padding-left: 24px;
	line-height: 110%;
	list-style-type: square;
	list-style-position: outside;
  }
#footercolumnmiddle{
	display:inline;
	width:201px;
	background-image: url(../images/columnmiddle.jpg);
	background-repeat: no-repeat;
	top: 396px;
	float: left;
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-right: 24px;
	padding-left: 24px;
	line-height: 110%;
	list-style-type: square;
	list-style-position: outside;
 }
 
#footercolumnright{
	width:201px;
	float:right;
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 110%;
	list-style-type: square;
	list-style-position: outside;
 }
#footertwocolsbottom{
	width:250px;
	border: none;
	z-index: 10;
	float: right;
	
  }
.footerh2 {
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 24px;
	line-height: 150%;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	}
#footer ul li {
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-right: 24px;
	line-height: 110%;
	list-style-type: square;
	list-style-position: outside;
	font-weight: bold;
}

.footerlist {
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-right: 24px;
	line-height: 110%;
	list-style-type: square;
	list-style-position: outside;
	font-weight: bold;
	}
.footer {
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
	padding-right: 24px;
	padding-left: 24px;
	line-height: 110%;
	list-style-type: square;
	list-style-position: outside;
	}
.footer a:link, .footer a:visited {
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 1px;
	margin: 0px;
	line-height: 110%;
	list-style-type: square;
	}
.footer a:hover, .footer a:active {
	font-size: 12px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	text-decoration: underline;
	line-height: 110%;
	}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
}
.sidebarh2 {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #00649A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #4A60C6;
}
.sidebarh3 {
	border-bottom-width: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4A60C6;
}
a {
	color: #5266C7;
}
.quote {
	font-weight: bold;
	background-image: url(../images/openquote.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}