/* BASIC ELEMENTS */

* {
	margin: 0;
	padding: 0;
}
body {
	font-family: verdana, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #221c11;
	text-align: left;
}
p { 
	text-align: left;
}
ol {
	margin-left: 20px;
	padding-left: 23px;
	text-indent: 0;
	margin-top: 7px;
    margin-bottom: 9px; 
}	
ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 20px;
	text-indent: 0;
	margin-top: 7px;
    margin-bottom: 9px; 
}	
ul.circle {
	list-style-type:circle;
	padding-left: 20px;
	margin-top: 7px;
    margin-bottom: 9px; 
}
li {
    /*margin-bottom: 12px; */
}	
h1 {
	font-weight: bold;
	font-size: 14px;
    margin-bottom: 10px; 
	/*line-height: 18px;*/
	color: #b4630c;
	text-align: left;
}
h2 {
	font-weight: bold;
	font-size: 12px;
    margin-bottom: 10px; 
	color: #3d651d;
	text-align: left;
}
h3 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*line-height: 18px;*/
	color: #b4630c;
	text-align: left;
	text-transform: uppercase;
}
h4 {
	font-weight: normal;
	font-size: 11px;
	margin-bottom: 20px;
	color: #ffffff;
	text-align: left;
	line-height: 14px;
}
h5 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 4px;
	color: #3e7212;
	text-align: left;
}
h6 {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 15px;
	color: #221c11;
	/*text-align: left;*/
}
a:link {
	text-decoration: underline;
	color: #954616;
}
a:visited {
	text-decoration: underline;
	color: #954616;
}
a:active { 
	text-decoration: underline;
	color: #221c11;
}
a:hover { 
	text-decoration: underline;
	color: #221c11;
}
hr {
	border: 0;
	color: #775a22;
	background-color: #775a22;
	height: 1px;
}

/* PRIMARY LAYOUT ELEMENTS 507632*/

#container {
	width: 780px;
	margin: 0px auto;
	text-align: left;
	position:relative;
}
#header {
	width: 780px;
	height: 75px;
	background-color: #2a4131;
	border-bottom: 5px solid #ffffff;
}
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 11px verdana, sans-serif; border:0px; background:#2a4131; position:relative; z-index:200;}
#nav {padding:0 0 5px 0; margin:0; list-style:none; font: 11px verdana, sans-serif; border:0px; background:#2a4131; position:relative; z-index:200;}
#nav {height:20px; padding:0;}

#nav li {float:left;}
#nav li li {float:none; background:#2a4131;}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {display:block; float:left; color:#FFF; margin:0 5px 0 5px; height:25px; line-height:20px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; top:20px;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:none; color:#9fcd79;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

#nav li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

#nav li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

#nav li:hover li:hover ul
{left:-15px; margin-left:100%; top:-1px;}

/* keep further levels hidden */
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

#nav li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#9fcd79;}

#nav li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#9fcd79;}

#nav li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#9fcd79;}

#nav li:hover li:hover li:hover a
{text-decoration:none; color:#9fcd79;}

#nav li:hover li:hover a
{text-decoration:none; color:#9fcd79;}

#nav li:hover a
{text-decoration:none; color:#9fcd79;}

/* hide futher possible paths */
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFF;}
#nav li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#FFF;}
#nav li:hover li:hover li:hover li a
{text-decoration:none; color:#FFF;}
#nav li:hover li:hover li a
{text-decoration:none; color:#FFF;}
#nav li:hover li a
{text-decoration:none; color:#FFF;}
/*#topnav {
	padding-left: 10px;
	height:20px;
}
#navigation {
 	color: #ffffff;
	padding: 0 0 0 10px;
	text-align: left;
}
#navigation a:link {
	color: #ffffff;
	text-decoration: underline;
}
#navigation a:visited {
	color: #ffffff;
	text-decoration: underline;
}
#navigation a:hover {
	color: #9fcd79;
	text-decoration: underline;
}
#navigation a:active {
	color: #9fcd79;
	text-decoration: underline;
}*/
#content {
	width: 780px;
	background-color: #ffffff;
}
.new {
	color: #800f0f;
}
#right {
	width: 231px;
	float: right;
	background-color: #ffffff;
}
#left {
	width: 544px;
	float: left;
	background-color: #fdf0be;
	border-right: 5px solid #ffffff;
}
#footer {
	font-size: 10px;
	color: #775a22;
	margin: 30px 10px 5px 20px;
	text-align: left;
	border-top: 1px solid #775a22;
}
#form {
	border-top: 1px solid #775a22;
}

#content_inside_page {
	width: 780px;
	background-color: #f2e6b2;
}

#inside_copy {padding: 10px 20px 0px 20px; overflow: auto; }
#copy_left {float:left;padding: 10px 10px 0px 20px; overflow: auto;width: 460px;}
#copy_right {float:right;padding: 10px 15px 0px 0px; overflow: auto;width:260px;}
#home_copy {padding: 10px 20px 0px 20px; overflow: auto; }

#inside_copy p{margin-bottom: 12px;}

#home_copy p{margin-bottom: 12px;}

/* MAIN BODY FORMATTING FOR INTERIOR PAGES f1e3aa fdf0be*/

#floating_box {float:right; width: 231px; border-left: 5px solid #ffffff;}

#inside_left {
	float: left;
	background-color: #f2e6b2;
	width: 780px;
}
#inside_left img {
	margin-top: 5px;
	/*margin-right: 10px;*/
	float: left;
	/*background-color: #f2e6b2;
	width: 780px;*/
}
#inside_home_left {
	float: left;
	background-color: #f2e6b2;
	width: 544px;
	height: 430px;
}
#inside_left_pdf {
	float: left;
	background-color: #f2e6b2;
	width: 780px;
}
/*
#inside_home_left #footer {
	font-size: 10px;
	color: #775a22;
	margin: 0px 10px 1px 20px;
	text-align: left;
	border-top: 1px solid #775a22;
}
*/
#button {
	margin-right: 500px;
}
#button img{
	margin: 5px 5px;
	clear: both;
}
/* RIGHT COLUMN BOXES */

#callout {
	width: 231px;
	padding: 0;
	margin: 0;
	border-bottom: 5px solid #ffffff;
}

#callicon {
	width: 231px;
	height: 98px;
	padding-bottom: 5px;
	margin: 0;
	border-bottom: 0;
	background-color: #42687e;
}
.facts {
	background-color: #fff;
	height: 94px;
}

.flash {
	height: 39px;
}

.yellow {
	background-color: #e4c858;
	height: 90px;
}
.blue {
	background-color: #42687e;
}
.italic{
	color: #634f29;
	font-style: italic;
}	
#pic {
	width: 94px;
	float: left;
	padding-right: 10px;
	margin: 0;
	clear: both;
}
#blah {
	float: left;
	width: 156px;
	/*width: 141px;*/
	max-height: 90px;
	padding: 0;
	margin: 0;
	font-size: 11px;
	overflow: hidden;
}
#blah .content {padding: 3px 8px 3px 8px; line-height: 14px; color: #221c11;}
#blah a:link {
	text-decoration: underline;
	color: #954616;
}
#blah a:visited {
	text-decoration: underline;
	color: #954616;
}
a:active { 
	text-decoration: underline;
	color: #221c11;
}
#blah a:hover { 
	text-decoration: underline;
	color: #221c11;
}
#leed {
	width: 231px;
	/*height: 95px;*/
	padding-top: 8px;
	margin: 0;
	font-size: 11px;
}
#leed .content {padding: 0 8px 8px 8px; line-height: 14px; color: #ffffff;}
#vendors {
	width: 231px;
	/*height: 95px;*/
	padding-top: 8px;
	margin: 0;
	font-size: 11px;
	background-color: #e4c858;
}
#vendors .content {padding: 0 8px 8px 8px; line-height: 14px; color: #221c11;}
#vendors ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 15px;
	text-indent: 0;
    margin-bottom: 12px; 
}	
#vendors li {
    margin-bottom: 12px; 
}	
.qa {
	/*width: 231px;
	padding-top: 0px;
	margin: 0;*/
	height: 58px;
	background-color: #b4630c;
}

#marqueecontainer {
	position: relative;
	width: 219px;
	height: 58px;
	padding: 0;
	text-align: left;
	float: left;
}
#vmarquee {
	position: absolute; 
	/*width: 95%; */
}
#vmarquee a:link {
	text-decoration: underline;
	color: #ffffff;
}
#vmarquee a:visited {
	text-decoration: underline;
	color: #ffffff;
}
a:active { 
	text-decoration: underline;
	color: #819dae;
}
#vmarquee a:hover { 
	text-decoration: underline;
	color: #819dae;
}
#blockquote {
	padding: 0 20px 0 30px;
}

/* JOHN SPERLING FORMATTING */

#john {
	padding: 0;
	margin: 0;
}
#john .content{
	float: left;
	width: 535px;
	padding: 10px 0 0 15px;
	overflow: hidden;
	/*position: relative;*/
}
#john img{
	float: left;
	margin-top: 5px;
	/*width: 142px;
	position: relative;*/
	border: 5px solid #ffffff;
}

/* CAMPAIGN FORMATTING */

#campaign ul {
	list-style-type: disc;
	margin-left: 0;
	padding-left: 136px;
	text-indent: 0;
    margin-bottom: 12px; 
}
#campaign li {
    margin-bottom: 5px; 
}	
#campaign h2 {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

/* INFO FORMATTING */

#info {
	width: 720px;
	padding: 10px 10px 5px 10px;
	background-color: #e4c858;
}
#info #content{
	/*float: left;*/
	width: 700px;
	/*padding: 10px 10px 5px 10px;*/
	background-color: #e4c858;
}
#info #image {
	/*margin-right: 5px;*/
	float: left;
	/*border: 5px solid #ffffff;*/
}
#info h2 {
	font-weight: bold;
	font-size: 12px;
	color: #221c11;
}
#info #italic {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-style: italic;
}

/* EPA FORMATTING */

#epa {
	width: 720px;
	height: 80px;
	padding: 0;
	background-color: #e4c858;
}
#epa #content{
	float: left;
	width: 630px;
	padding: 5px 5px 0 5px;
	background-color: #e4c858;
}
#epa img {
	width: 75px;
	height: 75px;
	float: left;
	margin-top: 0;
	margin-right: 5px;
	position: relative;
}

/* GREEN EMPLOYEE OF THE MONTH FORMATTING */

#gem {
	width: 720px;
	padding: 10px;
	background-color: #b9c58f;
}
#gem #content{
	width: 710px;
	margin-left: 5px;
	background-color: #b9c58f;
}
#gem img {
	margin-right: 15px;
	float: left;
	border: 5px solid #ffffff;
}
#gem #name {
	padding-top: 5px;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
}
#gem #italic {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	font-style: italic;
}

/* EXPANDABLE CONTENT FOR GEM ARCHIVE */

.expand {
	width: 700px;
	padding: 10px;
	background-color: #b9c58f;
    margin-bottom: 12px; 
}
.expand img {
	margin-right: 15px;
	float: left;
	border: 5px solid #ffffff;
}
#globe {
	float: right;
	vertical-align:top;
}
#girl {
	float: right;
	padding-right:25px;
	vertical-align:top;
}
#graph {
	float:left;
	padding-left:25px;
}
#picleft {
	float:left;
	padding-right:5px;
	vertical-align:top;
}
.pic1 {
	background-image: url('../gogreen_new/images/planting.jpg');
	background-repeat: no-repeat;
	background-position: 400px 200px;
}
.pic2 {
	background-image: url('../gogreen_new/images/recyclables.jpg');
	background-repeat: no-repeat;
	background-position: 400px 100px;
}

#events {
	width: 710px;
}
#events_left {
	float: left;
	width: 350px;
}
#events_right {
	float: right;
	width: 350px;
}
#events_left1 {
	float: left;
	padding-left:17px;
	width: 320px;
}
#events_right1 {
	float: right;
	width: 350px;
}

#cleardiv {
	clear: both;
}



/*
#inside_home {
	float: left;
	background-color: #f1e3aa;
}
#blahblah {
	padding: 0 3px 0 0px;
	margin: 0;
	font-size: 10px;
	overflow: hidden;
	background-color: #e4c858;
}

#blahblah .content {padding: 3px 8px 3px 8px; line-height: 12px; color: #221c11;}

#blahblah ul {
	margin-left: 10px;
	padding-left: 15px;
	text-indent: 0px;
	list-style-type: disc;
	line-height: 12px;
}

#blahblah li {margin-bottom: 0px;}
------
#gem {}
#gem img {
	margin-right: 15px;
	float: left;
	border: 5px solid #ffffff;
}
#gem #name {
	font-weight: bold;
	font-size: 11px;
	color: #b4630c;
	text-transform: uppercase;
}
---------
*/