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

body {
	margin: 0;
	padding: 0;
	background-color: #333333;
}

a {
	color: #941631;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	margin: 0;
	padding: 20px 0 10px 0;
	color: #7a8853;
	font-size: 25px;
}

h2 {
	margin: 0;
	padding: 5px 0 0 0;
	color: #333333;
	font-size: 18px;
	line-height: 20px;
}

#container {
	width: 855px;
	margin: 19px auto 20px auto;
	padding: 0;
	background-color: white;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
}

	#content_wrapper {
		margin: 0 27px 0 27px;
		padding: 0;
		width: 800px;
	}
	
	#header {
		flaot: left;
		margin: 0;
		padding: 0;
		background: url(raw_images/header_02.jpg) no-repeat ;
		width: 800px;
		height: 274px;
		position: relative;
	}
	
		#login {
			position: absolute;
			top: 20px;
			right: 0;
			margin: 0;
			padding: 0;
		}
			#login p {
				margin: 0;
				padding: 0;
			}
	
	#main_nav {
		margin: 8px 0 0 0;
		padding: 0;
		width: 800px;
		height: 33px;
		
	}
	
		.hidden {
			display: none;
		}
		
		#main_nav a.home_btn {
			margin: 0;
			padding: 0;
			background: url(raw_images/home_btn_fin.jpg) no-repeat;
			width: 97px;
			height: 33px;
			float: left;	
		}
		
			#main_nav a.home_btn: hover {
				float: left;
				width: 97px;
				height: 33px;
				background: url(raw_images/home_btn_fin.jpg) 0 33px;
			}
		
		#main_nav a.about_us_btn {
			margin: 0;
			padding: 0;
			background: url(raw_images/aboutUs_btn_fin.jpg) no-repeat;
			width: 122px;
			height: 33px;
			float: left;
		}
		
			#main_nav a.about_us_btn: hover {
				float: left;
				width: 122px;
				height: 33px;
				background: url(raw_images/aboutUs_btn_fin.jpg) 0 33px;
			}
		
		#main_nav a.buisnessDev_btn {
			margin: 0;
			padding: 0;
			background: url(raw_images/businessDevelopment_btn_fin.jpg) no-repeat;
			width: 214px;
			height: 33px;
			float: left;
		}
		
			#main_nav a.buisnessDev_btn: hover {
				float: left;
				width: 214px;
				height: 33px;
				background: url(raw_images/businessDevelopment_btn_fin.jpg) 0 33px;
			}
		
		#main_nav a.communityDev_btn {
			margin: 0;
			padding: 0;
			background: url(raw_images/communityDevelopment_btn_fin.jpg) no-repeat;
			width: 231px;
			height: 33px;
			float: left;
		}
		
			#main_nav a.communityDev_btn: hover {
				float: left;
				width: 231px;
				height: 33px;
				background: url(raw_images/communityDevelopment_btn_fin.jpg) 0 33px;
			}
		
		#main_nav a.contact_us_btn {
			margin: 0;
			padding: 0;
			background: url(raw_images/contactYs_btn_fin.jpg) no-repeat;
			width: 136px;
			height: 33px;
			float: left;
		}
		
			#main_nav a.contact_us_btn: hover {
				float: left;
				width: 136px;
				height: 33px;
				background: url(raw_images/contactYs_btn_fin.jpg) 0 33px;
			}
		
		 #content_wrapper h1.growing_communities {
			background: url(raw_images/growingCommunities_text.jpg);
			width: 579px;
			height: 30px;
			margin: 14px 0 0 0;
			padding: 0;
		}
		
		#three_box_wrapper {
			float: left;
			margin: 0 0 10px 0;
			padding: 0;
			width: 800px;
			line-height: 14px;
			background: url(raw_images/background_3boxes.gif) repeat-y;
		}
		
			#three_box_wrapper p.moreLink {
				padding-top: 10px;
				clear: both;
				text-align: right;
			}
		
			#three_box_wrapper .three_box_footer {
				clear: both;
				float: left;
				width: 800px;
				height: 5px;
				margin: 0;
				padding: 0;
				background: url(raw_images/footer_3boxes.gif) no-repeat bottom left;
			}
		
			#three_box_wrapper a {
				color: #656f10;
				text-decoration: underline;
			}
	
				#three_box_wrapper a:hover {
					text-decoration: none;
				}
		
			#left_box {
				float: left;
				margin: 0;
				padding: 0;
				width: 258px;
			}
			
				#left_box h2.NCD {
					margin: 0;
					padding: 0;
					background: url(raw_images/happeningAt_NCD_bg.jpg);
					width: 258px;
					height: 42px;
				}
				
				.box_border {
					float: left;
					width: 226px;
					margin: 0;
					padding: 0 15px 5px 15px;
				}
				
					.box_border h3 {
						color: #941631;
						font-size: 10px;
						margin: 0;
						padding: 9px 0 0 0;
					}
					
					.box_border h4 {
						color: #656f10;
						font-size: 11px;
						margin: 0;
						padding: 0;
					}
					
					.box_border p {
						color: #000;
						font-size: 11px;
						margin: 0;
						padding: 0;
					}
					
			#middle_box {
				float: left;
				margin: 0 13px 0 13px;
				padding: 0;
				width: 258px;
				display: inline;
			}
			
				#middle_box h2.quick_link {
					margin: 0;
					padding: 0;
					background: url(raw_images/quicklinks_bg.jpg);
					width: 258px;
					height: 42px;
				}
				
				#middle_box h4 {
					margin: 10px 0 0 0;
					padding: 0;
				}
			
			
			#right_box {
				float: left;
				margin: 0;
				padding: 0;
				width: 258px;
				display: inline;

			}
			
				#right_box h2.events {
					margin: 0;
					padding: 0;
					background: url(raw_images/upcomingEvents_bg.jpg);
					width: 258px;
					height: 42px;
				}
				
				.box_border_left {
					float: left;
					margin: 10px 10px 0 0;
					padding: 0;
					background: url(raw_images/date_bg.jpg);
					width: 42px;
					height: 35px;
					color: #FFF;	
				}
					
					.box_border_left p {
						color: #FFF;
						margin: 3px 0 0 0;
					}
					
				.box_border_right {
					float: left;
					margin: 10px 0 0 0;
					padding: 0;
					width: 170px;

				}
				
			.event_wrapper {
				float: left;
			}
			
			#left_inner_content {
				min-height: 399px;
				width: 530px;
				padding: 0 20px 0 0;
				float: left;
				margin-bottom: 15px;
			}
			
				#left_inner_content p {
					margin: 0 0 8px 0;
					padding: 0;
				}
			
			#right_inner_content {
				margin: 15px 0 10px 0;
				padding: 0;
				width: 250px;
				float: right;
				display: inline;
			}

				#sidebarImage {
					float: left;
					width: 250px;
					margin: 0 0 10px 0;
					padding: 0;
				}
				
					#sidebarImage img {
						border: none;
					}
					
					#sidebarImage p {
						padding: 0 0 5px 0;
						margin: 0;
					}
						
				#related_links_side {
					float: left;
					width: 228px;
					margin: 0 0 15px 0;
					padding: 10px 10px 8px 10px;
					border: 1px solid #808e5a;
					display: inline;
				}

				#downloads_side {
					float: left;
					width: 228px;
					margin: 0 0 15px 0;
					padding: 10px 10px 8px 10px;
					border: 1px solid #808e5a;
					display: inline;
				}
				
				
				#whats_happening_side {
					float: left;
					width: 228px;
					margin: 0 0 15px 0;
					padding: 10px 10px 8px 10px;
					border: 1px solid #808e5a;
					display: inline;
				}


					h2.related_links_header {
						float: left;
						width: 250px;
						height: 31px;
						margin: 0;
						padding: 0;
						background: url(raw_images/related_links_header.jpg) no-repeat;
					}

					h2.downloads_header {
						float: left;
						width: 250px;
						height: 31px;
						margin: 0;
						padding: 0;
						background: url(raw_images/downloads_header.jpg) no-repeat;
					}

					h2.whats_happening_header {
						float: left;
						width: 250px;
						height: 31px;
						margin: 0;
						padding: 0;
						background: url(raw_images/whats_happening_header_sideNav.jpg) no-repeat;
					}	

					#related_links_side h3, #downloads_side h3, #whats_happening_side h3 {
						margin: 0 0 3px 0;
						padding: 0;
						font-size: 12px;
					}

					#related_links_side h4, #downloads_side h4, #whats_happening_side h4 {
						margin: 0;
						padding: 0;
						font-size: 10px;
					}
					
					#related_links_side p, #downloads_side p, #whats_happening_side p {
						margin: 0 0 3px 0;
						padding: 0;
					}

	
	#itemLIst { }
	
	#itemList h2 {
		font-size: 14px;
		margin: 0 0 5px 0;
		padding: 0;
		color: #656f10;
	}
	
	#itemList h4 {
		font-size: 10px;
		margin: 0;
		padding: 0;
	}			
					
#footer_wrapper {
	float: left;
	margin: 0;
	padding: 0;
	width: 800px;
	display: inline;
}

	#footer_left {
		float: left;
		margin: 0;
		padding: 0;
		width: 375px;
	}
	
	#footer_right {
		float: right;
		margin: 0;
		padding: 0 0 5px 0;
		width: 375px;
		font-size: 11px;
		line-height: 13px;
	}
	
		#footer_right p {
			padding: 0 0 5px 0;
			margin: 0;
		}
				
.staff_table th {
	background: #5f680f;
	text-align: left;
	padding: 5px;
	color: white;
}

.staff_table td {
	background: #f0f0f0;
	border-bottom: 1px solid #FFF;
	border-right: 1px solid  #FFF;
	border-top: none;
	border-left: none;
	padding: 5px;
}

.staff_table td.staff_name {
	font-weight: bold;
}




#gallery {
	float: left;
	background-color: #CCCCCC;
	padding: 15px 0 15px 15px;
	width: 785px;
	margin: 0;
	display:inline;
}

	#gallery ul { 
		list-style: none; 
		margin: 0;
		padding: 0;
	}
		
		#gallery ul li { 
			display: inline; 
		}
		
		#gallery ul img {
			border: 5px solid #AAAAAA;
			border-width: 5px 5px 20px 5px;
		}
		
		#gallery ul a:hover img {
			border: 5px solid #fff;
			border-width: 5px 5px 20px 5px;
			color: #fff;
		}
		
		#gallery ul a:hover { 
			color: white; 
		}