/* CSS Document */
html, body, ul, ol, li, p, blockquote, q, h1, h2, h3, h4, h5, h6, hotspot, form, fieldset, a, div, img {
	margin: 0;
	padding: 0;
	border: 0;
	}
body {
	background-color : #003366;
	background-image : url(/images/back.gif);
	background-repeat : repeat;
	color : #003366;
	font-family : helvetica, arial, verdana, sans-serif;
	font-size : 0.9em;
	margin-top : 15px;
	margin-bottom : 25px;
			
}

img {
	border: 0em;
}

h1 {
	font-size: 0.9em;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-bottom : 8px;
	margin-left:0px;
	width: 98%;
	background-color: #fdbe11;
	border: 1px solid #0052a0;
}

h2 {
	font-size: 0.8em;
	padding-bottom: 3px;
	padding-left: 3px;
	padding-right:5px;
	margin-bottom: 5px;
	margin-left: 0px;
	width:20em;
	background-color: #fee49b;
	border: 1px solid #0052a0;
}

h3 {
	font-size: 0.75em;
}
hr {
	margin:0 8px 0 8px;
}	
.c {
	clear:both;
}
.cleft {
	clear:left;
}	
#horizon {
	text-align:center;
	}
#wrapper {
	width:785px;
	margin:0 auto;
	text-align:left;
	background-color : #0052a0;
	}
#skip-link span {
	display:none;
		}		
/* layout DIVs */

/* Top Header Holder */

#topHeader {
	width: 785px;
	height : 100px;
	padding : 0px;	
	margin: 0 0 0 0;
	border-top: solid 2px #fdbe11;
	float:left;
}

/* Top Banner */
#topBannerHolder {
	text-align : center;
	height: 100px;
	color: #0052a0;
	background-color: #fff;
	padding : 0px;
	margin : 0px;
	border : 0px;
	float: left;
	border-bottom : solid 2px #fdbe11;
}

#logoHolder {
	height : 100px;
	width: 610px;
	color: #0052a0;
	background-color : #fff;
	margin : 0px;
	border : 0px;
	float : left;
}

#topBanner {
	height : 100px;
	width : 115px;
	color: #0052a0;
	background-color : #fff;
	margin : 0px;
	border : 0px;
	float : right;
}

/* Top Navigation */

#topback	{
	height: 28px;
	width: 100%;
	color: #fff;
	background-color: #0052a0;
	background-repeat: no-repeat;
	background-position : bottom left;
	text-align: right;
	}
#topblue	{	
	color: #fff;
	background-color: #0052a0;
	display : inline;
}


#quickLink {
	font-size:0.8em;
	float: right;
	margin-right:5px;
	margin-top:3px;
	vertical-align:middle;
}
/* Left Navigation */
#fullwidth {
float:left;
	width:785px;
	}
#columnContainer {
	float : left;
	width:116px;
	margin : 0em;
	background-color : #0052a0;
}
#leftColumnHolder {
	font-family : helvetica, arial, verdana, sans-serif;
	/*background-color : #003366;*/
	float : left;
	width : 116px;
	border-top : solid 1px #000033;
	border-bottom : solid 0px #62a6e6;
	padding : 0px;
	margin-top : 0px;
}

#leftMenuHolder {
	width: 116px;
	float : left;
	margin : 0px;
}
#leftMenu {
	width: 116px;
	float:left;
	}
#leftMenu ul {
	margin : 0px;
	list-style: none;
}

#leftMenu .selected a {
	color: #669900;
}

#leftMenu li a {
	color: #fff;
	font-size : 0.8em;
	font-weight: normal;
	text-decoration: none;
	border-top : solid 1px #62a6e6;
	border-bottom : solid 1px #000033;
	padding : 7px 1px 7px 7px;
	display: block;
}

#leftMenu li a:hover {
	background-color : #fdbe11;
	color: #0053a1;
}

#leftLogos {
	border-top : solid 1px #62a6e6;
	background-color: #fff;
	text-align: center;
	margin: 0px;
	padding: 0px;
	}
/* Right Column */

#pageHolder {
	background-color : #fff;
	width: 529px;
	float : left;
	padding : 10px 0px 10px 0px;
}

#contentHolder {
	float : left;
	width:510px;
}
#flashcontainer {
	float:left;
	width:479px;
	height:291px;
	margin: 5px 0 0px 5px;
	}	
#rightside {
	font-size: 0.8em;
	color: #5F5F5F;
	text-decoration: none;
	margin: 20px 0px 0px 10px;
	position:relative;
	float: left;
	padding: 0 0 0 20px;
	
}

#rss {
	width : 140px;
	background-color : #fff;
	float : right;
	text-align : right;
	margin: 0px 0px 0px 0px;
}
.maincontent {
	font-size: 0.8em;
	color: #003366;
	text-decoration: none;
	margin: 0px 0px 0px 10px;
	}
		
#contentHolder h1 {
	color : #2649a7;
	font-size: 1.4em;
	padding-top : 5px;
}

#contentHolder h2 {
	color : #2649a7;
	font-size: 1em;
	padding-top : 3px;
}

#contentHolderxxxxxxxxx p {
	margin : 0px;
	padding-top : 5px;
	padding-bottom : 24px;
	padding-right : 10px;
}

#contentHolder ul {
	display: inline;
	list-style : url(/images/bullet.gif);
	vertical-align: middle;
	
}

#contentHolder li {
	padding: 0.5em 0.2em 0.1em 0.2em;
	margin-left: 50px;
	margin-right: 0.5em;
}
#contentHolder li a {
	text-decoration: none;
	color: #003366;

}

#contentHolder li img {
	float : right;
	border : solid 1px #036;
	margin-right : 0px;
}

#contentHolder li a:hover {
	background-color : #fdbe11;
	color: #0053a1;
}
#calc {
	font-size: 1em;
	}
	
#calc ul {
	display: inline;
	vertical-align: middle;
	
}

#calc ul li {
	display: inline;
	padding-top : 0.1em;
	padding-bottom : 0.1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
}

#calc li a {
	text-decoration: none;
	color: #003366;
}

#calc li a:hover {
	background-color : #fdbe11;
	color: #0053a1;
}	
.type {
	height : 10.5em;
	font-size:0.9em;
	width: 65%;
	background-color : #fef0cf;
	background-image : url(../images/apt.jpg);
	background-repeat : no-repeat;
	background-position : top left;
	padding : 3px 8px 0px 8px;
	color: #fff;
	float : left;
	margin : 8px;
	overflow : hidden;
	border-bottom: 0px solid white;
}
.typetext {
	color: #003366;
	padding : 0px 8px 0px 168px;
	float : left;
	margin : 0px;
	}
/* -------------------- Homepage Hotspots ---------------------- */

#hotspotHolder {
	font-size : 0.75em;
	font-family : helvetica, arial, verdana, sans-serif;
	/*width: expression(document.body.clientWidth-200 + "px");*/
	background-color : #fff;
	margin-left:8px;
	margin-top: 8px;
}

/* --- Don't use headers in the templates/css because of 'nested headers' accessibility issues.
       The editor area uses headers for this site so order is unpredictable ---
#hotspotHolder h3 {
	font-size : 1.1em;
	margin-top : 0.0em;
	margin-left: 0.2em;
	margin-bottom : 0.1em;
}*/

.hotspottitle {
	font-size : 1.1em;
	font-weight : bold; 
	margin-top : 0.0em;
	margin-left: 0.2em;
	margin-bottom : 0.1em;
}

#hotspotHolder p {
	margin-top : 0.2em;
	margin-bottom : 0.2em;
}

#hotspotHolder a {
	color : #fff;
	text-decoration : none
}

#hotspotHolder a:hover {
	color : #ccc;
	text-decoration : none;
}

#hotspot1 {
	width: 158px;
	height:226px;
	color: #fff;
	background-color: #0052a0;
	background-image : url(/images/dk-blue-back.gif);
	background-repeat : no-repeat;
	background-position: top;
	padding : 1px 1px 5px 1px;
	
	float : left;
	margin-left: 1px;
	margin-right : 8px;
	margin-bottom : 8px;
}
.hotspotcopy {
	padding: 3px;
}
	
#hotspot2 {
	width: 158px;
	height:226px;
	color: #fff;
	background-color : #0052a0;
	background-image : url(/images/dk-blue-back.gif);
	background-repeat : no-repeat;
	background-position : top;
	padding : 1px 1px 5px 1px;
	float : left;
	margin-right : 8px;
	margin-bottom : 8px;
}
#hotspot3 {
	width: 158px;
	height:226px;
	color: #fff;
	background-color : #0052a0;
	background-image : url(/images/dk-blue-back.gif);
	background-repeat : no-repeat;
	background-position : top;
	padding : 1px 1px 5px 1px;
	float : left;
	margin-right : 0px;
	margin-bottom : 8px;
}

#moreL a {
	position : absolute;
	right : 8px;
	bottom : 4px;
}

#moreR a {
	position : absolute;
	right : 148px;
	bottom : 4px;
}
/* Footer Details */
#footer {
	border-top: 2px solid #fdbe11;
	border-bottom: 2px solid #fdbe11;
	width:100%;
	height: 26px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
	font-size: 0.7em;
	font-weight: normal;
	color: #ccc;
	background-color : #0052a0;
	text-align: center;
}
#leftfooter	{
	padding-left:5px;
	float:left;
	color:#ccc;
	font-weight: normal;
	}
#miscfooternav {
	margin-left: 3em;
	float:left;
	color:#ccc;
	font-weight: normal;
}
#miscfooternav a {
	text-decoration:none;
	font-weight: normal;
}				
#miscfooternav a:link {
	text-decoration: none;
	color: #ccc;
	font-weight: normal;
}
#miscfooternav a:visited {
	text-decoration: none;
	color: #ccc;
	font-weight: normal;
}
#miscfooternav a:hover {
	color: #fff;	
	font-weight: normal;
}		
#dbstatusnav {
	text-align:right;
	float:right;
	color:#ccc;
	padding-right:5px;
	font-weight: normal;
}
#dbstatusnav a:link {
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
}
#dbstatusnav a:visited {
	text-decoration: none;
	color: #ccc;
	font-weight: bold;
}
#dbstatusnav a:hover {
	color: #fff;	
	font-weight: bold;
}		
#skip {
	display: none;
	}
div.row {
	clear: both;
	padding-top: 5px;		}
div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
	padding-right:15px;
	}
div.row span.formw {
	float: left;
	width: 300px;
	text-align: left;
	}
#conformancewrapper	{
	width:100%;
	margin:0 auto;
	text-align:left;
	background-color : #003366;
	background-image : url(/images/back.gif);
	background-repeat : repeat;
	}
#madewithcss	{
	float:left;
	width:88px;
	padding:5px;
		}
#triple-a	{
	float:left;
	width:88px;
	padding: 5px 5px 5px 15px;
	font-size: xx-small;
	font-weight: normal;
	color: #fff;
		}
#validxhtml	{
	float:left;
	width:88px;
	padding:5px;
	font-size: xx-small;
	font-weight: normal;
	color: #fff;
		}
#validcss	{
	float:left;
	width:88px;
	padding:5px;
	font-size: xx-small;
	font-weight: normal;
	color: #fff;
		}	

/*------------------------------------------- Events ---------------------------------------*/