@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body, html {
	background: #fff url(image/bg.gif) repeat-x top right;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#444;
}

#wrapper {
	width: 900px;
	margin: 0px;
	background: #fff;
	min-height: 500px;
	}
	
* html #wrapper {
	height: 500px;
	}	
	
/**************************
HEADER
**************************/
	
#header1 {
	position:relative;
	top:0;
	background: #00759b url(image/masthead1.jpg) left top no-repeat;
	width: 900px;
	height: 200px
	}
	
	#header2 {
	position:relative;
	top:0;
	background: #00759b url(image/masthead2.jpg) left top no-repeat;
	width: 900px;
	height: 200px
	}
	
	#header3 {
	position:relative;
	top:0;
	background: #00759b url(image/masthead3.jpg) left top no-repeat;
	width: 900px;
	height: 200px
	}
	
	#header4 {
	position:relative;
	top:0;
	background: #00759b url(image/masthead4.jpg) left top no-repeat;
	width: 900px;
	height: 200px
	}
	
#pop_up {
	position:relative;
	top:0;
	background: #00759b url(image/pop_up.gif) left top no-repeat;
	width: 650px;
	height: 200px
	}


.logo {
	background: transparent;
	position: absolute;
	top: 10px;
	left: 527px;
	width: 280px;
	height: 95px;
}


	


h1 {
	color:#005385;
	font-size: 125%;
	line-height:125%;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom:5px;
	}
	

h2 {
	color:#4B7D4E;
	font-size: 110%;
	line-height:110%;
	font-weight: bold;
	margin: 20px 0 5px 0;
	}

	
p {
	margin-bottom: 16px;
	line-height: 16px;
	}

.block {
	margin-bottom:10px;
	}

.contact {
	margin-bottom: 2px;
	}
	
ul, ol {
	margin: 10px 10px 16px 50px;
	}
	
li { margin-top: 5px;
	}

ul li ul { margin: 10px 10px 16px 25px;
}

a {
color: #3d7ea4;
text-decoration: none;
}

a:link {
color: #3d7ea4;
text-decoration: none;
}

a:visited {
color: #3d7ea4;
text-decoration: none;
}

a:active {
color: #3d7ea4;
text-decoration: none;
}

a:hover{
color: #01598c;
text-decoration:underline;
}

.clear {
	clear: both;
	height: 0;
	}
	
img {
	border:none;
	}


/**************************
MAIN NAV
**************************/

#main_nav {
	float:left; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	background: #00759b;
	width:900px; 
	margin:160px 0 0; 
}
#main_nav ul {
	padding:0;
	margin:0;
	margin-left: 200px;
	list-style-type:none;
}

#main_nav ul li {
	float:left; 
	position:relative;
	margin:0;
}

#main_nav ul li a, #main_nav ul li a:visited {
	float:left;
	display:block;
	text-decoration:none;
	color:#E5EBE5;
	padding:0px 5px;
	line-height:40px;
	height:40px;
width:125px;
text-align:center;
}

#main_nav ul li:hover {width:auto;}

#main_nav ul li a:hover, #main_nav ul li:hover a {
	color: #e2f8d5;
	background: #00759b url(image/hover.gif) center top no-repeat;

}

#main_nav ul li a.active, #main_nav ul li a.active:visited {
	color: #d4eef7; 
	background: #00759b url(image/active.gif) center top no-repeat;

}

 #main_nav ul li:hover a.active,  #main_nav ul li a.active:hover {
 	color: #e2f8d5;
	background: #00759b url(image/hover.gif) center top no-repeat;
}

#main_nav ul li ul {
display: none;
margin:0;
}

#main_nav table {
	margin:0; 
	border-collapse:collapse; 
	position:absolute; 
	top:0; 
	left:0;
}

/* Style the list OR link hover. Depends on which browser is used */
#main_nav a:hover {visibility:visible;} /* for IE6 */
#main_nav li:hover { position:relative; z-index:200;} /* for IE7 */


/* specific to non IE browsers */
#main_nav ul li:hover ul {
display:block;
position:absolute;top:37px;margin-top:1px; left:-1px;width:135px;border-bottom:1px solid #6f7e69;
}

#main_nav ul li:hover ul li a {
display:block;
	float:left;
	background:#9cb68d url(../image/bullet1.gif) no-repeat 5px 8px;
	color:#364530;
	height:auto;
	text-align:left;
line-height:15px;
padding:4px 0 4px 20px; 
width:115px; 
	border:1px solid #6f7e69; 
border-bottom:0;
font-weight:normal;
}


/* specific to IE5.5 and IE6 browsers */
#main_nav ul li a:hover ul,  {
display:block;
position:absolute;
top:37px; 
t\op:40px; 
background:#fff;
left:-1px; 
border-bottom:1px solid #000; 
z-index: 500;
}


#main_nav ul li a:hover ul li a {
display:block;
float:left;
	background:#9cb68d;
	color:#364530;
	height:1px; 
line-height:15px; 
padding:4px 10px 4px 30px; 
width:150px; 
w\idth:110px; 
border:1px solid #6f7e69; 
border-bottom:0;
font-weight:normal;
}

#main_nav ul li:hover ul li a:hover, #main_nav ul li a:hover ul li a:hover {
color:#000; background: #98d68a url(../images/bullet1.gif) no-repeat 3px 8px;
}

 /*********END MAIN NAV **********/
 
 /********************************
 LEFT CONTENT
 ********************************/
 
 #leftContent {
	float: left;
	background:url(image/left.gif) left top no-repeat;
	height: 425px;
	width:215px;
	padding:0;
	margin:0;
	color: #fff;
	}
	
	#leftContent blockquote {
		font-style: italic;
		font-weight:normal;
		margin: 150px 35px 0px 15px;
	}
	
	#leftContent .author {
		margin: 5px 25px 16px 15px;
		font-style: normal;
	}

/**************************
MAIN CONTENT
**************************/
	
	
#mainContent { 
	margin: 0 0 0 265px;
	padding: 20px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#fff;
} 

.ad {
	float: right;
	margin: 20px;
}


.bio {
	float: right;
	margin: 40px 20px 10px;
}

blockquote {
	margin-top: 20px;
	margin-bottom: 3px;
	line-height:16px;
	}
	
.quoter {
	margin:0;
	font-style:italic;
	}
	
#oneColumn {
	padding: 40px;
	background:#fff;
	}

.other_link {
	float: right;
	margin: 20px;
	margin-top:0;
	}

/**************************
FOOTER
**************************/
#footer {
	clear:both;
	padding: 20px 15px;
	height: 16px;
	line-height:16px;
	font-size:90%;
	}		

#footer p {
	float:left;
	padding:0;
	margin:0;
	}

#footer ul {
	margin:0;
	padding:0;
	margin-left:265px;
	}

#footer ul li {
	float:left;
	padding:0;
	margin:0;
	padding-left:10px;
	margin-right:20px;
	}
	
#footer ul li.first {
	list-style:none;
	padding:0;
	
	}

#footer ul li a {
	font-size:90%;
	}