/* CSS Document */
body {
	background-color: #F0E0B2;
	background-attachment: scroll;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.clear {
	clear: both;
}
	
#container {
	height: 100%;
	width: 822px;
   	margin: 0px auto; padding: 0;
}

#containerBG {
	float:left;
	height: 100%;
	width: 822px;
   	margin: 0px auto; padding: 0;
   	text-align: left;
	background: url(../images/eco-rich-bg.gif) repeat-y 50% 0;
	background-attachment: scroll;
	background-color:#FFFFFF;
}

/*#top {
	height: 250px;
	width: 822px;
   	margin: 0px; padding:0;
   	text-align: left;
	background: url(../images/eco-richheader2.jpg) no-repeat 50% 0;
	background-attachment: scroll;
}

/* --- Main Content Elements - Start --- */
#info {
	height: auto; width: auto;
   	margin: 0; padding: 0 0 0 40px;
   	text-align: left;
	float: left;
}

#contactinfo {
	height: auto; width: auto;
	margin: 0px;padding: 14px 40px 0 0px;
   	text-align: right;
	float: right;
}

#menu {
	clear: both;
	height: auto;width: auto;
   	margin: 0px;padding: 10px 0px 0 40px;
   	text-align: left;
}
/* --- Main Content Elements - End --- */

.clear {
	clear: both;
}

#content {
	float:left;
	height: auto;
	width: 822px;
   	margin: 0px; padding: 0;
   	text-align: left;
	background: url(../images/eco-rich-content.jpg) no-repeat 50% 0;
	background-attachment: scroll;
}

#spacer { clear:both; height: 100px; width: auto; margin:0; padding:0; }

/* --- Main Content Holders - Start --- */

#features {
	clear: both; width: auto; padding: 0; margin: 0; float: left;
}

	/* --- Features Elements - Start --- */
	
	#features div {
		float:left; width: auto; margin: 0; padding: 10px 0px 10px 40px;
	}
	
	#features div div {
		float:left; width: 350px; margin: 15px 5px 0px 10px; padding: 0px;
	}
	
	.featurePic {
		float:left; vertical-align:middle;padding: 10px 5px 0px 0px; margin: 0;
	}
	
	/* --- Features Elements - End --- */

#index-content {
	clear:both; float: left; height: auto; width: 822px; padding: 0px; margin: 0px;
}

#index-content div {
	float: left; height: auto; width: auto; padding: 0 0px 0 40px; margin: 0;
}

#news-feature {
	float:left; 
	height: auto; width: auto; 
	margin: 0px; padding: 0;
}

#news-feature div {
	float:left; 
	height: 132px; width: 357px; 
	margin: 30px 0 0 0px; padding: 0;
	text-align: left;
	background: url(../images/news-feature-bg.gif) no-repeat;
	background-attachment: scroll;
}

.news-featurePic {
	float:right; padding:16px 15px 5px 5px; margin: 0;
}

#leftcontent {
	height: auto;
	width: 455px;
   	margin: 0px;
	padding: 0px 20px 0 40px;
   	text-align: left;
	float: left;
}

#rightcontent {
	height: auto;
	width: 248px;
   	margin: 0;
	padding: 20px 0 0 0;
   	text-align: left;
	float: left;
}

#video-bar {
	clear: both;
	height: 189px; width:auto;
	margin: 0px;
	padding: 0px 0 0 40px;
}

/* --- Main Content Holders - End --- */

/* --- Index Content - Start --- */

#leftcontent div {
	width: inherit; height: auto;
   	margin: 0px; padding: 0px;
   	text-align: left;
	float: left;
}

/* --- Index Content - End --- */

/* --- Main Content Elements - Start --- */

#highlight {
	height: 182px;
	width: 248px;
   	margin: 0px; padding: 0;
   	text-align: left;
	background: url(../images/eco-rich-handshake.jpg) no-repeat 50% 0;
	background-attachment: scroll;
	float: left;
}

#eco-news {
	clear: both;
	height: auto;
	width: 248px;
   	margin: 0;
	padding: 20px 0 0 0px;
   	text-align: left;
	float: left;
}

/* --- Main Content Elements - End --- */

/* --- Video Bar Elements - Start --- */

#mission {
	height: 189px;
	width: 455px;
   	margin: 0 20px 0 0;
	padding: 0;
   	text-align: left;
	float: left;
	background-image:url(../images/environmental-mission.jpg);
	background-repeat:no-repeat;
}

#video {
	float: left;
	margin:26px 0 0 0;
	padding:0;
}

.video { margin: 0; padding: 0; border-width:0;}
/* --- Video Bar Elements - End --- */

/* --- Footer - Start --- */

#footer {
	clear: both;
	height: auto;
	width: auto;
	margin: 0; padding: 0;
	text-align:center;
	background: url(../images/eco-rich-footer.jpg) no-repeat 50% 0;
	background-attachment: scroll;
	float: left;
	background-color: #F0E0B2;
}

#footer div {
	height: auto;width: 822px;
	margin: 0px;
	padding: 100px 0 10px 0;
	text-align:center;
	float: left;
}

/* --- Footer - End  --- */

/* --- Header Text - Start --- */

#info h1 {
	font: 12px Verdana;
	margin: 0;
	padding: 20px 0 0 0;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-style: italic;
}

#contactinfo p {
	font: 12px Verdana;
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	line-height: 20px;
}

#contactinfo p a:hover {
	color: #000000;
}

#contactinfo p a:link, #contactinfo p a:visited {
	color: #CC0066;
}

#menu ul li {
	font: 14px/20px Verdana;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 0; margin: 0;
	list-style-type:none;
}

#menu ul li.current a:link, #menu ul li.current a:visited {
	list-style-type: circle;
	font-weight:bold;
}

#menu a:link, #menu a:visited {
	font: 14px/20px Verdana;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style-type: disc;
	padding: 0; margin: 0;
	border-bottom:none;
}

#menu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* --- Header Text - End --- */

/* --- Features Content Text - Start --- */

#features h2 {
	font: 16px Verdana;
	color: #000000;
	margin: 0; padding: 10px 0 0 0px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

#features h2 a:link, a:visited {text-decoration: none; border-bottom:none;}
#features h2 a:hover {text-decoration: underline;}

#features p {
	font: 12px/16px Verdana;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 10px 0 0 120px; margin: 0;
}

#features p a:link, a:visited { text-decoration: none; font-style:italic; border-bottom:none; }
#features p a:hover { text-decoration:underline; font-style:italic; }

a.blue:link, a.blue:visited { color:#0099CC; font-style:normal; border-bottom:none; } a.blue:hover { text-decoration:underline; }
a.pink:link, a.pink:visited { color:#CC0066; font-style:normal; border-bottom:none; } a.pink:hover { text-decoration:underline; }
a.gold:link, a.gold:visited { color:#CC9900; font-style:normal; border-bottom:none; } a.pink:hover { text-decoration:underline; }
a.grey:link, a.grey:visited { color:#333333; font-style:normal; border-bottom:none; } a.grey:hover { text-decoration:underline; }

#news-feature h3 {
	font: 16px/22px Verdana;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight:bold; text-align: center;
	padding: 10px 5px 0 5px;
	margin: 0;
}

#news-feature p {
	font: 11px/16px Verdana;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 5px 5px 0px 5px;
	margin: 0;
}

/* --- Features Content Text - End --- */

/* --- Main Content Text - Start --- */

#leftcontent h1 {
	font: 22px/30px Verdana;
	margin: 10px 0 0 0; padding: 5px 0 10px 30px;
	color: #CC0066;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: bold;
}

#leftcontent h2 {
	font: 16px Verdana;
	margin: 20px 0 10px 10px; padding: 3px 0px 4px 30px;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	font-weight: bold;
	background-image:url(../images/h1-long-pink.gif);
	background-repeat:no-repeat;
}

#leftcontent h3 {
	font: 12px/16px Verdana;
	margin: 0; padding: 0 0 10px 30px;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#leftcontent a:link, a:visited {
	color: #0099CC;
	text-decoration:none; font-style:normal;
	border-bottom-style:dotted; border-bottom-width:thin; 
}

#leftcontent a:hover { color: #CC0066; }

p {
	font: 12px/16px Verdana;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 0 0 0 30px; margin: 0 0 10px 0;
}

#index-content blockquote { 
	float:left; height: auto; width: 320px; 
	margin: 0; padding: 40px 0px 20px 0px;
	text-align: left;
	background: url(../images/eco-quote-open.gif) no-repeat;
	background-attachment: scroll;
} 

#index-content blockquote p { 
	font-weight: bold; height: 12em;
	background: url(../images/eco-quote-close.gif) no-repeat;
	background-attachment: scroll;
	background-position:100% 100%;
} 

#index-content cite { 
	float:left; height: 0; width: 300px; 
	margin: -20px 0 0 0; padding: 0px;
	text-align: right;
} 

#leftcontent ol {
	font: 12px/16px Verdana;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px; margin: 0 0 10px 0;
}

#leftcontent ul {
	font: 12px/16px Verdana;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 0 0 0 70px; margin: 0 0 10px 0;
}

#leftcontent li { padding: 5px 50px 0 10px; margin:0; }

/* --- Main Content Text - End --- */

/* --- Left Content Text - Start --- */

#mission h2 {
	font: 24px Verdana;
	margin: 0 0 10px 0;
	padding: 40px 210px 4px 20px;
	color: #CC0066;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	letter-spacing: 0px;
	font-weight: bold;
	text-align:right;
}

#mission p {
	font-size: 15px;
	line-height: 20px;
	margin: 0 0 0px 10px;
	padding: 0px 210px 4px 20px;
	text-align:right;
	font-weight:normal;
}

/* --- Left Content Text - End --- */

/* --- Right Content Text - Start --- */
#right a:link, a:visited {
	color: #0099CC;
	text-decoration:none; font-style:normal;
	border-bottom-style: none;
}

#highlight h3 {
	font: 20px Verdana;
	margin: 0;
	padding: 10px 10px 0 10px;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-weight: bold;
	text-align:center;
}

#highlight p {
	font: 14px Verdana;
	margin: 0;
	padding: 14px 10px 0 10px;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
}

#eco-news h2 {
	font: 16px Verdana;
	margin: 0;
	padding: 3px 0px 4px 30px;
	color: #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-weight: bold;
	background-image:url(../images/h1-short-blue.gif);
	background-repeat:no-repeat;
}

#eco-news ul {
	font: 12px/16px Verdana;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 10px 0 10px 10px;
	margin: 0 0 0 10px;
	list-style-type:disc;
}

#eco-news a:link, a:visited { text-decoration:none; } #eco-news a:hover { text-decoration:underline; }

/* --- Right Content Text - End --- */

/* --- Footer Content Text - Start --- */

a.footer:link, a.footer:visited {
	font: 12px/18px Verdana;
	color: #000000;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	padding: 0; margin: 0;
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-width:thin;
	font-style:normal;
}

a.footer:hover { color: #CC0066; }

/* --- Footer Content Text - End --- */

/* ---Table Styles - Start --- */

table { 
	width: auto; height: auto;
	text-align: right;
	font: 12px/20px Verdana;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;margin: 0;
	float:right;
}

td {
	width: auto; height: auto;
	border: 1px solid;
	border-color: #FFFFFF;
	padding: 2px; margin: 0;
}

/* ---Form Styles - Start --- */

form input.normal {
	color: #000000;
	background: #FEEBF5;
	border-style: none; border-color: #CC0066; border-style: solid; border-width: 0 1px 0 0;
	padding: 2px;
}

form textarea.normal{
	padding: 2px;
	background: #FEEBF5;
	border-style: none; border-color: #CC0066; border-style: solid; border-width: 0 1px 0 0;
}

form input.hoverm form textarea.hover {
	border-color: #0099CC;
}

label {
	font-weight:bold;
	margin: 0; padding:0;
}

select {
	color: #000000;
	background: #FFFFFF;
	border: 1px solid #0099CC;
	margin: 0; padding:0;
}

fieldset {
	color: #FFFFFF;
	border: 1px solid #0099CC;
	font-size: 12px;
	margin: 0; padding:0;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
}