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

* {margin:0; padding:0;}

body {
	text-align: center;
	color:#333333;
	background: #5e7d5e;
	font:12px/1.4em  helvetica, Trebuchet MS, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

a {
color:#336633;
}



/* Helpers
--------------------------------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.left {
float:left;
margin-right:10px;
}

.right {
float:right;
margin-left:10px;
}

.header_right {
float:right;
margin-right:15px;
margin-top:5px;
}


/* Primary Divisions
--------------------------------------------------------------------------------------------------- */


#wrapper {
margin:10px auto 0 auto;
padding-bottom:10px;
width: 800px;
text-align: left;
background: #f1efde;
}

#newsflash {
text-align:center;
background:none;
font:bold 12px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
width:730px;
margin:10px auto 0px auto;
color:white;
}

#newsflash a {
text-align:center;
background:none;
font:bold 12px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
width:730px;
margin:10px auto 0px auto;
color:white;
}

#banner {
width:800px;
height:150px;
position:relative;
}

#banner_issues {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_issues.jpg) no-repeat bottom left;
position:relative;
}

#banner_issues_enviro {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_issues_enviro.jpg) no-repeat bottom left;
position:relative;
}

#banner_issues_traffic {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_issues_traffic.jpg) no-repeat bottom left;
position:relative;
}

#banner_issues_housing {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_issues_housing.jpg) no-repeat bottom left;
position:relative;
}

#banner_faq {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_faq.jpg) no-repeat bottom left;
position:relative;
}

#banner_project {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_project.jpg) no-repeat bottom left;
position:relative;
}

#banner_project_about {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_project_about.jpg) no-repeat bottom left;
position:relative;
}
#banner_project_eir {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_project_eir.jpg) no-repeat bottom left;
position:relative;
}
#banner_project_comments {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_project_comments.jpg) no-repeat bottom left;
position:relative;
}

#banner_involved {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_involved.jpg) no-repeat bottom left;
position:relative;
}

#banner_about {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_about.jpg) no-repeat bottom left;
position:relative;
}

#banner_contact {
width:800px;
height:150px;
background: #5e7d5e url(images/banner_contact.jpg) no-repeat bottom left;
position:relative;
}



#banner h1#logo a {
display:block;
width:170px; height:120px;
text-indent:-9999px;
position:absolute;
top:20px; left:0px;
text-align:left;
}

#sidebarwrap {
width:240px;
float:right;
margin-top:20px;
text-align:left;
}

#sidebarcontent {
text-align:left;
width:210px;
background:#ebebe5;
border:1px dashed #a4a485;
padding-top:10px;
padding-bottom:10px;
}

#content {
width:540px;
float:left;
position:relative;
margin-top:20px;
}

#content p {
margin:0 30px 14px 30px;
}

#content.table {
width:540px;
float:left;
position:relative;
margin-top:20px;
}

#content.table.tr {
width:540px;
float:left;
position:relative;
margin-top:20px;
}

#footer {
width:800px;
height: 70px;
position:relative;
clear:both;
margin:0 auto 40px auto;
background: url(images/footer_bg.gif) no-repeat bottom left;
text-align:left;
}

/* home page layout */

#home #banner {
height:200px;
}

#home #banner h1#logo a {
width: 250px;
height:170px;
position:absolute;
left:0;
top:20px;
}

a#actionbutton {
display:block;
width:258px;
height:46px;
position:absolute;
left:480px; top:0px;
background: url(../gfx/action_button.gif) no-repeat top left;
text-indent:-9999px;
}

#home #sidebarwrap {
width:260px;
float:left;
text-align:right;
}

#home #sidebarcontent {
text-align:left;
width:230px;
background:#ebebe5;
border:1px dashed #a4a485;
padding-top:10px;
margin-left:20px;
padding-left:5px;}


#home #content {
float:right;
}

#home #content #col1 {
width:170px;
float:left;
}

#colwrap {
float:right;
width:340px;
}

#home #content #col2 {
width:170px;
float:left;
}

#home #content #col3 {
width:170px;
float:right;
}

#home #content p,
#home #content h2 {
margin:0 15px 12px 15px;
}

#home #content h3 {
margin:0 10px 2px 10px;
}


body#home #content h2 {
color:#333333;
background:rgb(210,210,210);
width:475px;
padding:2px;
font-size:12px;
}


#home #content img {
margin:0 14px 8px 14px;
border: 1px solid #336633;
}

/* navigation */


ul#nav {
	margin: 0;
	padding: 0;
	float: left;
	width: 800px;
	background:#253f25;
	list-style: none;
	text-transform: uppercase;
	font:bold 11px/1.8em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

ul#nav li {
	float: left;
	}
	
ul#nav li.first {
padding-left:60px;
}

ul#nav a {
	padding: 0 1em;
	line-height: 2.1em;
	background:#253f25;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
	}
	
ul#nav a:hover {
	background:#4b6b4b;
	color:#fff;
	}
	
ul#nav li a.currentsection {
line-height: 2.1em;
background: #f1efde;
color: #485B06;
}

ul#nav li a.currentsection_sub {
line-height: 2.1em;
background: #999999;
color: #485B06;
}

/* sub menu navigation */


ul#subnav {
	margin: 0;
	padding: 0;
	float: left;
	width: 800px;
	background:#999999;
	list-style: none;
	text-transform: uppercase;
	font:bold 11px/1.8em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

ul#subnav li {
	float: left;
	}
	
ul#subnav li.first {
 padding-left:5px;
}

ul#subnav a {
	padding: 0 1em;
	line-height: 2.1em;
	background:#999999;
	text-decoration: none;
	color: #253f25;
	float: left;
	display: list-item;
	}
	
ul#subnav a:hover {
	background:#4b6b4b;
	color:#fff;
	}
	
ul#subnav li a.currentsection {
text-decoration: none;
line-height: 2.1em;
background: #999999;
color: #f1efde;

}

	
/* main content */

#contentwide {
width:675px;
padding-left:60px;
float:left;
position:relative;
margin-top:10px;
}

#content h2 {
margin:0 30px 6px 30px;
font:bold 18px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

#content h3 {
margin:10px 10px 10px 10px;
font:bold 12px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#contentwide p {
margin:0 30px 14px 30px;
}

#content ul {
margin:0 30px 14px 75px;
}

#content ul li {
margin: 0 0 12px 0;
}

#footer p {
padding:0 0 10px 100px;
font:normal 9px/1.8em Arial, Helvetica, sans-serif;
}

#footer a {
	color: black;
}

#home #content h2 {
font:bold 14px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

/* sidebar content */

#sidebarcontent h3 {
margin:0 10px 0px 10px;
font:bold 12px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

#sidebarcontent p,
#sidebarcontent ul {
font:normal 11px/1.4 "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
margin:0 10px 12px 10px;
}

#sidebarcontent ul li {
margin-bottom:8px;
margin-left:12px;
}

h3#donate a {
display:block;
width:190px;
height:52px;
background:url(../gfx/donate.jpg) no-repeat top left;
text-indent:-9999px;
margin-bottom:10px;
}

h3#witness a {
display:block;
width:190px;
height:52px;
background:url(../gfx/witnessteam.jpg) no-repeat top left;
text-indent:-9999px;
margin-bottom:10px;
}

#sidebarcontent img {
margin-left:8px;
} 

/* get involved styles */

#getinvolved form {
margin-left:40px;
float:left;
background:rgb(225,225,225);
padding:10px;
}

#getinvolved form #submit {
margin-top:20px;
}

#getinvolved #calloutbox {
width:250px;
float:right;
height: 300px;
}

#calloutbox ul {
margin-left:20px;
}

#calloutbox h3 {
margin-left:0;
}


/* news list styles */

#news div.newslist {
padding-bottom:40px;
}

#news #content p.list {
clear:both;
border-bottom:1px dotted #999999;
}

#news p span.date {
display:block;
width:120px;
float:left;
font-size:10px;
line-height:18px;
color:#555555;
text-transform:uppercase;
margin-bottom:15px;
margin-top:5px;
}

#news span.headline {
width:330px;
display:block;
float:right;
margin-bottom:15px;
margin-top:5px;
}

/* gallery styles */

#gallery #content {
width:800px;
}

#gallery #content #slideshow {
width:550px;
height:440px;
margin: 0px auto;
}

#map {
margin-left:100px;
}