/* CSS Document */

html {
	height:100%;
	}

body {
	margin:0px; 
	padding:0px; 
	font: 1.0em verdana, arial, sans-serif; 
	height:100%;
	behavior: url(csshover.htc);} /* WinIE behavior call */
	

#container {
	position: relative;
	min-height: 75%;
	}
	
* html #container {
	height: 100%;
	}
	

div#header {
	height:230px; 
	text-align:center; 
	margin-top:0; 
	padding-top:12px;
	background-image: url(images/header.jpg);
	background-repeat:no-repeat;}
	
	
div#leftside {
	position:absolute; 
	left:0px; 
	top:227px; 
	width:150px; 
	padding:.5em 0 .5em 0; 
	margin:6px 0 0 0px; 
	background-color:#2A748D;
	background-image: url(images/leftnav-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:124px;
	}
	
div#leftside p {
	font-size:13px;
	color:#5FBAD5;
	padding: 0 0px 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}	
	
div#leftside ul {
	margin-top:0; 
	margin-bottom:.8em;}
	
div#leftside li {
	margin-bottom:.5em; 
	font-size:.75em;}		
	
	
	#rightlinks {}
#rightlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #336600;
	line-height: 20px;
	text-decoration: none;
}

div#rightlinks a:link {
	color: #336600;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
div#rightlinks a:visited {
	text-decoration: none;
	color: #336600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#rightlinks a:hover {
	text-decoration: underline;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
div#rightlinks a:active {
	text-decoration: none;
	color: #FF6600;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
	
	
	
	
	
	
	
div#content {
	margin:4px 190px 0 170px;
	width:630px;
	}
	
div#content h1{
	font-size:14px;
	padding:0;
	border-bottom-color: #F1CF4A;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#content p {
	font-size:10px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}	

div#content li {
	font-size:10px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;}

div#rightside {
	position:absolute; 
	width:125px; 
	top:164px; 
	left:610px;  
	margin:10px 15px 0 20px; 
	padding:1em .5em; }
	
div#rightside p {
	font-size:.75em;}
div#indexcenter{
	position:static;
	width:375px;
	right:0px;
	margin:10px 15px 0 20px;
	padding:1em .5em;
	left: 244px;
	height: 118px;
}
div#footer {
	background-image:  url(images/footer.jpg);
	background-repeat:no-repeat;
	height:145px;
	position: relative;
	margin-top: 10px;
	}
	


/* this provides the deep background care for the nav set - its not seen */
	div#nav {
	float: left;
	width:150px;
	color:#0099FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

	#nav, 
	#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 150px;
	background-color:#2A748D;
	z-index:-5;
	border-bottom-style: none;
		}
	
	#nav li {
	position: relative;
	float: left;
	margin-bottom: -1px;
	width: 150px;
	background-color:#015F7B;
	}
	
	#nav li ul {
	position : absolute;
	left: -999em;
	margin-left : 150px;
	width:150px;
	padding-left:25px;
	z-index:600;
	top:0;
	background-color:#2A748D;
	border-bottom-color: #DAC165;
	border-bottom-style: solid;
	border-bottom-width: thin;
	}
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
	width:150px;
	display: block;
	color: #EED348;
	text-decoration: none;
	background-color: #2A748D;
	padding: 4px 2px 0px 5px;
	height:18px;
	z-index:-3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: normal;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7C770;
	font-variant: normal;
	}
	
	#nav li a:hover {
	background-color : #DBC270;
	z-index:3;
	color: #065D79;
	}
	
	#nav li:hover ul ul, 
	#nav li:hover ul ul ul, 
	#nav li.sfhover ul ul, 
	#nav li.sfhover ul ul ul {
	left: -999em;
	}
	
	
	#nav li:hover ul,
	#nav li li:hover ul, 
	#nav li li li:hover ul, 
	
	#nav li.sfhover ul,
	#nav li li.sfhover ul, 
	#nav li li li.sfhover ul { 
	/* lists nested under hovered list items */
	left: auto;
	z-index:4000;
		}	
		
	#nav li li a {
	display:block;
	padding:7px 2px 0px 7px;
	margin:0 0 0 0;
	font-size:11px;
	width:170px;
	height:20px;
	background-color:#DEBD6E;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #065D79;
	}
	
	#nav li li a:hover {
	background-color:#2A748D;
	display:block;
	color: #F0CF4C;
	}
	
	li.nav2 {
	color:#2A748D;
	}
	
	#content {
	margin-left : 12em;
	}

#navImg {
	padding:10px 0 2px 0;
	background-color:#015F7B;
	}
div#content h2 {

	font-size:12px;
	padding:0;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #993300;
}
div#content a {
	font-size:10px;
	color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}