@charset 'UTF-8';
/* CSS Document */


/*------------------------------------------------------------------------------------------------------------*/
/* clean tags*/
body 												{font-family:Arial, Helvetica, sans-serif;padding:0;margin:0;
													background: #271306 url(../images/background.gif) top center no-repeat; font-size:.9em; }
ul, h1, h2, h3, h4, h5, h6, li, ol, p 				{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; }
hr													{padding:0; margin:0 auto; line-height:0px;}
a 													{color:#724E2F; text-decoration:none;margin:0;padding:0;}
a:hover 											{color:#42210B; text-decoration:underline;}
img 												{ padding:0; margin:0; border:none;}
h1													{font-size:1.5em; color:#42210B; line-height:1.2em;}
p 													{padding:5px 0; font-size:.9em;}
caption												{margin:0 auto 15px auto; font-size:1.2em; font-weight:bold;}
div													{margin:0; padding:0;}


/*------------------------------------------------------------------------------------------------------------*/
/* clear float classes*/
.clrflt	{clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px}
.clrrt	{clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;}
.clrlft	{clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; }

/*------------------------------------------------------------------------------------------------------------*/
/* float classes*/
.fltrt			{float:right;}
.fltlft			{float:left;}

img.fltlft			{margin-right:5px;}

/*------------------------------------------------------------------------------------------------------------*/
/* inactive links*/
.inactive	{ color:#3399FF; text-decoration:line-through; }

/*------------------------------------------------------------------------------------------------------------*/
/* define body wrapper*/
#bubbles	{ position:absolute; left:0; top:66px; width:100%; height:131px; background:url(../images/bubbles.gif) center center no-repeat; }
#wrapper { width: 780px; background:#fff; margin:0 auto; padding:0; position:relative; border:3px #000 solid; border-top:none; border-bottom:none;}

/*------------------------------------------------------------------------------------------------------------*/
/* header styles*/
#wrapper #header { height: 280px; width: 780px; background:	url(../images/header/header2.jpg) top left no-repeat; position:relative; text-align:right;}

#wrapper #header #pgTitle table 		{ margin: 0px auto;  border:0; padding:0; height:37px;}
#wrapper #header #pgTitle table tr td	{padding:0 0 0 45px; margin:0; background:url(../images/header/titleSlide.gif) left top no-repeat; vertical-align:middle; }
#wrapper #header #pgTitle table h1		{background:url(../images/header/titleRight.jpg) right top no-repeat;  margin:0; padding:0;  height:37px; color:#fff; font-size:1.3em;}
#wrapper #header #pgTitle table span	{padding-top:5px; margin-right:30px; display:block;}

#wrapper #header img#logo				{float:left; margin:-20px 0 0 25px;}
#wrapper #header h2				{line-height:1.5em; margin:-10px 25px 0 0; font-weight:normal; color:#603A17; font-size:1em;}
#wrapper #header h3			{line-height:1.5em; color:#AEB14A;font-size:1.2em; text-align:center; position:absolute; z-index:800;
width:780px; top:170px; left:0; zoom:1;}

#wrapper #header #greenBar		{position:absolute; bottom:0; background:url(../images/header/greenBar_03.gif) bottom left repeat-x; margin:0;
								zoom:1; width:780px; left:0; z-index:2; color:#42210B;}
#wrapper #header #greenBar h4	{padding: 5px 170px 0 30px;font-size:.85em; float:right;background:url(../images/header/greenSlide.gif) bottom left no-repeat;
								display:block; height:27px;  line-height:2em; margin:0;}

/*------------------------------------------------------------------------------------------------------------*/
/* main body styles*/
#wrapper #mainBody  { background: #724E2F; margin:0; padding:0; }

/*------------------------------------------------------------------------------------------------------------*/
/* left column styles*/
#wrapper #mainBody #leftColumn { background: #724E2F; float:left; width:280px; position:relative; }

ul#nav 				{margin:20px 0 0 20px; color:#000;}
ul#nav li 			{ list-style:none; width:auto;	height:25px; font-weight:bold; width:11em; margin:0px 0; font-size:1.2em; display:block;}
ul#nav li:hover 	{ background:url(../images/nav/navLeft.gif) left top no-repeat; }
ul#nav li a			{color:#fff; padding: 3px 0 0 20px; display:block; height:25px;}
ul#nav li a:hover	{color:#fff; background:url(../images/nav/navEnd.gif) right top no-repeat; margin-right:-3px; text-decoration:none; }

ul#subNav 				{margin:0 0 0 10px; color:#000; padding:0;}
ul#subNav li 			{ list-style:none; 	height:25px; font-weight:bold; width:18em; margin:2px 0; font-size:1em; display:block;}
ul#subNav li:hover 		{ background:url(../images/nav/navLeft.gif) left top no-repeat; }
ul#subNav li a			{color:#fff; padding: 3px 0 0 10px; display:block; height:25px;}
ul#subNav li a:hover	{color:#fff; background:url(../images/nav/navEnd.gif) right top no-repeat; margin-right:-3px;text-decoration:none; }

ul#nav li.selected  { background:url(../images/nav/current.gif) left top no-repeat; width:104%; }
ul#nav li.selected a:hover  { background:none; width:100%; }
#wrapper #mainBody #leftColumn h3 { color: #AEB14A; margin:0 20px 0px 20px;}
#wrapper #mainBody #leftColumn p { color: #fff; margin:0 20px; font-size:.9em; position:relative; z-index:1001;}

div#apex	{margin:0; float:none; position:absolute; height:124px; width:280px; text-align:center;}

#wrapper #mainBody #leftColumn a {color:#fff;}

#wrapper #mainBody #leftColumn h4 {font-size:.9em;}
/*------------------------------------------------------------------------------------------------------------*/
/* main copy styles*/
#wrapper #mainBody #bodyCopy { background: #FFFFFF; padding:20px 60px 20px 40px; margin-left:286px; position:relative;
							border-left:5px solid #42210B; z-index:400; line-height:1.2em;}
#wrapper #mainBody #bodyCopy img#bigCircle { float:right; margin:-120px -114px -10px 0;position:relative; z-index:1;}
#wrapper #mainBody #bodyCopy h1 	{margin-top:0px;}
#wrapper #mainBody #bodyCopy h2 	{margin-top:10px; color:#AEB14A; font-size:1.3em;}
#wrapper #mainBody #bodyCopy h2 a 	{color:#AEB14A;}
#wrapper #mainBody #bodyCopy h2 a:hover 	{color:#AEB14A;}

#wrapper #mainBody #bodyCopy img#midCircle 		{ position:absolute; right:-112px; top:100px;}
#wrapper #mainBody #bodyCopy img#littleCircle 	{ position:absolute; right:-60px; top:265px;}

#wrapper #mainBody #bodyCopy table 		{margin-left:-40px; }
#wrapper #mainBody #bodyCopy table tr	{font-size:.9em;}
#wrapper #mainBody #bodyCopy table tr th	{background-color:#AEB14A; font-size:.8;}
#wrapper #mainBody #bodyCopy table tr td	{text-align:center;}
#wrapper #mainBody #bodyCopy table tr.contactRow	{font-size:.7em;}
#wrapper #mainBody #bodyCopy table tr.contactRow th	{font-size:1.2em;}

.marginExplanation {margin-left:50px;}

#wrapper #mainBody #bodyCopy span.goToTop a	{float:right; font-size:.7em; background:url(../images/pageElements/leaf_light.jpg) right no-repeat; width:35px; height:18px; color:#724E2F;}

#wrapper #mainBody #bodyCopy ul#introList 	{width:55%; padding-right:50%; background:url(../images/pageElements/cleanEarthc.jpg) no-repeat bottom right;margin:0 -5% 0 0; list-style:none; }
#wrapper #mainBody #bodyCopy ul#introList li{font-weight:bold; padding-bottom:5px; font-style:italic; color:#AEB14A; }

/*------------------------------------------------------------------------------------------------------------*/
/* footer styles*/
#wrapper #footer { background: #724E2F; position:relative; }
#wrapper #footer img#footerLogo{ margin:-35px 0 0 30px; position:relative; z-index:0;}
#wrapper #footer img#greenName{ position:absolute; right:20px;bottom:40px; }
#wrapper #footer #footerGreen { background: #AEB14A; color:#42210B; font-weight:bold; font-size:.8em; text-align:right; padding:10px 20px;  height:20px;}
#wrapper #footer #footerGreen span { text-align:center; width:14em;  font-size:1.3em; float:left; }


#copyright	{font-size:.8em; color:#724E2F; text-align:center; margin:10px auto;}
#copyright a{color:#724E2F; }
#copyright a:hover{color:#724E2F; text-decoration:underline; }


#cities {font-size:.8em; color:#724E2F; text-align:center; margin:10px auto;}		

/*------------------------------------------------------------------------------------------------------------*/
/*form look and feel*/	
	form		{ width:340px; font-size:.9em; padding:0 20px; background:#fff;  }
				
	textarea	{float:right; background-color:#fff; vertical-align: middle;}
	input		{float:right; background-color:#fff; vertical-align: middle;}
	select		{float:right; vertical-align: middle;}
	.subme		{ text-align:center;  font-size:11px;  }
	.subme input{ float:none; }
	label		{ float:left; padding:0 0 10px 0; width:100%;}
	
	#expla		{width:6em; font-size:.8em; float:left; font-weight:bold; display:inline; margin-top:10px;}