/*

Site: Build it Green
Build: Brandi Lalanne for Schipul
URI: www.builditgreen.org/

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0px;
padding:0px;
} 

a { outline: none; font-family: Arial, Helvetica, sans-serif;}

p { margin-bottom: 10px; color:#64543C;font-family: Arial, Helvetica, sans-serif;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #64543C;
	/*background: #2f2f2f url(/images/home/body-bg.jpg) repeat-y top center;*/
	}
	
	body#home-pg, body#template {background-color:#5F5B54}
	body#green-bg {background-color:#C0D096}
	

ul, ol { margin: 1em 0; padding-left: 2.5em; }
dt { margin: 0.5em 0 0; }
dd { margin: 0.25em 0 0.5em 2.5em; }

h1, h2, h3, h5, h5, h6 {  margin-bottom: 8px; } 

h1 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000; }
h2 { font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000; }
h3 { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #000; }

a { color: #446841; }
a:hover { text-decoration: none; }

.clear {clear:both;}

/** STRUCTURE **/

div#page {width: 900px; margin:0 auto;}

div#header {height: 90px; background-color:#FFF; position: relative; }
	div#login-box {height: 34px; width: 197px; text-align:right; position: absolute; top: 2px; right: 10px; padding: 2px 20px 0 0; background: url(../images/home/tinystrip.gif) top left repeat-y #E7EDE7}
	div#logo {width: 210px; height:40px;float:left; clear:right; padding-top: 25px}
	div#menu-top {width: 490px; height:30px; float:left;padding-top: 50px}
	div.search {width: 180px; height: 36px; float:right; color:#000; padding-top:45px}
		.search-input {color:#000; font-size:9px; width: 140px; border:1px solid #88A787; float:left; margin: 3px 4px 0 0}


div#mastheads {width: 900px; height: 156px;}
div#refresh {width: 900px; height: 156px;}
div#masthead2 {width: 900px; height: 156px; background: url(http://www.builditgreen.org/images/home/mastheads/banner1.jpg)}



div#container {width: 900px; background:url(../images/home/middle.gif) repeat-y top center; padding: 14px 0 14px 0}
#template div#container {width: 900px; background:url(/images/middle-template.gif) repeat-y top center; padding: 14px 0 14px 0}

	div.left-side {width: 211px; float:left; padding:0 0 0 15px}

			
			/*Spotlight List on Left Side*/
		
			#spotlightcontainer .spotlight {list-style: none;list-style-image: none;  margin: 0;padding: 0;}
			#spotlightcontainer .spotlight li {padding: 18px 0 18px 42px; }
			#spotlightcontainer .spotlight li a {font-family: Verdana, Arial, Sans-serif;  color: #446841;  font-size: 11px;  
			margin: 0; padding: 0 0 8px 0; font-weight:bold}	
			
				#spotlightcontainer li.spotlight1 {background: url(/images/home/spotlight-icon1.png) no-repeat 0 50%;}			
				#spotlightcontainer li.spotlight2 {background: url(/images/home/spotlight-icon2.png) no-repeat 0 50%;}			
				#spotlightcontainer li.spotlight3 {background: url(/images/home/spotlight-icon3.png) no-repeat 0 50%;}
				#spotlightcontainer li.spotlight4 {background: url(/images/home/spotlight-icon4.png) no-repeat 0 50%;}  
				#spotlightcontainer li.spotlight5 {background: url(/images/home/spotlight-icon5.png) no-repeat 0 50%;}
	


		.local-content {background:transparent url(/images/home/caburst.gif) no-repeat scroll 102px 0; padding-top: 15px}
			.local-content ul li {list-style-image:url(/images/home/bullet-icon.png);}
			.local-content li {margin-left:5px;list-style-position:outside;list-style-type:none;margin-bottom:6px;}
 ul li.block {
list-style-image:url(/images/home/bullet-icon.png);
list-style-position:outside;
list-style-type:none;
margin-bottom:6px;}

	div.middle {width: 427px; float:left; padding:0 15px 0 7px;}
	#template div.middle {width: 620px; float:left; padding:0 15px 0 7px;}

	div.right-side {width: 205px; float:left; padding:0 10px 0 10px}
	
		#menu300gpr {width: 190px; margin:0; padding:0}
		form#menu300gpr select,
		form#menu300gpr option{
		font-size:10px; font-family:Verdana, Geneva, sans-serif
		}
		.stories {margin-left: 8px}


#footer {
background-color:#EBEFE8;
border-top:2px solid #5F5B54;
color:#5F5B54;
font-size:85%;

padding:2px 0;
text-align:center;

clear:both;
float:none;
margin:0 auto 12px auto
}
#footer a {
color:#446841;
font-weight:bold;
text-decoration:none;
font-size:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif
}

#bodycontent h2 a {color:#446841 !important;}

/*Tendenci*/
.titles {  font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #000;}
.subtitles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
.body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
.currency {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; text-align: right}
.bold_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; text-decoration: none}
.bold_body_copy_blue {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #003366; text-decoration: none}
.big_body_copy {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; text-decoration: none}
.links {  font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #446841;}
.copyright {  font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #CCCCCC}
.breadcrumbs {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999}
.body_copy_alerts { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FF0000}
.body_copy_invert { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF}
.yellow_body_copy {  background-color: #FFFF00; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #000000}
.reports {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none}
.reports_big_body_copy { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none }
.reports_subtitles { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000}
.reports_titles { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000}

div#skiptocontent {position: absolute; left: -9999px;}
	 

.color1 {
	background-color: #993300;
}
.color2 {
	background-color: #999999;
}
.logo {
	background-image: url(/images/home/logo.gif);
	background-repeat: no-repeat;
}







td { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

input{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

textarea{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}


select{
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000
}

.signupform {border: 1px #ccc solid; padding-top: 6px;}
.signupform td {padding-bottom: 6px;}