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

body {
	margin: 0 0 5px 0;
	background: url(images/bg.jpg) repeat-x #FFF;
	font-size: 12px;
	color: #000;
	font-family: Verdana, Arial, Times New Roman, Helvetica, sans-serif;
}


a:link,
a:visited,
a:active {
	color: #2c690d;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #42a50f;
	text-decoration: underline;
	font-weight: bold;
	}
	
a img {
	border: none;
}
	
p {
	margin:0;
}

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #565142;
	margin: 0;
}

h2 {
	font-size: 13px;
	color: #486c3c;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}

h6 {
	font-size: 13px;
	font-weight: bold;
	color: #565142;
	margin: 0;
}

.caption {
	font-size: 10px;
	font-weight: bold;
}

#wrapper {
	width: 900px;
	margin: auto auto;
	overflow: hidden;
	background: url(images/wrapper_bg.jpg) #FFF;
	margin-bottom: 0px;
}

#top {
	height: 103px;
	width: 900px;
}

#logo {
	height: 103px;
	width: 324px;
	float: left;
	display: inline;
}

#nav_panel {
	height: 103px;
	width: 576px;
	float: left;
	display: inline;
}

#nav_panel_top {
	height: 39px;
	width: 576px;
	background-image: url(images/navblank_top.jpg);

}

#nav {
height: 40px;
width: 576px;
list-style:none;
margin:0 auto;
padding:0;
background-color: #31741b;
}

#nav li {
float:left;
}
#nav li a {
display:block;
text-indent:-1000em;
overflow:hidden;
}


#nav a.blankright { 
background-image: url(images/navblank_right.jpg);
height: 40px;
width: 36px;
}

#nav a.home { 
background-image: url(images/home.jpg);
height: 40px;
width: 90px;
}

#nav a.home:hover { 
background-image: url(images/home_on.jpg);
}

#nav a.aboutus { 
background-image: url(images/aboutus.jpg);
height: 40px;
width: 90px;
}

#nav a.aboutus:hover { 
background-image: url(images/aboutus_on.jpg);
}

#nav a.theproject { 
background-image: url(images/theproject.jpg);
height: 40px;
width: 90px;
}

#nav a.theproject:hover { 
background-image: url(images/theproject_on.jpg);
}

#nav a.photogallery { 
background-image: url(images/photogallery.jpg);
height: 40px;
width: 90px;
}

#nav a.photogallery:hover { 
background-image: url(images/photogallery_on.jpg);
}

#nav a.linksforms { 
background-image: url(images/linksforms.jpg);
height: 40px;
width: 90px;
}

#nav a.linksforms:hover { 
background-image: url(images/linksforms_on.jpg);
}

#nav a.contactus { 
background-image: url(images/contactus.jpg);
height: 40px;
width: 90px;
}

#nav a.contactus:hover { 
background-image: url(images/contactus_on.jpg);
}

#nav_panel_bottom {
	height: 24px;
	background-image: url(images/navblank_bottom.jpg);
	width: 576px;
}

#header {
	height: 215px;
	width: 900px;
	background-image: url(images/header.jpg);
}

#header_aboutus {
	height: 215px;
	width: 900px;
	background-image: url(images/header_aboutus.jpg);
}

#header_theproject {
	height: 215px;
	width: 900px;
	background-image: url(images/header_theproject.jpg);
}

#header_photog {
	height: 215px;
	width: 900px;
	background-image: url(images/header_photog.jpg);
}

#header_linksforms {
	height: 215px;
	width: 900px;
	background-image: url(images/header_linksforms.jpg);
}

#header_contactus {
	height: 215px;
	width: 900px;
	background-image: url(images/header_contactus.jpg);
}

#maincontent {
	background: url(images/content_bg.jpg) no-repeat;
	padding: 13px;
	min-height: 446px;
}

.content {
}

#panels {
	width: 266px;
	float: right;
	margin: 0 0 5px 8px;
}

.panel {
	width: 266px;
	background-image: url(images/panel_bg.jpg);
}

.panel_content {
	background: url(images/panel_top.jpg) no-repeat;
	min-height: 174px;
	padding: 15px;
	font-size: 10px;
}

.panel_content a {
	font-size: 10px;
}

.panel_content h5 {
	font-size: 10px;
	font-weight: bold;
	color: #7a7460;
	margin: 0;
}


.datebox {
	background-color: #cdc09d;
	width: 30px;
	height: 50px;
	border: 1px solid #afa98f;
	text-align: center;
	padding: 3px;
}

.datebox h3 {
	color: #000000;
	font-size: 14px;
	font-weight: bolder;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.datebox h4 {
	color: #FFF;
	font-size: 12px;
	font-weight: bolder;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.panel_bottom {
	height: 18px;
	width: 266px;
	background-image:url(images/panel_bottom.jpg);
}

.panel_2 {
	width: 266px;
	background-image: url(images/panel_2_bg.jpg);
	float: right;
	margin: 5px 0 0px 0;
}

.panel_2_content {
	background: url(images/panel_2_top.jpg) no-repeat;
	min-height: 174px;
	padding: 15px;
	font-size: 11px;
}

.panel_2_content {
	line-height: 1.5em;
}

.panel_2_content a {
	font-size: 10px;
}

.panel_2_content h5 {
	font-size: 10px;
	font-weight: bold;
	color: #7a7460;
	margin: 0;
}


.datebox {
	background-color: #cdc09d;
	width: 30px;
	height: auto;
	border: 1px solid #afa98f;
	text-align: center;
	padding: 3px;
}

.datebox h3 {
	color: #000000;
	font-size: 14px;
	font-weight: bolder;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.datebox h4 {
	color: #FFF;
	font-size: 12px;
	font-weight: bolder;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
}

.panel_2_bottom {
	height: 18px;
	width: 266px;
	background-image:url(images/panel_2_bottom.jpg);
}

#footer {
	height: 47px;
	background-image: url(images/footer_bg.jpg);
	text-align: center;
	padding-top: 30px;
}

#footer a {
	color: #000;
	font-weight: bold;
	font-size: 11px;
}

#footer a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#communityevents {

}

#communityevents img {
	float: left;
	margin: 0 8px 6px 0;
}

#communityevents h1 {
	font-size: 14px;
	font-weight: bold;
	color: #565142;
	margin: 0;
}

/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 0px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: left;
}
.bar-container {
  position: relative;
  float: left;
  width: 100px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
float: left;
}
.bar-container strong {
 text-align: right;
  position: absolute;
  right: -22px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
  margin-top: 10px;
}

#poll-results h3 {
  	color: #000;
	font-size: 13px;
	text-align: left;
	font-weight: 700;
	margin: 0;
}

#poll-container h3 {
  	color: #000;
	font-size: 13px;
	text-align: left;
	font-weight: 700;
	margin: 0;
}