/* redefine standard tags */
body {
	font-size: 0.8em;
	margin:0;
	padding:0;
	background-color: #ffffff;
	font-family: "Trebuchet MS", trebuchet, verdana, arial, sans-serif;
	line-height: 1.2em;
	width: 100%;
}
a { color: #008102; }
a:link, a:visited {
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: underline;
}
img { border: 0; }
p { margin-top: 0; margin-bottom: 1.5em; }
/* always define h1-h4 */
h1, h2 {
	font-size: 1.3em;
	color: #333333;
	padding-top: 6px;
	padding-bottom: 8px;
}
h3, h4 {
	font-size: 1.2em;
	color: #666666;
}
ul {
	margin-left: 4px;
	padding-left: 4px;
	list-style: none;
}
ul li {	
	padding-left: 18px;
	padding-top: 2px;
	background-image: url(../images/button_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
form {
	margin: 0;
	padding: 0;
}
#content h1 {
	line-height: 2em;
}
#bodycontainer {
	width: 100%;
	text-align: center;
	background: #333333 url('../images/flowers_right.gif') no-repeat center bottom;
}
#body {
	width: 922px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-bottom: 5px;
}
/* Common Header and Nav */
#headercontainer {
	width: 100%;
	background-color: #8eb230;
	text-align: center;
}
#header {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
	height: 125px;
	text-align: left;
	margin-bottom: 3px;
}
#topleft { margin:0; padding-top: 40px;}
#logo { margin:0;  float: right; display: block; }
#headermenu {width: 100%; height:26px; overflow:hidden; background-image: url('../images/menu_background.gif'); text-align: center; margin-bottom: 3px; }
#headermenu .inner {  width: 922px; margin-left: auto; margin-right: auto; text-align: left; }
#headermenu a { display: block; line-height: 26px; height: 26px; float: left; }
#headermenu a:link, #headermenu a:visited { background-color: transparent; }
#headermenu a:hover, #headermenu a:active { background-color: #ffffff; }
#search { float: right; }
#search input { width: 100px; border: 1px solid #999999; font-size: 10px; }

/* define a generic more button style */
.more {
	text-align: right;
}
/* common footer */
#footercontainer {
	width: 100%;
	background-color: #ffffff;
	text-align: center;
}
#footer {
	width: 922px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}
#footer a {
	color: #333333;
}
#latest_headlines {
	margin: 10px 2px 0 2px;
	padding-left: 8px;
	width: 913px;
	background-color: #333333;
}
#recent_images_content, #featured_project_content, #newsletters_content {
	margin: 0 2px 0 0;
	float: left;
}
#recent_images_content { width: 365px; margin-right: 0; margin-left: 2px; height: 98px;  }
#recent_images_content .container { float: left; width: 181px; height:98px; overflow: hidden;}
#recent_images_content .container.one { margin-right: 1px; }
#featured_project_content { width: 248px;  background-color: #C2BCB0;  height: 98px;}
#newsletters_content { width: 303px; background: bottom right no-repeat url('../images/background_greenery.gif');  height: 98px;}
#latest_headlines, #recent_images, #featured_project, #newsletters {
	margin: 0 0 0 2px;
	padding-left: 8px;
	background-color: #333333;
}
#latest_headlines { width: 910px; }
#recent_images { width: 355px; margin-right: 0; float: left; }
#featured_project { width: 240px; margin-right: 0; float: left; }
#newsletters { width: 295px; float: left; }
#newsletters_content .inner { padding: 8px; }
#media_center {
	float: right;
	margin-top: 100px;
}
.news {
	background: #99B844 repeat-x url('../images/background_news.gif');
	margin: 0 2px 2px 2px;
	padding: 10px;
	color: #ffffff;
}
.news a,.news a:link,.news a:visited,.news a:hover,.news a:active {
	color: #ffffff;
}
a.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active { color: #333333; line-height: 2em; text-decoration: none; }
.news_box {
	width: 400px;
	padding-right: 40px;
	float: left;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	height: 0px;
	line-height: 0px;
}
.clickable {
	cursor: pointer;
}
/* This isn't referenced anywhere in the main page, but always include a box for the content */
#content {
	background-repeat: no-repeat;
	padding: 10px;
	padding-bottom: 20px;
	color: #666666;
}
.news_header {
	font-family: "Times New Roman", times, serif;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.4em;
}