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

* { }

body { margin: 0; background-color: #1c2f78; /*background-image: url(images/blue_bg.jpg);*/ font-family: Helvetica, Arial, sans-serif; font-size: 62.5%;  }

.clearit { clear: both; }

hr { margin: 20px 0; }

#wrapper { 
	/*width: 900px;*/
	width: 850px;
	/*background-image: url(images/blue_shadow_r.jpg); 
	background-position: right; 
	background-repeat: repeat-y; */
	margin: 10px auto; 
	}

#top { 
	/*width: 900px;*/
	width: 850px;
	height: 14px;
	background-color: #fff; 
	background-image: url(images/top_section.jpg); 
	background-repeat: no-repeat;
	}
	
#header {
	width: 850px;
	height: 120px;
	background-color: #fff;
	background-image: url(images/logo.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	}
	
#topNav {
	text-align: right;
	color: #333;
	padding: 0 20px 10px 0;
	font-size: 1.2em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#topNav a {
		color: #555;
		text-decoration: none;
		}
		
		#topNav a:hover {
			text-decoration: underline;
			}
			
#search {
	text-align: right;
	color: #333;
	padding-right: 20px;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
	
	#search input {
		background-color: #e3e3e3;
		border: 1px solid #333;
		vertical-align: middle;
		}
		
	#search button {
		background-color: #666;
		vertical-align: top;
		color: #fff;
		font-weight: bold;
		border: 0;
		margin: 1px 0 1px 4px;
		}
		
#masthead {
	width: 850px;
	background-color: #fff;
	}
	
#mainNav {
	height: 260px;
	position: relative;
	color: #fff;
	background-color: #428848;
	z-index: 20;
	padding: 0 0 0 20px;  /* I changed this */
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;  /* I added this */
	}
	
	#mainNav a { display: block; }
	
	#mainNav ul {
		width: 165px;
		padding: 0;
		margin: 0;
		list-style-type: none;
		position: relative;
		}
	
	#mainNav li {
		list-style-type: none;
		position: relative;
		width: 165px;
		height: 35px;
		border-bottom: 1px dotted #5CBB65;
		h\eight: 34px;
		}
		
		#mainNav li#current a { color: #FBF03A; }
			
	#mainNav li a {
		padding: 10px 0;
		margin: 0;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.2em;
		}
		
		#mainNav li a:hover, #mainNav li:hover a { color: #FBF03A; } /* first level hover */
		
		#mainNav li.over a:hover, #mainNav li.over:hover { 
			background-image: url(images/arrow-over.gif);
			background-position: right center;
			background-repeat: no-repeat;
			}
				
		#mainNav li ul {
			width: 240px;
			background-color: #64BF6D; /* second level background color */
			position: absolute;
			left: -999em;
			margin-top: -35px;
			margin-left: 165px;
			z-index: 22;
			}
										
		#mainNav li li {
			font-weight: normal;
			width: 100%;
			height: auto;
			border: 0;
			border-bottom: 1px dotted #6DCD76;  /* I changed this */
			}
			
		#mainNav li li a, #mainNav li:hover li a {
			color: #144318;
			padding: 10px 15px;
			text-align: left;
			font-weight: normal;
			}
			
		#mainNav li li:hover, #mainNav li li a:hover, #mainNav li.over li a:hover { background-color: #60B468; background-image: url(images/blank.gif); color: #FBF03A; } /* second level hover */
		
		#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { left: auto; top: auto; }

	#mastheadImg { height: 260px; z-index: 1; }
	
		
#content {
	background-color: #fff;
	width: 850px;
	}
	
	#leftCol { width: 185px; float: left; }
		
		ul#leftNav {
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.2em;
			}
			
			#leftNav li { margin: 0; border-bottom: 1px dotted #BABABA; }
				
			#leftNav li a {
				color: #000;
				text-decoration: none;
				padding: 10px 20px 8px 18px;
				display: block;
				}
			
			#leftNav li.head a { font-weight: bold; padding-left: 15px; }
				
			#leftNav li#current a { color: #000; background-color: #eee; }
			
			#leftNav li a:hover { background-color: #eee; }
			
			ul#joinNav {
				list-style-type: none;
				font-size: 1.2em;
				margin: 7.5em 5px 10px 20px;
				padding: 0;
				}
				
				#joinNav a {
					color: #d94610;
					text-decoration: none;
					padding: 10px 0;
					display: block;
					}
				
				#joinNav li { margin: 0; padding: 0; }
					
				
		#centerCol { float: right; width: 665px; }
			
			#centerCol #padding { padding: 25px; }
			#centerCol hr { background-color: #ccc; border: 1px solid #ccc; height: 1%; }
			
			#centerCol a { color: #0066CC; }
			
			#centerCol p { /* Body Copy */
				font-size: 1.2em;
				line-height: 1.5;
				color: #222;
				/*text-align: justify;*/
				}
			
			#centerCol p.quote {
				font-size: 1.2em;
				line-height: 1.4;
				color: #222;
				margin: 1em 1.5em;
				}
								
			h1.pageTitle {
				color: #fff;
				background-color: #8ab0a8;
				font-size: 2.6em;
				font-family: "Times New Roman", Georgia, Times, serif;
				margin: 0;
				padding: .3em 1em;
				}
				
			strong.topic { font-size: 1.2em; margin: 1em 0; }
			strong.subTopic { font-weight: bold; display: block; text-align: center; }
		
			.middle { 
				width: 385px; 
				float: left; 
				font-size: 1.2em; 
				line-height: 1.5; 
				color: #222;
				border-right: 1px solid #ccc; 
				padding-right: 2em;
				margin-bottom: 2em;
				}
				
				.middle ul { margin-left: 2em; padding: 0; font-size: 1.2em; }
				
				/*for pages without right margin*/
		
			.middle_fullwidth { 
				width: 580px; 
				float: left; 
				font-size: 1.2em; 
				line-height: 1.5; 
				color: #222;
				padding-right: 2em;
				margin-bottom: 2em;
				}
		
		p#construction {
			font-size: 1.5em;
			color: #666;
			font-weight: bold;
			}
			
		table.board td, table.staff td { border-bottom: 1px dotted #ccc; padding: 4px 0; }
		
		#vtour {
			width: 650px;
			margin: 10px auto 30px auto;
			z-index: 1;
			}
			
		.address { margin: 5px 10px; display: block; }

#rightCol {
	float: right;
	width: 230px;
	margin: -15px 0 0 0;
	text-align: center;
	}
	
	#rightCol p { margin: 0; padding-bottom: 2em; }
	
#footer {
	background-color: #fff;
	color: #333;
	border-top: 1px solid #999;
	margin: 0 0 0 150px;
	padding: 5px 20px 20px 0;  /* I changed this */
	line-height: 1.5em;
	}
	
	#footer a {
		color: #555;
		font-size: 1.2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		white-space: nowrap;
		}
		
		#footer a:hover {
			text-decoration: underline;
			}
		
	#credit { font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #aaa; padding-left: 35px; }
	#credit a { font-size: 1em; color: #aaa; }

#bottom {
	/*width: 900px;*/
	width: 850px;
	height: 14px;
	background-color: #fff;
	background-image: url(images/btm_section.jpg);
	}