html{
	background: #eaeaea;
}

body{
	background: #ffffff url('/images/bg2.png') repeat-x left top;
}

#wrapper{
	background: url('/images/bg3.jpg') no-repeat 100px 55px;
	height: 1%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 30px 0;
	width: 940px;
}

#foot-wrapper{
	border-top: 1px solid #dedede;
	background: #eaeaea;
}
	
#foot{
	font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;	
	margin: 0 auto;
	padding: 15px 0 15px;
	text-align: right;
	width: 940px;
}

#alert{
	color: #333333;
	padding: 10px;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;		
}

.error{
	background: #f4deda;
	color: #000000;
	font-size: 12px;
	margin-bottom: 10px;
	padding: 10px;
}

/* 
|---------------------------------------------------------------------------
| NAVIGATION
|---------------------------------------------------------------------------
*/

a{
	color: #3762a5;
	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;	
}

	#foot a{
		color: #999999;
		margin: 0 10px 0 10px;
		text-decoration: none;
	}
	
	#foot a:hover{
		color: #666666;
		text-decoration:none;
	}

#nav-bar .logo{
	float: left;
	padding: 12px 0 0 0;	
}

#nav-bar{
	color: #ffffff;
	font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;	
	height: 55px;
	line-height: 55px;
	text-align: right;
}

	#nav-bar a{
		color: #777777;
		margin: 0 10px 0 10px;
		text-decoration: none;
	}
	
	#nav-bar a:hover{
		color: #aaaaaa;
		margin: 0 10px 0 10px;
		text-decoration:none;
	}
	
body#home #nav-bar a.home{border-bottom: 2px solid #b5931e; color: #ffffff; font-weight: bold;}
body#work #nav-bar a.work{border-bottom: 2px solid #b5931e; color: #ffffff;font-weight: bold;}
body#volunteer #nav-bar a.volunteer{border-bottom: 2px solid #b5931e; color: #ffffff;font-weight: bold;}
body#clients #nav-bar a.clients{border-bottom: 2px solid #b5931e; color: #ffffff;font-weight: bold;}
body#about #nav-bar a.about{border-bottom: 2px solid #b5931e; color: #ffffff;font-weight: bold;}
body#staff #nav-bar a.about{border-bottom: 2px solid #b5931e; color: #ffffff;font-weight: bold;}
body#contact #nav-bar a.contact{border-bottom: 2px solid #b5931e; color: #ffffff;font-weight: bold;}

#sub-nav{
	height: 1%;
	overflow: auto;	
}

#sub-nav a{
	background: url('/images/white_button_bg.png') no-repeat left top;
	color: #333333;
	display: block;
	float: right;
	font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;	
	height: 24px;
	line-height: 24px;
	margin-right: 10px;
	text-align: center;
	text-decoration: none;
	width: 95px;
}

#sub-nav a.active{background: url('/images/black_button_bg.png') no-repeat left top; color: #ffffff; font-weight: bold;}

/* 
|---------------------------------------------------------------------------
| BANNERS
|---------------------------------------------------------------------------
*/

#banner{
	color: #ffffff;
	font: normal 14px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;	
	height: 151px;
	position: relative;
	text-shadow: #000000 0 0 4px;
}

	#banner h1{
		font: 26px 'Georgia';
		line-height: 100%;
		padding: 25px 0 10px 0;
	}
	
	#banner .text{
		margin-left: 6px;
	}
	
#banner .logo{
	float: left;
	height: 151px;
	line-height: 141px;
	margin-right: 70px;
	_margin-right: 110px;
}

	#banner .logo img{
		vertical-align: middle;
	}
	
	#banner .logo span{
		display: inline-block;
	}

body#work #banner .text{ padding-top: 40px;}
body#volunteer #banner .text{ padding-top: 40px;}
body#clients #banner .text{ padding-top: 40px;}
body#about #banner .text{ padding-top: 40px;}
body#staff #banner .text{ padding-top: 40px;}
body#contact #banner .text{ padding-top: 65px;}

#content{

}


/* 
|---------------------------------------------------------------------------
| HOME PAGE
|---------------------------------------------------------------------------
*/

#rotating-pane{
	background: url('/images/rotating_pane_bg.jpg') no-repeat left bottom;
	font: 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	height: 230px;
	margin: 10px 0 20px 0;
	padding: 25px 0 0 15px;
}

	#rotating-pane ul{
		float: left;
		width: 600px;
	}

	#rotating-pane .image{
		background: url('/images/large_bg.png') no-repeat left top;
		float: left;
		height: 213px;
		margin-right: 15px;
		padding: 10px 0 0 10px;
		width: 298px;
	}
	
	#rotating-pane .text{
		color: #333333;
		font-size: 12px;
		float: right;
		padding: 15px 0 0 0;
		width: 270px;
	}
	
	#rotating-pane .text h2{
		color: #000000;
		font: normal 16px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		margin-bottom: 15px;
	}
	
	#rotating-pane .text .body{
	
	}

#get-involved{
	border-left: 1px solid #dedede;
	color: #333333;
	float: right;
	margin-left: 15px;
	margin-top: 30px;
	padding-left: 15px;
	width: 280px;
}
	
	#get-involved h1{
		color: #000000;	
		font: 20px 'Georgia';
		margin-bottom: 15px;
	}

#our-work{
	float: left;
	width: 580px
}

	#our-work h1{
		color: #666666;	
		font: 20px 'Georgia';
		margin-bottom: 5px;
	}
	
	#our-work ul{
		margin-bottom: 5px;
	}
	
	#our-work li{
		border-bottom: 1px solid #eaeaea;
		color: #444444;
		font: 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		height: 1%;
		overflow: auto;
		padding: 10px 0 10px 0;
	}
	
		#our-work .project-image{
			background: url('/images/thumb_bg.png') no-repeat left top;
			float: left;
			height: 85px;
			padding: 8px 0 0 8px;
			width: 118px;
		}
		
		#our-work li .text{
			float: right;
			padding: 5px 0 0 0;
			width: 435px;
		}	
		
		#our-work li h2{
			color: #000000;
			font: normal 14px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
			margin-bottom: 10px;
		}
		
body#home #right-column{
	float: right;
	width: 340px;	
}
		
#subscribe-newsletter{
	background: url('/images/Email.png') no-repeat 15px center;
	padding-left: 75px;
	margin-bottom: 20px;
}

	#subscribe-newsletter h1{
		color: #999999;
		font: 16px 'Georgia';
		margin-bottom: 5px;
	}
	
	#subscribe-newsletter input.text{
		font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		padding: 2px;
		width: 160px;
	}
	
#latest-news{
	background: url('/images/latest_news_bg.jpg') no-repeat left top;
	padding: 12px 15px 10px 15px;
	min-height: 265px;
}

	#latest-news h1{
		color: #9b976c;
		font: 18px 'Georgia';
		margin-bottom: 10px;
	}
	
	#latest-news li{
		font: 11px/150% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		height: 1%;
		overflow: auto;
		padding: 0 0 30px 0;
	}
	
		#latest-news .date{
			background: url('/images/date_bg.png') no-repeat left top;
			color: #ffffff;
			font: bold 11px/120%  "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
			float: left;
			height: 35px;
			padding: 7px 0 0 0;
			text-align: center;
			width: 42px;
		}
		
		#latest-news h2{
			color: #000000;
			font: bold 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
			margin-bottom: 10px;
		}
		
		#latest-news .text{
			float: right;
			width: 250px;
		}
		
/* 
|---------------------------------------------------------------------------
| NEWS
|---------------------------------------------------------------------------
*/

body#news{}

body#news #content{
	margin-top: 30px;	
}

body#news #content h1{
	color: #3762a5;
	font: 24px 'Georgia';
	margin-bottom: 10px;
}

body#news li{
	border-bottom: 1px solid #eaeaea;
	color: #333333;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding: 15px 0 15px 0;
}

	body#news li h2{
		color: #000000;
		font: normal 16px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	}
	
	body#news li p.date{
		color: #666666;
		font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		margin-bottom: 15px;
	}
	
/* 
|---------------------------------------------------------------------------
| WORK
|---------------------------------------------------------------------------
*/

body#work #volunteer-button{
	text-align: right;	
}

body#work #content{
	height: 1%;
	overflow: auto;
	margin-top: 20px;	
}

body#work #content li{
	color: #444444;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	float: left;
	height: 1%;
	margin: 0 0 20px 0;
	overflow: auto;
	padding: 0 20px 0 0;
	width: 450px;
}

body#work #content li.year{
	border-bottom: 1px solid #eaeaea;
	clear: both;
	color: #888888;
	float: none;
	font: 20px 'Georgia';
	padding: 0 0 5px 0;
	width: 99%;
}

	body#work #content li .project-image{
		background: url('/images/thumb_bg.png') no-repeat left top;
		float: left;
		height: 85px;
		margin-right: 15px;
		padding: 8px 0 0 8px;
		width: 118px;
	}
	
	body#work #content li .project-info{
		float: right;
		padding: 5px 0 0 0;
		width: 305px;
	}

	body#work #content li h2{
		color: #000000;
		font: normal 14px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		margin-bottom: 5px;
	}
	
	body#work #content li p.meta{
		font: normal 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		margin-bottom: 15px;
	}
	
	body#work #content li span.location{
		color: #333333;
		font-weight: bold;
	}
	
	body#work #content li span.date{
		color: #666666;
	}
	
body#work h1{
	border-bottom: 1px solid #eaeaea;
	color: #000000 ;
	font: 24px 'Georgia';
	margin: 10px 0 20px 0;
	padding: 0 0 3px 0;
}

body#work h1 a{
	font-family: 'Georgia';
	text-decoration:none;
}

body#work h1 a:hover{
	font-family: 'Georgia';
	text-decoration:underline;	
}

body#work p.location{
	color: #666666 ;
	font: 20px 'Georgia';
	margin: 0 0 5px 20px;
}

body#work p.date{
	color: #999999 ;
	font: normal 14px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin: 0 0 0 20px;
}	
	
body#work #left-column{
	float: left;
	width: 325px;	
}

body#work #right-column{
	border-left: 1px solid #eaeaea;
	color: #333333;
	float: right;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding-left: 25px;
	width: 585px;	
}

	body#work #right-column h1, h2{
		color: #3762a5;	
		font: 20px 'Georgia';
		margin: 0 0 15px 0;
	}
	
	body#work #right-column h3{
		color: #666666;	
		font: 16px 'Georgia';
		margin: 0 0 15px 0;
	}
	
	body#work #right-column p{
		margin-bottom: 20px;
	}

	body#work #right-column ul{
		background: #f1f1f1;
		border-top: 1px solid #dedede;
		margin-bottom: 20px;
	}
	
	body#work #right-column li{
		border-bottom: 1px solid #dedede;
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}
	
body#work #left-column .image{
	background: url('/images/large_bg.png') no-repeat left top;
	float: left;
	height: 213px;
	margin-right: 15px;
	padding: 10px 0 0 10px;
	width: 298px;
}
	
/* 
|---------------------------------------------------------------------------
| VOLUNTEER
|---------------------------------------------------------------------------
*/

body#volunteer h1{
	color: #3762a5;	
	font: 20px 'Georgia';
	margin: 0 0 15px 0;
}

body#volunteer h2{
	color: #666666;	
	font: 16px 'Georgia';
	margin: 0 0 15px 0;
}

body#volunteer #left-column{
	float: left;
	margin: 30px 0 0 0;
	width: 250px;
}

body#volunteer #right-column{
	border-left: 1px solid #eaeaea;
	float: right;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin: 25px 0 0 0;
	padding: 0 0 0 35px;
	width: 620px;
}

	body#volunteer #right-column p{
		margin-bottom: 20px;
	}
	
	body#volunteer #right-column ul{
		background: #f1f1f1;
		border-top: 1px solid #dedede;
		margin-bottom: 20px;
	}
	
	body#volunteer #right-column li{
		border-bottom: 1px solid #dedede;
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}

body#volunteer .get-involved{
	background: url('/images/volunteer_bg.png') no-repeat left top;
	color: #9b976c;
	font: 18px 'Georgia';
	height: 112px;
	padding: 14px 0 0 0;
	text-align: center;
	width: 246px;
}

/* 
|---------------------------------------------------------------------------
| APPLY
|---------------------------------------------------------------------------
*/

body#volunteer #content{
	color: #333333;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin-top: 30px;	
}

body#volunteer #content h1{
	color: #3762a5;	
	font: 24px 'Georgia';
	margin: 0 0 15px 0;
}

body#volunteer #content h2{
	color: #666666;	
	font: 20px 'Georgia';
	padding: 0 0 0 9px; 
}

#login-left{
	border-bottom: 1px solid #eaeaea;
	border-top: 1px solid #eaeaea;
	color: #333333;
	font: normal 11px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin-left: 2px;
	padding: 10px;
	width: 223px;
}

#login-left input{
	font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	padding: 2px;
	width: 80%;	
}

#login-left label{
	color: #333333;
	font: bold 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	display: block;	
}

body#volunteer #login{
	border-bottom: 1px solid #dedede;
	border-top: 1px solid #dedede;
	background: #f1f1f1;
	font-size: 16px;
	margin-bottom: 15px;
	padding: 15px;
}

body#volunteer #login input{
	padding: 2px;
	font: normal 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

body#volunteer #login label{
	font: bold 12px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	float: left;
	margin-right: 5px;
	padding-top: 4px;
	text-align: left;
	width: 75px;
}

#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8{
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0 15px 0;	
}

#save{
	border: 1px solid #dadada;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	
	background: #ffffff;
	padding: 15px;
	position: fixed;
	right: 20px;
	top: 70px;
	z-index: 9999;
	width: 300px;
	
	-webkit-box-shadow:rgba(0,0,0,.2) 0px 0px 8px;
	-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 8px;
}

	#save .save-info{
		border-bottom: 1px solid #dedede;
		padding-bottom: 15px;
		color: #666666;
		font-size: 11px;
		margin: 15px 0 15px 0;
	}

/* 
|---------------------------------------------------------------------------
| CLIENTS & PARTNERS
|---------------------------------------------------------------------------
*/

body#clients h1{
	color: #3762a5;	
	font: 20px 'Georgia';
	margin: 0 0 15px 0;
}

body#clients #left-column{
	float: left;
	margin: 30px 0 0 0;
	width: 250px;
}

body#clients #right-column{
	border-left: 1px solid #eaeaea;
	float: right;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	margin: 40px 0 0 0;
	padding: 0 0 0 35px;
	width: 620px;
}

	body#clients #right-column p{
		margin-bottom: 20px;
	}
	
	body#clients #right-column ul{
		background: #f1f1f1;
		border-top: 1px solid #dedede;
		margin-bottom: 20px;
	}
	
	body#clients #right-column li{
		border-bottom: 1px solid #dedede;
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}

body#clients .get-involved{
	background: url('/images/volunteer_bg.png') no-repeat left top;
	color: #9b976c;
	font: 18px 'Georgia';
	height: 112px;
	padding: 14px 0 0 0;
	text-align: center;
	width: 246px;
}


/* 
|---------------------------------------------------------------------------
| ABOUT US
|---------------------------------------------------------------------------
*/

body#about h1{
	color: #3762a5;	
	font: 20px 'Georgia';
	margin: 0 0 15px 0;
}

body#about h2{
	color: #666666;	
	font: 16px 'Georgia';
	margin: 0 0 15px 0;
}


body#about #banner{
	margin-bottom: 25px;	
}

body#about #sub-nav{
	margin-bottom: 15px;
	text-align: right;	
}

body#about #left-column{
	float: left;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	width: 630px;
}

	body#about #left-column p{
		margin-bottom: 20px;
	}
	
	body#about #left-column ul{
		background: #f1f1f1;
		border-top: 1px solid #dedede;
		margin-bottom: 20px;
	}
	
	body#about #left-column li{
		border-bottom: 1px solid #dedede;
		font-size: 12px;
		padding: 5px 10px 5px 10px;
	}

body#about #right-column{
	float: right;
	width: 280px;
}

body#about #resources{
	background: url('/images/resources_bg.png') no-repeat left top;
	padding: 12px 15px 10px 15px;
	min-height: 220px;
}

	body#about #resources h1{
		color: #9b976c;
		font: 18px 'Georgia';
		margin-bottom: 10px;
	}
	
	#resources li{
		font: 11px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
		padding: 3px 0 3px 0;
	}
	
/* 
|---------------------------------------------------------------------------
| STAFF AND BOARD
|---------------------------------------------------------------------------
*/

body#staff #banner{
	margin-bottom: 25px;	
}


body#staff #sub-nav{
	margin-bottom: 15px;
	text-align: right;	
}

body#staff #left-column{
	float: left;
	width: 170px;
}

body#staff #right-column{
	border-left: 1px solid #eaeaea;
	float: right;
	padding: 0 0 0 15px;
	width: 745px;
}

body#staff #left-column h1{
	color: #3762a5;	
	font: 24px 'Georgia';
	padding-top: 15px;
}

body#staff li{
	border-bottom: 1px solid #eaeaea;
	font: 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	height: 1%;
	overflow: auto;
	padding: 15px 0 15px 0;
}

body#staff .staff-image{
	background: url('/images/medium_bg.png') no-repeat left top;
	float: left;
	height: 169px;
	padding: 10px 0 0 10px;
	width: 238px;
}

body#staff .staff-info{
	float: right;
	padding: 10px 0 0 0;
	width: 475px;
}

body#staff .staff-info h2{
	color: #000000;
	font: normal 16px "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

body#staff .staff-info .position{
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
}

body#staff .staff-info .body{
	color: #333333;
}

/* contact */

body#contact #banner{
	margin-bottom: 30px;	
}

body#contact h1{
	color: #3762a5;	
	font: 20px 'Georgia';
	margin: 0 0 15px 0;
}

body#contact h2{
	color: #666666;	
	font: 16px 'Georgia';
	margin: 0 0 15px 0;
}

body#contact #left-column{
	float: left;
	font: normal 12px/160% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	width: 630px;
}

	body#contact #left-column p{
		margin-bottom: 20px;
	}
	
	body#contact #left-column ul{
		background: #f1f1f1;
		border-top: 1px solid #dedede;
		margin-bottom: 20px;
	}
	
	body#contact #left-column li{
		border-bottom: 1px solid #dedede;
		font-size: 11px;
		padding: 5px 10px 5px 10px;
	}

body#contact #right-column{
	float: right;
	width: 280px;
}