/* CSS Document */

/* ***********  GLOBAL  *********** */
body {
margin: 0;
padding: 0;
background: #007e1d;
font-family: Arial, Helvetica, sans-serif;
color: #383c40;
font-size: 12px;
line-height: 20px;
}
a:link, a:visited {
color: #007e1d;
}
a:hover, a:active {
color: #000;
}
#container {
width: 787px;
margin: 0 auto;
padding: 0;
text-align: left;
background-color: #FFFFFF;
border-left: solid 1px #002208;
border-right: solid 1px #002208;
border-bottom: solid 1px #002208;
}
.clear {
clear: both;
}
h1 {
display: inline;
font-weight: bold;
color: #007e1d;
font-size:18px;
}
h2 {
font-weight: bold;
color: #007e1d;
font-size:23px;
width: 100%;
padding-bottom: 5px;
border-bottom: solid 1px #dbecb9;
}
h4 {
font-weight: bold;
color: #383c40;
font-size:12px;
width: 782px;
padding: 5px 0 5px 5px;
border-bottom: solid 1px #d8ebd5;
background-color: #eaffe7;
}
h6 {
text-transform: uppercase;
display: inline;
font-weight: bold;
color: #007e1d;
font-size:12px;
margin-right:5px;
}

/* ***********  HEADER  *********** */
#headerWrap {
width: 787px;
height: 190px;
margin: 0 auto; 
}
#headerMasthead {
width: 787px;
height: 153px;
}
#headerLogo {
float: left;
width: 787px;
height: 156px;

}
#headerBanner {
float: right;
width: 472px;
height: 117px;
}
#headerNav {
width: 787px;
height: 32px;
margin: 3px 0 0 0;
_margin: 0 0 0 0;
background:url(images/nav-bg.gif) top center repeat-x;
}
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	font-size: 12px;
	text-decoration: none;
}

#nav #first a  {
	display: block;
	width: 130px;
	height: 27px;
	_height: 32px;
	padding-top: 5px;
	text-align: center;
	border: none;
	color: #FFFFFF;
	font-weight: bold;
}
#nav #second a  {
	display: block;
	width: 130px;
	height: 27px;
	_height: 32px;
	padding-top: 5px;
	text-align: center;
	border-left: solid 1px white;
	color: #FFFFFF;
	font-weight: bold;
}
#nav #third a  {
	display: block;
	width: 130px;
	height: 27px;
	_height: 32px;
	padding-top: 5px;
	text-align: center;
	border-left: solid 1px white;
	color: #FFFFFF;
	font-weight: bold;
}
#nav #fourth a  {
	display: block;
	width: 130px;
	height: 27px;
	_height: 32px;
	padding-top: 5px;
	text-align: center;
	border-left: solid 1px white;
	color: #FFFFFF;
	font-weight: bold;
}
#nav #fifth a  {
	display: block;
	width: 130px;
	height: 27px;
	_height: 32px;
	padding-top: 5px;
	text-align: center;
	border-left: solid 1px white;
	color: #FFFFFF;
	font-weight: bold;
}
#nav #sixth a  {
	display: block;
	width: 130px;
	height: 27px;
	_height: 32px;
	padding-top: 5px;
	text-align: center;
	border-left: solid 1px white;
	color: #FFFFFF;
	font-weight: bold;
}
#nav #second .tier li a, #nav #third .tier li a, #nav #fourth .tier li a, #nav #fifth .tier li a  {
	width: 150px;
	height: 25px;
}
  

#nav #second .tier li a:link, #nav #third .tier li a:link, #nav #second .tier li a:visited, #nav #third .tier li a:visited, #nav #fourth .tier li a:link, #nav #fourth .tier li a:visited, #nav #fifth .tier li a:link, #nav #fifth .tier li a:visited  {
	display: block;
	padding: 5px 0 0px 6px;
	text-align: left;
	background-image: none;
	background-color: #daff94;
	border-bottom: solid 1px #007e1d;
	font-weight: normal;
	color: #007e1d;
	border-left: none;
	font-size: 11.5px;
}
#nav #second .tier li a:active, #nav #third .tier li a:active, #nav #second .tier li a:hover, #nav #third .tier li a:hover, #nav #fourth .tier li a:active, #nav #fourth .tier li a:hover, #nav #fifth .tier li a:active, #nav #fifth .tier li a:hover {
	display: block;
	padding: 5px 0 0px 6px;
	text-align: left;
	background-image: none;
	background-color: #007e1d;
	border-bottom: solid 1px #007e1d;
	border-left: none;
	font-weight: normal;
	color: #fff;
	font-size: 11.5px;
}

#nav li {
	float: left;
}
#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* ***********  BODY  *********** */

#subnav {
width: 787px;
background-color: #efefef;
margin:10px 0 3px 0;
padding: 5px 0 5px 0;
text-align: center;
}
#subnav ul {
	margin: 0;
	list-style: none;
	padding: 0;
}
#subnav li {
	display: inline;
	margin: 0 10px 0 0px;

}
#midWrap {
width: 787px; 
margin: 0 auto;
_margin-top: 3px; 
}
#process {
width: 787px;
margin: 0 auto;
height: 160px;
margin-bottom: 4px;
}
#col3A {
float: left;
width: 240px;
}
#col3B {
float: left;
width: 356px;
margin: 0 10px 0 10px;
}
#col3C {
float: right;
width: 171px;
}
#col1A {
width: 787px; 
margin: 0 auto;
}
#col2A {
float: left;
width: 240px;
}
#col2B {
float: right;
width: 530px;
}
#col-2A {
float: left;
width: 580px;
margin-left: 20px;
_margin-left: 10px;
}
#col-2B {
float: right;
width: 180px;
}
#iframe {
width: 787px; 
margin: 0 auto;
}
/*  index   */
#indexSwf {
width: 240px;
height: 240px;
margin-bottom:4px;
}
.article {
padding: 14px;
height: 240px;
background:url(images/leftcol-article.gif) top center no-repeat;
color: #646668;
}
.article a {
float: right;
color: #007e1d;
}
.content {
padding: 5px;
}
#testimonial {
width: 160px;
margin: 10px 0 0 0;
background-color: #dbecb9;
padding: 10px 7px 10px 7px;
color: #6b8439;
font-family: Georgia, "Times New Roman", Times, serif;
}
#events {
width: 160px;
margin: 10px 0 0 0;
background-color: #fff09b;
padding: 10px 7px 10px 7px;
font-size: 11px;
line-height: 16px;
}
#resources {
width: 160px;
margin: 10px 0 0 0;
padding-left: 8px;
}
#newsletterlink {
width: 160px;
margin: 15px 0 0 0;
padding-left: 8px;
}
#newsscroll {
width: 171px;
}
#newsscrollHead {
background-color: #007e1d;
color: #fff;
height: 14px;
font-size: 11px;
width: 166px;
padding: 3px 0 0 5px;
line-height: 12px;
font-weight: bold;
}
#newsscrollBody {
font-size: 11px;
color: #4a4a4a;
margin-top:3px;
line-height: 13px;
background-color: #eeeeee;
padding: 4px 2px 4px 4px;
width: 166px;
}

#wasteGraphic {
width: 240px;
height: 193px;
}
#map {
float: right;
width: 425px;
height:350px;
}

/* ***********  FOOTER  *********** */
#footWrap {
width: 787px;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 20px;
}
#footNav {
width: 787px;
background-color: #dbecb9;
border-top: solid 1px #a5bb7b;
border-bottom: solid 1px #a5bb7b;
padding: 6px 0 6px 0;
text-align: center;
color: #a5bb7b;
}
#footNav a:link, #footNav a:visited  {
color: #6b8439;
text-decoration: none;
}
#footNav a:active, #footNav a:hover  {
color: #007e1d;
text-decoration: none;
border-bottom: dashed 1px #a5bb7b;
}
#footNav ul {
	margin: 0;
	list-style: none;
}
#footNav li {
	display: inline;
	margin: 0 10px 0 10px;
}
#copy {
color: #a5bb7b;
width: 787px;
font-weight: normal;
font-size: 11px;
margin: 10px 0 10px 0;
text-align: center;
}
.top {
font-weight: bold;
text-align: right;
color: #007e1d;
font-size:11px;
width: 100%;
border-bottom: solid 1px #dbecb9;
margin-bottom:15px;
}