@import url("css/reset.css");
@import url("css/navigation.css");			
/* DIV STRUCTURE */
a:link, a:visited {text-decoration: none; color: #fff;}
a:hover, a:active {color: #99CC66;}
/* font-size below makes all sections in all browsers default to "11px" relatively */
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(/images/Bg.jpg) top center repeat-x #000;
	font-size: 11px;
	line-height: 15px;
	*font-size: 75%;
	*line-height: 125%;
}
#container {
	margin: 0 auto;
	width:1050px;
	border-left: solid thin #000;
	border-right: solid thin #000;
}
#eop_header {height: 120px} 
#eop_top_bar {
	background: black;
	text-align: right;
	width: 94%;
	height: 15px;
	padding: 3px 3%;
	font-size: .9em;
	border-bottom: solid 1px #333;
}
#eop_footer {
	background: #000000;
	text-align: center;
	color: #999999;
}
/* HOME */
#eop_maincontent {margin-bottom: 10px;}
#eop_main_slug {
	width: 785px;
	padding: 40px 15px;
	position:relative;  
    overflow:hidden;  
}
#eop_main_slug .transparency {  
     opacity:0.5;  
     filter:alpha(opacity=50);  
     -moz-opacity:0.5;  
     background-color:#FFFFFF;  
     width:785px;  
     height:1500px;  
     position:absolute;  
     top:0px;  
     left:0px;        
}   
.content {  
    position:relative;
	z-index: 100;
}    
#eop_main_sub {
	background: #000;
	margin: 66px 0;
	height: 100px;
}
/* SUBS */
#eop_sub_wrap {
	background: url(/images/bg_sub.png) top left repeat-y #fff;
	border-top: solid thin #ccc;
	margin-top: 180px;
}
#eop_sub_slug {
	margin-left: 330px;                          
	padding: 25px 15px;
}
#eop_sub_sidebar {
	float: left;
	width: 270px;
	padding: 25px 15px;
}

/*FORMATTING*/
.stringlinks {
	padding: 0 15px;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
.eop_clearer {
	clear: both;
	height: 1px;
	margin-bottom: -1px;
	overflow: hidden;
}
.about_buildings {
	float: left;
	padding: 10px 20px 10px 0;
	font-size: .8em;
}
.about_buildings img {
	border: solid thin #999;
}
.blank {
	background: url(/images/bg_sub.png) top left repeat-y #fff;
}
.pipelineBlurbs {
	float: left;
	width: 333px;
	margin: 15px 0 15px 15px;
	height: 200px;
	overflow: hidden;
}
.goals {
	background: url(/images/backgrounds/goalsBg.jpg) top left;
	height: 437px;
	margin: 0 16px;
}
.movingWrap, .movingWrap_noBorder {
	float:left;
	width: 252px;
	height: 100%;
	margin: 0;
}
.movingWrap {
	border-right: solid 2px #000;
}
.a {	
	height:40px;
	position:relative;
	top: 60px;
	left:0;
	overflow: hidden;
	background:#000; 
	color:#FFFFFF;
	padding: 20px 10px;
	margin: 0 15px;
}
.buildings_action {
	padding: 5px;
	margin: 10px 0;
	height: 100px;
}
.buildings_action img{
	margin: 20px 10px 15px 0;
	border: solid thin #666;
}
.buildings_pilot {
	background: #000000;
	height: 150px;
}
.high, .state, .posquare, .riverside, .highdark, .statedark, .posquaredark, .riversidedark {
	float: left;
	height: 150px;
	width: 261px; 
}
.high {margin-right: 2px; background:url(images/pilot_100high.jpg) top left no-repeat;}
.state {margin-right: 2px; background:url(images/pilot_28state.jpg) top left no-repeat;}
.posquare {margin-right: 2px; background:url(images/pilot_oneposquare.jpg) top left no-repeat;}
.riverside {background:url(images/pilot_riverside.jpg) top left no-repeat;}
.highdark {margin-right: 2px; background:url(images/pilot_100highdark.jpg) top left no-repeat;}
.statedark {margin-right: 2px; background:url(images/pilot_28statedark.jpg) top left no-repeat;}
.posquaredark {margin-right: 2px; background:url(images/pilot_oneposquaredark.jpg) top left no-repeat;}
.riversidedark {background:url(images/pilot_riversidedark.jpg) top left no-repeat;}

#newsItem {
	background: #eee;
	border: dotted thin #ccc;
	margin: 10px 0;
	padding: 10px;
}
#newsItem img {
	border: solid thin #999;
}
.video {
	background:url(images/video.jpg) top left no-repeat;
	height: 13px;
	padding: 6px 27px;
}
.usgbcBg, .leedBg, .leedapBg, .bosBg {
	height: 40px;
	padding: 13px 58px;
}
.usgbcBg {background:url(images/logos/usgbc.jpg) top left no-repeat;}
.leedBg {background:url(images/logos/leed.jpg) top left no-repeat;}
.leedapBg {background:url(images/logos/leedap.jpg) top left no-repeat;}
.bosBg {background:url(images/logos/bostonEnvironmental.jpg) top left no-repeat;}
/*Form styling*/
.ss-form-container{
	background: #fff;
	padding: 10px;
	margin-top: 5px;
	border: solid 1px #bbb;
}
.ss-q-title{
	padding-left: 7px;
	color: #333;
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	margin: 0;
}
.ss-form-entry{
	margin-bottom: 5px;
} 
.ss-q-short, .ss-q-submit, .required{
	background:#ddd;
	border:solid #333 1px;
	margin: 5px 8px;
	padding: 3px;
	color:#000;
	font-size: 1.5em;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}
.ss-q-long {
	background:#ddd;
	border:solid #999 1px;
	padding: 3px;
	color:#333;
	font-size: 1.2em;
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
	width: 240px;
	margin: 10px 0;
}
.ss-q-submit2 {
	background:#ddd;
	border:solid #999 1px;
	padding: 3px;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
}
#caForm label.error{
    color: #CE1717;
	padding-left: 7px;
}

/*TEXT*/
#eop_main_slug h1 {
	font-size: 220%;
	font-weight: bold;
	line-height: 120%;
	margin: 0;
	color: #000;
}
#eop_main_slug h2 {
	font-size: 450%;
	_font-size:400%;
	*font-size:400%;
	font-weight: bold;
	line-height: 100%;
	letter-spacing: -.05em;
	color:#333;
	margin: 0 0 3px 0;
}
#eop_sub_slug p a:link, #eop_sub_slug p a:visited {color : #666; border-bottom: dotted thin #666; background: #dddddd;}
#eop_sub_slug p a:hover, #eop_sub_slug p a:active {color : #669900; border-bottom: dotted thin #99cc66; background: #ffffcc;}

#eop_sub_slug h1, #eop_sub_slug h2 {
	font-weight: bold;
	line-height: 100%;
	letter-spacing: -.05em;
	color:#333;
	border-bottom: solid thin #666;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
#eop_sub_slug h1 {
	font-size: 250%;
}
#eop_sub_slug h2 {
	font-size: 150%;
	margin-top: 20px;
}
/* TEXT - leed questions */
#eop_sub_slug h3 {
	font-size: 150%;
	margin: 15px 0;
}
#eop_sub_slug h3 a {padding: 3px;}
#eop_sub_slug h3 a:link, #eop_sub_slug h3 a:visited {color : #fff; background: #99cc66;}
#eop_sub_slug h3 a:hover, #eop_sub_slug h3 a:active {color : #666; background: #ccc;}
/* end - leed questions */
#eop_sub_slug h4 {
	font-size: 110%;
	margin: 15px 0;
	color:#666;
	font-style: italic;
}
#eop_sub_slug p {
	color:#333;
	font-size: 125%;
	line-height: 1.75em;
	margin: 5px 0;
}
#eop_sub_slug ul {
	margin: 8px 0 12px 0;
}
#eop_sub_slug ul li {
	background: url(images/bulletTri.png) 0 7px no-repeat;
	font-size: 125%;
	line-height: 1.5em;
	color: #333;
	padding: 5px 15px;
	margin-left: 8px;
}
#eop_sub_sidebar h1 {
	font-size: 150%;
	color: #669933;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0;
}
#eop_sub_sidebar h2 {
	font-size: 135%;
	color: #669933;
	line-height: 1.75em;
}
#eop_sub_sidebar h3 {
	font-size: 135%;
	color: #333;
	line-height: 1.75em;
	margin-bottom: 10px;
}
#eop_sub_sidebar h3 a {
	color: #333;
	border-bottom: dotted thin #666;
}
#eop_sub_sidebar h3 a:hover {
	color: #666;
}
.a h2{
	font-size: 1.4em;
	font-weight: bold;
	color: #666;
	padding-bottom: 25px;
}
.a h3{
	font-size: 1.1em;
	font-weight: bold;
	padding: 5px 0;
}
.a p{
	color: #666;
}
.pipelineBlurbs h2{
	font-size: 125%;
	color: #333;
	padding: 5px 0;
}
.pipelineBlurbs h3{
	font-size: 1em;
	font-style: italic;
	color: #333;
}
.pipelineBlurbs p{
	font-size: 1em;
	color: #000;
	padding: 10px 0;
	border-top: thin dotted #666;
}
.buildings_pilot h2, .buildings_pilot h3{
	font-size: 150%;
}
.buildings_pilot h2 a, .buildings_pilot h3 a {
	width: 75%;
	display: block;
	padding: 15px 5px;
	margin-top: 40px;
}
.buildings_pilot h2 a:link, .buildings_pilot h2 a:visited {color : #fff; background: #000;}
.buildings_pilot h2 a:hover, .buildings_pilot h2 a:active {color : #666; background: #fff;}
.buildings_pilot h3 a:link, .buildings_pilot h3 a:visited {color : #111; background: #666;}
.buildings_pilot h3 a:hover, .buildings_pilot h3 a:active {color : #fff; background: #000;}

#newsItem h4 {
	font-weight: bold;
	letter-spacing: -.05em;
	font-style: normal;
	font-size: 150%;
	margin: 5px 0 10px 0;
}
#newsItem h4 a:link, #newsItem h4 a:visited {color : #333;}
#newsItem h4 a:hover, #newsItem h4 a:active {color : #fff; background: #999;}	
#newsItem h5 {
	font-size: 1em;
	color:#999;
	font-weight: normal;
}
#newsItem h5 a {
	background: url(/images/logos/leaf.png) top left no-repeat;
	padding: 0 15px;
	text-decoration: underline;
}
#newsItem h5 a:link, #newsItem h5 a:visited {color : #333;}
#newsItem h5 a:hover, #newsItem h5 a:active {color : #99cc66;}	
#newsItem h6 {
	font-size: 1em;
	color:#333;
	font-style: italic;
	padding: 5px 0;
}
.minorinfo {
	font-size: 1.1em;
}
.minorinfo a{
	float: left;
	padding: 20px 15px; 
	height: 60px;
}
.minorinfo a:hover, .minorinfo a:active {color : #666; background: #FFF;}
.smallHeader {
	color:#666;
	font-size: 1.8em;
	padding: 15px 10px;
}
/*footer*/
.infotext, .infotextItal {padding: 5px 0 0 0;}
.infotextItal { font-style:italic; font-size: .8em;}