* { height:100%; margin:0; }

/* ---------------------- layout ---------------------- */
#wrapper {text-align:center; height:100%; width:100%;}
#masthead {width:950px; padding-left:10px; padding-right:10px; padding-bottom:12px; text-align:left; height:80px; margin:0 auto; background:#ffffff;}
#mastheadwhite {width:100%; height:140px; text-align:center; background:#ffffff;}
#search {float:right; text-align:right; margin:50px 11px 0px 0px; height:20px; width:330px;}
#searchbar {float: right; text-align:right; width: 190px; height:20px; margin: 0px 0px 0px 0px;}
#searchbutton {width: 20px; height: 20px;}
#bar {float: right; height: 16px; vertical-align: middle; padding-right: 4px;}
#button {float: right;}
#logo {float:left; text-align:left; height:80px; width:357px;}
#icons {float:right; text-align:right; height:20px; width:120px;}
#imageholder {height:308px; width:100%; text-align:center; background-color:#FFFFFF;}
#contentholder {height:auto; width:950px; text-align:left; padding-top: 20px; margin:0 auto;}
#headercontent {width:708px; height:auto; text-align:left; padding-bottom:8px;}
#promoholder {height:226px; width:950px; text-align:center; margin:0 auto;}
#menubg {background-image:url(pics/greenslate_background.gif); text-align:center; height:42px;}
#menuholder {width:950px; text-align:left; height:42px; margin:0 auto;}
#menuleft {float: left; width:650px; text-align:left; height:42px;}
#menuright {float: right; width:210px; text-align:right; height:42px;}
#copyright {float:left;height:14px; width:100%; text-align:center; margin:0 auto; padding-top:30px; padding-bottom:20px; }
#left-col {float: left; width: 202px; text-align:left; margin-left:10px; margin-top:3px; padding-top:5px; padding-left:5px; padding-bottom:5px; background-color:#EAEAEA;}
#main-content {float: right; width: 708px; text-align:left;}
#bodycopy{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#toppage{width:708px;height:auto;float:left; text-align:left; padding-top:20px;}



/* ---------------------- perform ---------------------- */
#perform{width:708px;height:323px;float:left; margin:0 auto; text-align:left; padding-top:10px;}

/* ---------------------- chairman ---------------------- */
#chairman{width:708px;height:280px;float:left; text-align:left; padding-top:10px;}

/* ---------------------- md ---------------------- */
#md2{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#md3{width:708px;height:202px;float:left; text-align:left; padding-top:20px;}
#mdbody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#energytitle{width:708px;height:auto;float:left; padding-top:30px; text-align:left;}
#energy{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#energybody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#energy2{width:300px;height:158px;float:right; text-align:left; padding-left:40px;}


#envirotitle{width:708px;height:auto;float:left; padding-top:30px; text-align:left;}
#enviro{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#envirobody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#enviroquote{width:300px;height:158px;float:right; text-align:left; padding-left:40px;}


#fuelstitle{width:708px;height:auto;float:left; padding-top:30px; text-align:left;}
#fuels{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#fuelsbody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#fuelsquote{width:300px;height:158px;float:right; text-align:left; padding-left:40px;}
#fuelsimage{width:300px;height:283px;float:right; text-align:left; padding-left:40px;}

#horttitle{width:708px;height:auto;float:left; padding-top:30px; text-align:left;}
#hort{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#hortbody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#hortquote{width:300px;height:158px;float:right; text-align:left; padding-left:40px;}

#rrtitle{width:708px;height:auto;float:left; padding-top:30px; text-align:left;}
#rr{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#rrbody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#rrquote{width:300px;height:158px;float:right; text-align:left; padding-left:40px;}

#inovtitle{width:708px;height:auto;float:left; padding-top:30px; text-align:left;}
#innov{width:708px;height:280px;float:left; text-align:left; padding-top:20px;}
#innovbody{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}
#innovbody2{width:708px;height:auto;float:left; padding-top:10px; text-align:left;}

/* ---------------------- sustainability ---------------------- */
#sustainability{width:240px;height:256px;float:right; text-align:left; padding-left:40px;}
#s1{width:708px;height:202px;float:left; text-align:left; padding-top:20px;}
#s2{width:708px;height:202px;float:left; text-align:left; padding-top:20px;}

/* ---------------------- board ---------------------- */
#board{width:708px;height:242px;float:right; text-align:left;}




/* ---------------------- Greenslate nav left ---------------------- */
.green #slatenav{position:relative;display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(pics/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green #slatenav ul li{display:block;float:left;margin:0 0px 0 0;}
.green #slatenav ul li a{display:block;float:left;color:#0b3600;text-decoration:none;padding:15px 10px 0 10px;height:28px;}
.green #slatenav ul li a:hover,.green #slatenav ul li a.current{color:#fff;background:transparent url(pics/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- Greenslate nav left ---------------------- */

/* ---------------------- Greenslate nav 2 left ---------------------- */
.green1 #slatenav1{position:relative; display:block;height:42px;font-size:12px;font-weight:bold;background:transparent url(pics/greenslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.green1 #slatenav1 ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.green1 #slatenav1 ul li{display:block;float:right;margin:0 0px 0 0;}
.green1 #slatenav1 ul li a{display:block;float:left;color:#0b3600;text-decoration:none;padding:15px 10px 0 10px;height:28px;}
.green1 #slatenav1 ul li a:hover,.green1 #slatenav1 ul li a.current{color:#fff;background:transparent url(pics/greenslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- Greenslate nav 2 left ---------------------- */





/* ---------------------- text styles ---------------------- */
.search {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px; 
}
.copyright {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px; 
}


a.small:link {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
}
a.small:visited {
	color: #666666;
	font-size: 9px;
	text-decoration: none;
}
a.small:hover {
	color: #999999;
	font-size: 9px;
	text-decoration: none;
}
a.small:active {
	color: #999999;
	font-size: 9px;
	text-decoration: none;
}
a.top:link {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
a.top:visited {
	color: #000000;
	font-size: 12px;
	text-decoration: none;
}
a.top:hover {
	color: #7FC31C;
	font-size: 12px;
	text-decoration: none;
}
a.top:active {
	color: #7FC31C;
	font-size: 12px;
	text-decoration: none;
}
 .title {
 font-size: 24px;
 color: #7FC31C;
 font-weight:bold;
 text-transform:uppercase;
}
 .title-energy {
 font-size: 24px;
 color: #FE000C;
 font-weight:bold;
 text-transform:uppercase;
}
 .title-environmental {
 font-size: 24px;
 color: #0A52A2;
 font-weight:bold;
 text-transform:uppercase;
}
 .title-fuels {
 font-size: 24px;
 color: #FE5A17;
 font-weight:bold;
 text-transform:uppercase;
}
 .title-hort {
 font-size: 24px;
 color: #51A121;
 font-weight:bold;
 text-transform:uppercase;
}
 .title-rr {
 font-size: 24px;
 color: #174098;
 font-weight:bold;
 text-transform:uppercase;
}
 .title-sm {
 font-size: 24px;
 color: #7FC31C;
 text-transform:uppercase;
}
 .greentitle {
 color: #7FC31C;
 font-weight:bold;
 text-transform:uppercase;
}
 .bodybold {
 font-weight:bold;
}



/* ---------------------- text styles ---------------------- */