/* Global 
-------------------------------*/

body {

font: 11px/130% Verdana, Tahoma, sans-serif;
background:#5CB656 url(/public/img/body-bg.jpg) 0px 171px repeat-x;
color: #000;

}

html * {

margin: 0;
padding: 0;

}

img {

border: none;

}





/* Generic Styles 
-------------------------------*/

h1 {

font-size: 18px;

}

h2 {

font-size: 16px;
color: #5CB656;
padding: 0 0 8px 0;

}

h3 {

font-size: 12px;

}

h4, h5, h6
{

font-size: 11px;

}

p {

font-size: 11px;
padding: 0 0 10px 0;

}

input {

padding: 2px;
border: solid 1px #B0B0B0;

}

a {

font-weight: bold;
color: #000;

}

a:hover {

color: #333;

}

p.date {
		
		font-size: 10px;
		font-weight: bold;
		padding: 0 0 4px 0;
		color: #666;
		
}

p.error {

color: #cc0000;
font-weight: bold;
font-size: 10px;
padding: 0;

}

input.error {

border: solid 1px #cc0000;
background: #ffc9c9;

}

/* Header 
-------------------------------*/

#headercontainer {

width: 100%;
background: url(/public/img/header-bg.jpg) repeat-x;
height: 126px;

}

#header {

width: 770px;
height: 126px;
margin: 0 auto;

}
		
		#headernav {
		
		height: 34px;
		width: 770px;
		text-align: right;
		
		}
		
				
					#headernav ul {
					
					padding: 6px 0 0 0;
					
					}
					

					#headernav ul li {
					
					list-style: none;
					display: inline;
					padding: 0 6px 0 0;
					
					}
					
					#headernav ul li a {
					
					color: #fff;
					font-size: 11px;
					font-weight: normal;
					
					}
					
					#headernav ul li a:hover {
					
					text-decoration: none;
					
					}

		#header h1, #header h1 a {
		
		width: 193px;
		height: 92px;
		display: block;
		text-decoration: none;
		text-indent: -9999px;

		
		}
		
		#header h1 {
		
		background: url(/public/img/csc-habitat-logo.jpg) no-repeat;
		
		}
		
		img#headertag {
		
		float: right;
		height: 66px;
		padding: 26px 0 0 0;
		width: 223px;
		
		}

		



/* Topnav 
-------------------------------*/
#topnav {

width: 100%;
background: url(/public/img/topnav-bg.jpg) 50% 0%;
height: 45px;

}

#topnav ul {

width: 770px;
margin: 0 auto;

}

		#topnav li {
		
		list-style: none;
		display: inline;
		
		}
		
		#topnav li a {
		
		height: 45px;
		display: block;
		float: left;
		text-indent: -9999px;
		text-decoration: none;
		
		}
		
		#topnav li#about a { 
		
		background: url(/public/img/about_link.jpg) no-repeat;
		width: 253px;

		}
		
		#topnav li#involved a { 
		
		background: url(/public/img/involved_link.jpg) no-repeat;
		width: 135px;

		}
		
		#topnav li#events a { 
		
		background: url(/public/img/events_link.jpg) no-repeat;
		width: 91px;

		}
		
		#topnav li#shop a { 
		
		background: url(/public/img/shop_link.jpg) no-repeat;
		width: 139px;

		}
		
		#topnav li#action a { 
		
		background: url(/public/img/action_link.jpg) no-repeat;
		width: 152px;

		}
		
		#topnav li#about a:hover, #topnav li#involved a:hover, #topnav li#events a:hover, #topnav li#shop a:hover, #topnav li#action a:hover {
		
		background-position: 0px -45px;
		
		}
		

/* Home Layout 
-------------------------------*/

#homecontainer {

width: 770px;
background: url(/public/img/home-container-bg.jpg) repeat-y;
margin: 0 auto;

}

#container {

width: 770px;
background: url(/public/img/container-bg.jpg) repeat-y;
margin: 0 auto;

}


#homecol1 {

width: 461px;
float: left;
background: url(/public/img/col1-top.jpg) no-repeat;
margin: 0 -3px 0 0;
}

html>body #homecol1 { margin: 0; }

			
			#homeimage {
			
			margin: 0 0 0 7px;
			border-bottom: solid 5px #5CB656;
			
			}
			
			#homeemaillist {
			
			background: url(/public/img/emaillist-home-bg.jpg) 7px 0px no-repeat;
			width: 235px;
			height: 131px;
			float: left;
			margin: 0 -3px 0 0;
			
			}
			
			html>body #homeemaillist { margin: 0; }
		
						#homeemaillist p {
		
						font-size: 11px;
						color: #fff;
						padding: 48px 12px 0px 36px;				
						
						
						}
						
						#homeemaillist form {
						
						padding: 10px 0 0 36px;
						
						}
						
						#homeemaillist input.emailinput {
						
						width: 120px;
						margin: 0 6px 0 0;
						vertical-align: middle;
						
						}
						
						#homeemaillist input.submit {
						
						border: none;
						vertical-align: middle;
						
						}
			
			#homecontribute {
			
			background:#fff url(/public/img/contribute-home-bg.jpg) no-repeat;
			width: 226px;
			height: 131px;
			margin: 0 0 0 232px;
			
			}
			
			html>body #homecontribute { margin: 0 0 0 235px; }

						#homecontribute p {
		
						font-size: 11px;
						color: #fff;
						padding: 52px 24px 0 32px;				
						
						
						}
						
						#homecontribute p a {
						
						color: #fff;
						
						}
						
			#corporatedonors {
			
			background:#fff;
			width: 400px;
			margin: 10px 0 15px 25px;
			
			}
			
			#corporatedonors img {
			
			margin: 0 5px 0 0;
			}
			
			
			
			
						

#homecol2 {

width: 309px;
margin: 0 0 0 458px;
background: url(/public/img/col2-top.jpg) top right no-repeat;

}

			ul#homenews {
			
			width: 268px;
			background:#e9eff4 url(/public/img/homenews-header.jpg) no-repeat;
			padding: 64px 16px 0 18px;
			
			
			}
			
			ul#homenews li {
			
			list-style: none;
			padding: 0 0 12px 0;
			
			}
			
			ul#homenews h2, ul#homenews h2 a {
			
			color: #2b6396;
			font-size: 12px;
			text-decoration: none;
			
			}
			
			ul#homenews h2 a:hover {
			
			text-decoration: underline;
			
			}
			
			ul#homenews p {
			
			font-size: 11px;
			padding: 0;
			
			}
			
			ul#homenews p.newslink a {
			
			font-weight: bold;
			font-size: 11px;
			color: #5cb656;
			
			}
			
			ul#homenews p.newslink a:hover {
			
			color: #333;
			
			}

html>body #homecol2 { margin: 0 0 0 461px; }


#homeactivesites {
			
			background: url(/public/img/activesites-home-bg.jpg) 7px 0px no-repeat;
			width: 260px;
			height: 131px;
			margin: 0 -3px 0 8px;
			padding: 20px 0 0 25px; 
			
			}
			
			#homeactivesites h2 {
			
			font-weight: bold;
			font-size: 14px;
			color: #fff;
			
			}
			
			#homeactivesites p {
			
			color: #fff;
			
			}
			
			#homeactivesites a {
			
			color: #fff;
			
			}


/* Int Layout
-----------------------*/

#col1 {

width: 510px;
float: left;
background: url(/public/img/col1-top.jpg) no-repeat;
padding: 0 0 0 7px;
margin: 0 -3px 0 0;

}

html>body #col1 { margin: 0; }

		#intcontent {
		
		background: url(/public/img/intcol1-cap.jpg) repeat-x;
		padding: 20px 50px 20px 20px;
		width: 440px;
		
		}
		
		#intcontent h2{
		
		line-height: 20px;
		
		}
		
		#intcontent ul{
		
		margin: 10px 0 0 30px;
		padding: 0;
		
		}
		
		.photo{
		
		margin: 0 10px 10px 0;
		padding: 5px;
		width: 200px;
		border: solid 1px #ccc;
		
		}
		
		/* table styles
		-----------------------*/
		
		#intcontent table {
		
		padding: 0;
		width: 400px;
		border-collapse: collapse;
		
		}
		
		#intcontent table th {

		padding: 8px;
		text-align: left;
		background: #e7f0f4;
		font-size: 12px;
		color: #333;
		text-align: center;
		border: solid 1px #d3dee3;
		
		}
		
		
		#intcontent table a {

		font-weight: bold;
		
		}
		
		#intcontent table td {

		padding: 8px;
		vertical-align: top;
		text-align: center;
		border: solid 1px #d3dee3;
		}
		
		
		#intcontent table td.col1 {
		
		width: 60px;
		vertical-align: middle;
		
		}
		
		#intcontent table td.col2 {
		
		text-align: center;
		vertical-align: middle;
		width: 75px;
		font-size: 10px;
		font-weight: bold;
		color: #666;
		
		}
		
		#intcontent table td.col3 {
		
		
		font-size: 12px;
		line-height:140%;
		color: #333;
		
		}
		
		
		
		#breadcrumb {
		
		border-bottom: solid 1px #e5e5e5;
		padding: 0 0 10px 0;
		margin: 0 0 10px 0;
		
		}
		
					#breadcrumb ul {
		
					margin: 0;
					padding: 0;
					
					}


					#breadcrumb li {
		
					display: inline;
					list-style: none;
					
					}


					#breadcrumb li a {
					
					font-size: 9px;			
					font-weight: bold;
					color: #2b6396;
					background: url(/public/img/bc-arrow.gif) 100% 50% no-repeat;
					padding: 0 10px 0 3px;
					text-decoration: none;
					
					}
					
					#breadcrumb li a.active, #breadcrumb li a:hover {
					
					font-size: 9px;			
					font-weight: bold;
					color: #5cb656;
					
										
					}
					
					#breadcrumb li a.active {
					
					background: none;
					
					}
					
					#intcontent h2#title {
					
					font-size: 21px;
					color: #2b6396;
					padding: 0 0 10px 0;
					
					}
					
					#intemaillist {
			
					background: url(/public/img/emaillist-int-bg.jpg) no-repeat;
					width: 235px;
					height: 131px;
					margin: 10px 0 0 0;
					
					}
			
			
		
						#intemaillist p {
		
						font-size: 11px;
						color: #fff;
						padding: 36px 12px 0 16px;				
						
						
						}
						
						#intemaillist form {
						
						padding: 10px 0 0 16px;
						
						}
						
						#intemaillist input.emailinput {
						
						width: 120px;
						margin: 0 6px 0 0;
						vertical-align: middle;
						
						}
						
						#intemaillist input.submit {
						
						border: none;
						vertical-align: middle;
						
						}
						
					#intcontribute {
			
					background:#fff url(/public/img/contribute-int-bg.jpg) no-repeat;
					width: 226px;
					height: 131px;
					
					
					}
			
			

						#intcontribute p {
		
						font-size: 11px;
						color: #fff;
						padding: 43px 36px 0 20px;				
						
						
						}
						
						#intcontribute p a {
						
						color: #fff;
						
						}
					
					
#col2 {

width: 246px;
margin: 0 0 0 514px;
background: url(/public/img/col2-top.jpg) top right no-repeat;
padding: 0 7px 0 0;

}

html>body #col2 { margin: 0 0 0 517px; }

		#col2content {
		
		background: url(/public/img/intcol2-cap.jpg) repeat-x;
		width: 246px;
		padding: 14px 0 0 0;

		
		
		}

		ul#subnav {
		
		width: 237px;
		background: #e9eff4;
		padding: 6px 0 12px 9px;
		
		}
		
		ul#subnav li {
		
		list-style: none;
		display: inline;
		margin: 0;
		}
		
		ul#subnav li a {
		
		
		display: block;
		color: #2b6396;
		font-size: 13px;
		text-decoration: none;
		padding: 4px 0 4px 6px;
		border-bottom: solid 1px #dbe1e6;
		border-left: solid 3px #e9eff4;
		width: 213px;
		line-height: 150%;
		margin: 0;
		
		}
		
		ul#subnav li a:hover {
		
		background: #fff;
		border-left: solid 3px #dbe1e6;
		
		}
		
				ul#subnav li ul {
				
				margin: 0 0 12px 4px;
				width: 175px;
				}
			
				ul#subnav li ul li a {
				
				background: url(/public/img/bc-arrow.gif) 10px 50% no-repeat;
				border: none;
				font-size: 11px;
				padding: 4px 0 4px 18px;
				color: #5cb656;
								
				}
				
				ul#subnav li ul li a:hover {
				
				background: url(/public/img/bc-arrow.gif) 10px 50% no-repeat;
				border: none;
				color: #2b6396;
				
				}
				
							ul#subnav li ul li ul li a {
							
							background: none;
							border: none;
							font-size: 11px;
							padding: 2px 0 2px 24px;
							color: #2b6396;
							font-weight: normal;
							width: 150px;
											
							}
							
							ul#subnav li ul li ul li a:hover {
							
							background: none;
							
											
							}


/* Search Form
-----------------------*/

#searchform {

width: 237px;
background: #e9eff4;
padding: 6px 0 12px 9px;

}

		#searchform h2, #searchform h2 a {
		
		font-size: 13px;
		padding: 0 0 8px 0;
		color: #2b6396;
		
		}
		
		#searchform input.input {
		
		width: 85px;
		
		}


/* News
-----------------------*/

.newsitem {

padding: 0 0 12px 0;

}

		.newsitem p.date {
		
		font-size: 10px;
		font-weight: bold;
		padding: 0;
		color: #666;
		
		}
		
		.newsitem h3.newstitle, .newsitem h3.newstitle a {
		
		font-size: 13px;
		color: #2b6396;
		padding: 0 0 6px 0;
		
		}


/* Photo Gallery
-----------------------*/

#gallery {

padding: 10px 0 0 0;

}

		#gallery h3 {
		
		font-size: 13px;
		color: #5cb656;
		padding: 0 0 8px 0;
		
		}
		
#images {

padding: 10px 0 0 0;

}

#images img.imagethumb {

padding: 5px;
border: solid 1px #ddd;
background: #fff;
margin: 0 6px 6px 0;
vertical-align: middle;

}

#images img.imagefull {

padding: 8px;
border: solid 1px #ddd;
background: #fff;
margin: 0 0 10px 0;


}

#gallerynav {

width: 418px;
height: 30px;

}

#gallerynav p#navbuttons {

float: right;

}

/* Footer
-----------------------*/




#footer {

width: 770px;
height: 49px;
clear: both;
background:#5cb656 url(/public/img/footer-bg.jpg) no-repeat;


}

		#footer p {
		
		
		padding: 10px 0 0 20px;
		color: #fff;
		font-weight: bold;
		font-size: 9px;
		
		}
		
		
		#footer a {
		
		
		color: #fff;
		font-weight: bold;
		font-size: 9px;
		
		}
		
		#footer a:hover {
		
		
		color: #fff;
		font-weight: bold;
		font-size: 9px;
		text-decoration: none;
		
		}
		
		
		
/* Editor 
-------------------------------*/

html#content {

background: #fff;
padding: 10px;

}


/* Forms
------------------------------*/		

#forms {

	margin: 15px 0 0 0;
	padding: 5px;
	background: #eee;
}

form#forms_subpages {
								
	padding: 0;
	margin: 0;
	border: none;
	
	}
	
	form#forms_subpages table tr td {
								
	padding: 5px;
	margin: 0;
	border: none;
	text-align: left;
	
	}
	
	.cleantable {
								
	padding: 0;
	margin: 0;
	border: none;
	text-align: left;
	
	}
	
	.textfield {
								
	width: 150px;
	border: solid 1px #b1b1b1;
	
	}
	
	.checkbox {
	
	margin: 5px 5px 0 0;
	border: none;
	
	}
	
	
	div.formr {
	

	padding: 0 0 16px 0;
	
	
	}
	
	p.label {
	
	width: 130px;
	float: left;
	font-weight: bold;
	
	padding: 0 10px 0 0;
	font-size: 13px;
	
	}
	
	#forms h3 {
	
	padding: 8px 0 8px 0;
	color: #666;
	
	}
		
	.formcheck, .formselect {
	
	margin: 0 0 0 10px;
	
	}
	
	td.checkboxes ul, td.checkboxes ul li { 
	
	list-style: none; 
	padding: 0;
	margin: 0;
	
	}
		
	td.checkboxes input { border: none; }
	
	#submit {
	
	margin: 10px 0 0 0;
	background: #333;
	color: #fff;
	padding: 3px;
	font-size: 13px;
	font-weight: bold;
	
	}
	
	.formarea {
	margin: 0 0 0 10px;
	border: solid 1px #b1b1b1;
	}
	
	.formsub {
	
	padding: 10px;
	background: #ddd;
	margin: 0 0 10px 0;
	
	}
	
	.formsub p {
	
	font-size: 11px;
	
	}
	
	span.required { 
	
	color: #cc0000; 
	margin: 0 2px 0 2px;
	
	}