/*
palette:
blue:00477f
grey-blue:#B4BFC8
*/

/* Reset margin, padding */
body, ul, ol, dl, dt, dd, form {
	margin:0;
	padding:0;
}

body{	
	text-align:center;
	font-family:arial, sans-serif;
	font-size:75%;
	background:#fff;
}

#wrapper{
	margin:0 auto;	
	width:782px;
	text-align:left;
	border-top:8px solid #00477f;
}
#header{
	float:left;
	width:670px;
	text-align:left;
	position:relative;	
	height:122px;
}

#header h1{
	margin:0;
	padding:0;
	position:absolute;
	bottom:5px;
	left:45px;
	color:#00477f;
	font-size:1.6em;
	font-weight:normal;
	font-family:times, serif;	
}
#search fieldset{
	padding:0;
	margin:0;

}
#search{
	background:#fff;
	width:165px;
	height:92px;
	margin-bottom:6em;
	position:absolute;
	right:0;
	top:25px;
	background:#eee;
}

#search-txt{
	color:#999;
	margin-left:10px;
	color:#999;
	font-size:.9em;
}
#ajaxSearch_submit{
	background:#fff;
	color:#999;
	border:0;
	margin:0;
	padding:0;
}
#ajaxSearch_input{
	width:110px;
	color:#999;
	margin:15px 5px 0 10px;
	padding:0;
	padding:.1em 0;
	border:0;

}
#search label{	color:#777;}

#main{
	float:left;
	width:660px;
	text-align:left;
	
}

#navigation{
	margin-top:20px;
	float:left;
	width:112px;
	text-align:left;	
}

#logo{}
	#logo a{
		display:block;
		width:112px;
		height:180px;
		background:url(../img/logo.gif) left top no-repeat;
	}
		#logo a span{			display:none;	}



#navigation ul{
	float:left;
	width:112px;
	list-style:none;
	margin-top:2.5em;	
	font-family:'times new roman', serif;
	background:#eee;
	border-top:8px solid #ddd;
	border-bottom:8px solid #ddd;	
}
	#navigation ul li{
		float:left;
		width:112px;
	}
	#navigation ul li a{
		float:left;
		width:107px;
		color:#555;
		text-decoration:none;
		padding:.5em 0px .5em 5px;
		border-bottom:1px solid #eee;
		font-size:1.1em;
	}
	#navigation ul li.active a{
		background:#fff;
		color:#00477f;
	}
	#navigation ul li a:hover{
		color:#999;
	}

	#navigation ul ul {
		margin:0;
		float:left;
		padding-left:10px;
		width:102px;
		display:inline;
		border:none;
		background:#fff;
		
	}
	#navigation ul ul li{
		float:left;
		width:92px;
	}
	#navigation ul ul li a, 
	#navigation ul li.active ul li a{
		float:left;
		width:82px;
		color:#777;
		text-decoration:none;
		padding:.5em 5px;
		border:none;
		background:#fff;
	
	}
	#navigation ul li.active ul li.active a{
		float:left;
		width:82px;
		color:#111;
		text-decoration:none;
		padding:.5em 5px;
		border-bottom:none;
		background:#fff;
	
	}
	
	#navigation ul ul li a:hover{	color:#111;	}
	#wrapper #navigation li.active a:hover{		color:#111;	}	

#content_area{
	float:left;
	width:615px;
	margin-left:55px;
	display:inline;	
	
}
#page_title{
	position:absolute;
	top:15.5em;
}
#content{}
#banner{
	position:absolute;
	left:0;
	top:25px;
	height:95px;
	width:435px;
	display:inline;
	margin:0 0 0 55px;
}
#banner img{
	float:left;
	margin-right:35px;
}
#content #banner p{	margin:0;padding:0;}
#copy{
	font-family:arial, sans-serif;
	padding-top:7.7em;
	float:left;
	width:400px;
	margin-right:50px;
	display:inline;
	color:#555;
	border-top:1px solid #B4BFC8;
}
#p0 #copy{
	font-family:arial, sans-serif;
	padding-top:7.7em;
	float:left;
	width:400px;
	margin-right:50px;
	display:inline;
	color:#555;
}
.wide #copy{ 	width:615px;}
.wide #more{	display:none;}
#content h1{
	margin:0;
	padding:0;
	color:#00477f;
	font-size:1.6em;
	font-weight:normal;
	font-family:times, serif;	
}
#copy h1 {	font-family:times, serif;}
#copy h2 {
	font-family:times, serif;
	font-size:1.5em;
	font-weight:normal;
	padding:.8em 0 .3em;
	margin:0;
}
#copy h3, #more h3 {
	font-family:times, serif;
	font-size:1.2em;
	color:#777;
	margin:.5em 0 .2em;
	padding:.5em 0 .2em;
}
#copy h4, #more h4 {
	font-family:arial, sans-serif;
	font-size:1em;
}
#copy h5, #more h5 {
	font-family:arial, sans-serif;
	font-size:1.5em;
}
#copy p {
	margin:.7em 0 .2em;
	padding:.7em 0 .2em;
	line-height:1.4em;
}
#content a{
	color:#777;
	text-decoration:underline;
}
#content a:hover{
	color:#333;
	text-decoration:none;
}
#content ul{	margin-top:.2em;}
	#content ul li{
		padding-left:15px;
		margin-bottom:.5em;
		list-style:none;
		background:url(../img/arrow.gif) left .2em no-repeat;
	}
	#content ul li p{
		padding:0;
		margin:0;
	}
	
	
/* Image styling */
.imageLeft{
	padding:10px;
	padding-left:0px;
}
.imageRight{
	padding:10px;
	padding-right:0px;
}

img.border{
	padding:2px;
	border:1px solid #eee;
}
#more{
	font-family:arial, sans-serif;
	float:left;
	width:165px;
	color:#777;
border-top:1px solid #B4BFC8;
padding-top:7.7em;
	
}
#more img{
	width:155px;
	height:155px;
}

	#content #more ul li{
		background:url(../img/arrow_light.gif) left .2em no-repeat;
	}
	#content #more ul li a{
		text-decoration:none;


	}	
	#content #more ul li.active{
		background:url(../img/arrow.gif) left .2em no-repeat;
	}
	#content #more ul li.active a{
		color:#555;
	}


#more h2{
	color:#999;
	width:165px;
	font-family:times, serif;
	font-size:1.2em;
	font-weight:bold;
	font-size:1.5em;
	font-weight:normal;
	padding:0;
	margin:1em 0 .3em;
}

#more .projects{
	margin-top:1em;
}

#more h3{
	color:#999;
}
#more h3 a, #more h3 a:visited{
	color:#B4BFC8;
	text-decoration:none;
}
#more h3 a:hover{
	color:#666;
	text-decoration:underline;
}
#more  p{	color:#999;}

#more  p.ditto_info{
	margin:0;
	color:#aaa;
	font-style:italic;
}

#latest{
	float:left;
	width:400px;
}
#latest h2{
	margin:.2em 0 !important;
	padding:.5em 0 .2em ;
}
#latest ul{	margin-top:0;}
#lastUpdated{
	float:left;
	width:170px;
	padding-left:26px;
}
#latestAnnualReport{
	float:left;
	width:190px;
}

#footer{
	margin-top:3em;
	margin-bottom:1em;
	margin-left:167px;
	display:inline;
	clear:left;
	float:left;
	width:615px;
	text-align:left;
	border-top:1px solid #ddd;
	border-bottom:1px solid #eee;
	font-family:arial, serif;
	font-size:.9em;
}

	#footer ul{
		float:left;
		width:500px;
		list-style:none;
		display:inline;
	}
		#footer ul li{
			float:left;
		
		}
			#footer ul li.first{
				border:none;
			}
		#footer ul li a{
			float:left;
			color:#00477f;
			text-decoration:none;
			padding:.5em 15px;
		}
		#wrapper #footer ul li.active a{
			color:#777;

		}		
			#footer ul li.first a{
				float:left;
				color:#00477f;
				text-decoration:none;
				padding-left:0;
			}
		
		#footer ul li a:hover{			color:#555;		}

#address{
	float:left;
	width:215px;
	margin-left:167px;
	color:#777;
	display:inline;
	font-size:.9em;
}
#charity{
	float:left;
	width:185px;
	color:#777;
	font-size:.9em;
	}

#copyright{
	margin-left:50px;
	display:inline;
	float:left;
	width:145px;
	color:#999;
	font-size:.9em;
}

/* Misc. Classes */

.off{	display:none;}
.cleaner{	clear:both;}
.clear_right{	clear:right;}
.clear_left{	clear:left;}
.float_right{	float:right;}
.float_left{	float:left;}

/* Global */

abbr, acronym{
	border-bottom:1px dotted #555;
	cursor: help;
}
img{	border:0;}


.formRow{
	clear:left;
	float:left;
	width:350px;
	margin-bottom:.5em;

}
.formRow label{
	float:left;
	width:150px;
	margin-right:10px;
}
.formRow input.std{
	float:left;
	width:180px;
	border:1px solid #aaa;
}
.formRow input.short{
	float:left;
	border:1px solid #777;

}

fieldset{	border:none;}

#mapContainer {
	padding:5px 0;
	border:1px solid #999;

}


#map{
	height:300px;
	width:398px;
	left:5px;
}
