body {
	margin:0px;
	padding:0px;
	font: .8em verdana, arial, sans-serif;
}

* {margin:0; padding:0;}

#mainwrap {
	width:750;
	float:left;
	margin: 0;
}

/*banner*/
#header {
	height: 90px;
	width: 750px;
	float: left;
}
#header .logo {
	float: left;
	padding: 0;	
}
#tagline {
	height:32px;
	font-size:9px;
	text-align:left;
	font-weight: bold;
	position: absolute;
	float: right;
	top: 59px;
	color: #699037;
	left: 120px;
}
#header_title {
	font-size:11px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align:right;
	position: absolute;
	float: right;
	top: 8px;
	color: #666666;
	left: 550px;
}
#headwrapper {
	float: left;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #0C69B7;
}


/*header search function*/
input.btn {
	font-size: 9px;
	color: #FFFFFF;
	background-color: #999999;
	font-weight: bold;
	padding-left: 1px;
}
.newsletterSignup {
	background: #FFF4DF;
	padding: 5px 3px 5px 10px;
}

input.txt {
	font-size: 10px;
	color: #699037;
}
.radio {
	color: #699037;
}


/*Table*/
table.tabImg{
	width: 700px;
	margin-left: 25px;
	margin-top:10px;
	padding: 0px;
	background-color: #85A55C;

}
.greenBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #85A55C;
	text-align: center;
	height: 28px;
	width: 140px;
}
#mainwrap #body .tabImg .greenBar a {
	color: #FFFFFF;
	background-color: #85A55C;
}

td.blueBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #648CCA;
	text-align: center;
	height: 25px;
	width: 140px;
}
#mainwrap #body .tabImg .blueBar a {
	color: #FFFFFF;
	background-color: #648CCA;
}
td.yellowBar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #FDBF58;
	text-align: center;
	height: 25px;
	width: 140px;
}
#mainwrap #body .tabImg .yellowBar a {
	color: #FFF1D9;
	background-color: #FDBF58;
}
td.mission {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #85A55C;
	text-align: center;
	height: 50px;
	width: 700px;
	vertical-align: middle;
}
td.imgRotate {
	height: 210px;
	width: 140px;
}


/*Body*/
#body {
	float:left;
	min-width: 750px;
	min-height: 550px;
	top: 94px;
	width: 100%;
	}
#body h1{
	font-size: 13px;
	color: #0D6CB6;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}	
#body h2{
	font-size: 1.75em;
	color: #668CC8;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}	
#body h3 {
	font-size: 1.5em;
	color: #94AF6F;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 10px;
}
#body h4 {
	font-size: 1.2em;
	color: #94AF6F;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 5px;
	text-indent: 10px;
}
#content {
	padding: 0 17px 0 17px;
	width: 700px;
}
p {
	padding-bottom: 3px;
	padding-top: 2px;
}



/*Links Body*/
#body a:link{
	color: #5C8727;
	font-weight:bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0;
	background-color: #FFEAC1;
	}
#body a:visited{
	color: #87A65E;
	font-weight:bold;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 0;
	background: #FFEAC1;
	}
#body a:hover, a:active{
	color: #fff;
	font-weight:bold;
	background-color: #5C8727;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
	}


/*Recycle Banner */
#recyclebanner {
	font-size: 10px;
	font-weight: bold;
	padding: 5px 25px;
	margin: 0;
	width: 700px;
	color: #FFFFFF;
	background-color: #0C69B7;
}
.recycleTitle {
	font-size: 13px;
	font-weight: bold;
	color: #F9E699;
	text-align: right;
}
#recyclebanner a {
	font-size: 12px;
	font-weight: bold;
	color: #0C69B7;
	background-color: #FFEAC1;
	padding: 0px 2px;
}

/*footer */
#footer {
	font-size: 9px;
	font-weight: bold;
	margin: 0;
	width: 700px;
}
#footerContent {
	padding: 10px 25px 2px 25px;
	margin: 0;
	font-weight: bold;
	width: 700px;
}
#footerContent a:link, #footerContent a:visited {
	color: #999999;
	text-decoration: none;
	background-color: transparent;
	padding: 2px;
 }
#footerContent a:hover, #footerContent a:active  {
	background-color:#CDDABC;
	text-decoration: none;
	color: #333333;
	padding: 2px;
 }
 
#footerContent ul {
	list-style: none;
	margin-top: -12px;
	text-align: left;
	padding-left: 335px;
}
#footerContent li {
	display: inline;
	padding-left: 2px;
}
 
.copyright {
	color: #94AF6F;
	text-align: left;
	font-size: 9px;
} 
 
/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {
	display: inline;
	display: block;
}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
.tagline1954 {
	color: #ABC191;
}
#rssfeed img {
	padding-right: 10px;
	padding-left: 2px;
}
.indexNews {
	background: #E6ECDD;
	padding: 12px;
}
.indexNews p {
	padding-top: 6px;
	padding-bottom: 5px;
}