@import url("style_reset.css");

/* Global
------------------------------------------------------------*/
body {
	background:#885817;
	font-family:arial,helvetica,sans-serif; 
	text-align:center; 
	}
	
img, img a {
	border:0;
	}

p {
	padding:0;
	margin-bottom:10px;
	}
	
#sidebars p {
	color:#EEE3CC;
	padding:2px;
	font-size:12px;
	}

/* Layout
------------------------------------------------------------*/
#container {
	margin:auto; 
	width:100%;
	height:900px;
	background:#885817 url(../images/topwrap.jpg) repeat 0 0;
	}

#main {
	width:980px;
	margin:auto;
	min-height: 460px;
	_height: 460px; /* IE6 hack for min-height */
	text-align:left; /* Keep from inheriting centered text */ 
	background:url(../images/bg-main-g.jpg) repeat-y 0 0;
	}
	
#content_alt {
	width:680px;
	float:right;
	padding-left:79px;
	background:url(../images/bg-main-gtop.jpg) no-repeat 1px 0;
	}
	
#flash {
	width:700px;
	height:400px;
	float:left;
	margin: 60px 0 0 0;
	}

/* Top Most Navigation
------------------------------------------------------------*/
#top_wrap {
	width:100%;
	}
	
#top_nav {
	background-color: #003300;	
	width:100%;
	margin:0 auto;
	padding:4px 0 3px 0;
	height: 21px;
	border-bottom:1px solid #B1B377;
	}
	
#top_nav ul {	
	width:970px;
	margin:0 auto;
	text-align:right;
	padding: 0 6px 0 0;
 	}

#top_nav ul li {
 	display: inline;
	margin:0;
 	padding:0 6px 0 7px;
	background:url(../images/btn_arrow.gif) 0 8px no-repeat;
    }

#top_nav ul li a {
	color:#CEE2DD; 
	font-size: 12px;
 	text-decoration: none;
	padding:0 5px 0 5px;
	margin:0;
    }
	
#top_nav ul li a:hover {
 	color:#fff;
	text-decoration:none;
    }

/* Masthead | Logo Text Area
------------------------------------------------------------*/
#masthead {
	height: 145px;
	width:1005px;
	margin:0 auto;
	text-align:center;
	background:transparent url(../images/header-bg.jpg) no-repeat top left;
	}
	
/* logo placement */
#masthead .mbody {
	margin-left:auto;
	margin-right:auto;
	height: 94px;
	width:990px;
	padding:37px 0 10px 0px;
	}

#masthead h3 {
	width:340px;
	padding:0;
	margin:0 0 0 310px;
	height: 75px;
	float:left;
	text-indent: -5000px;
	background: transparent url(../images/logo_txt.gif) no-repeat 0 0;
	}
	
	*html #masthead h3 {
		width:340px;
		padding:0 0 0 0;
		margin:0 0 0 155px;
		}
	
/* Coming Events
------------------------------------------------------------*/
#promo {
    float:right;
    text-align:left;
    width: 190px;
    height: 23px;
	margin:0 0 0 10px;
	}

#promo h2 a {
	margin: 0; 
	font-family:georgia,"Times New Roman",times,serif;
	padding: 0; 
	font-size: 24px; 
	font-weight: normal;
	letter-spacing:-.05em;
	color:#fff;
	text-decoration:none;
 	line-height: 26px;
	}
	
#promo h2 a:hover {
	color:#ff9900;
	}

/* Main Navigation | These Are The Sections In Each Department 
------------------------------------------------------------*/
#banner_wrap {
	width:100%;
	}

/* main page navigation */			
#nav_main {
	width:100%;
	text-align:center;
	margin:0 auto;
	background:#10311E url(../images/navbg.gif) repeat-x top left;
	border-bottom:1px solid #B1B377;
	border-top:1px solid #B1B377;
	}

#nav_main ul {
	width:921px;
	height: 28px;
	margin:0 auto;
	text-align:center;
	padding:0;
	list-style: none;
	}

#nav_main li {
	float: left;
	height: 28px;
	border-right:1px solid #3F7F3F;
	}

#nav_main li a {
	display: block;
	line-height: 28px;
	text-indent: -5000px;
	background-position: center top;
	/* horizontally centers the background image */
	}

#navHome {
	width: 110px;
	background: url(../images/nav-home.gif) no-repeat;
	border-left:1px solid #9B815F;
	}

#navEco {
	width: 150px;
	background: url(../images/nav-eco-project.gif) no-repeat;
	}

#navCSA {
	width: 246px;
	background: url(../images/nav-CSA.gif) no-repeat;
	}

#navLand {
	width: 125px;
	background: url(../images/nav-land.gif) no-repeat;
	}

#navFarm {
	width: 135px;
	background: url(../images/nav-farm.gif) no-repeat;
	}

#navDonate {
	width: 140px;
	background: url(../images/nav-donate.gif) no-repeat;
	}

#nav_main li a:hover {
	background-position: 50% -28px;
	}

#nav_main li a.currentSection, #nav_main li a.currentSection:hover {
	background-position: 50% -56px;
	}
	
/* Drop Down Menus 
------------------------------------------------------------*/
.chromestyle {
	padding: 0px;
	height: 28px;	
	}

.chromestyle:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
	
.chromestyle ul {
	margin: 0;
	text-align: right; 
	height: 70px;	
	}
	
.chromestyle ul li {
	display: inline;
	}
		.chromestyle ul li a {
			text-decoration:none;	
			}
		
		.chromestyle ul li a:hover {
			text-decoration:none;	
			}
		
.dropmenudiv {
	position:absolute;
	top: 0;
	padding: 0;
	border:1px solid #999; 
	z-index: 100;
	width: 165px;
	visibility: hidden;
	}
		.dropmenudiv a {
			font-size: 13px;
			font-weight: normal;
			color: #f2f2f2;
			width: auto;
			display:block;
			text-indent: 4px;
			text-align: left;
			padding: 5px 2px 5px 2px;
			text-decoration: none;
			background-color: #666;
			border-bottom:1px solid #333;
			}
		* html .dropmenudiv a { /*IE only hack*/
			width:100%;
			}
		.dropmenudiv a:hover { 
			font-size: 13px;
			font-weight: normal;
			color: #fff;
			text-indent: 4px;
			padding: 5px 2px 5px 2px;
			background-color: #9e9e9c;
			text-decoration:none; 
			}
			
		.dropmenudiv .active { 
			background-color: #919191;
			}

a.menu:link, a.menu:active, a.menu:visited, a.menu:hover, a.menuon:link, a.menuon:active, a.menuon:visited {	
	text-decoration: none;
	}

/* Footer
------------------------------------------------------------*/	
#footer {
	width:980px;
	margin:auto;
	background:url(../images/bg-main-gbottom.jpg) no-repeat top left;
	height:59px;
	padding-top:10px;
	clear:both;
	}

/* Navigation Sidebar Right 
------------------------------------------------------------*/
#sidebar-b-top ul {
	margin:0 0 1em;
	padding:0;
	list-style:none;
	}

#sidebar-b-top li {
	border-bottom:1px dotted #998; 
	clear:left;
	}

#sidebar-b-top li a {
	font-family:georgia,"Times New Roman",times,serif;
	font-size:1.15em;
	display:block;
	text-decoration:none;
	padding:6px 5px;
	color:#E6D6B0;
	}

#sidebar-b-top li a:hover {
	background-color: #339933;  
	color:#fff;
	}
	
.section {
	clear:both;
	margin-bottom:1em;
	overflow:hidden;
	}
	
#directory {
	float:left; 
	width:180px;
	padding:10px 18px;
	margin:0 0 5px 0;
	}

	
#sidebar-b-top {
	width:220px;
	padding:0;
	float:right;
	}
	
#sidebars h2 {
	font-family:georgia,"Times New Roman",times,serif;
	font-size:1.5em;
	color:#fff;
	font-weight:normal;
	margin:40px 0 0 0;
	padding:5px 0 5px 0;
	}