/* When changing background, change menu and footer colors. */	

body { 
	margin: 0;
	padding: 0;
	font: 13px/18px Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	background:  #260 url(../../images/common/bg-body.gif) repeat-x;
	letter-spacing: 0.03em;
	}
	
#wrapper { 
	width: 100%;
	background:  transparent url(../../images/common/bg-wrapper.gif) no-repeat center top;
	padding: 60px 0 30px 0;
	}

#container { 
	width: 940px;
	padding: 0;
	margin: 0 auto;
	text-align: left;
	background:  #092d60;
	}
			

/*  COMMON/GENERAL STYLES 
---------------------------------------------------------------------*/	

.leftColumn, .middleColumn, .rightColumn, .doubleColumn, .doubleColumn2, .doubleColumnRight, .sideBar, .mainContent { 
	float: left;
	display: block;
	}
	
a { color: #9c6; text-decoration: underline; outline: none; }
a:hover { color: #fff; text-decoration: underline; }

p { margin: 0 0 10px 0; }

h1 { margin: 0; }

.h2 { 
	height: 30px;
	line-height: 30px;
	margin: 0 0 5px 0;
	background-position: left center;
	}

.h2v2 { 
	height: 37px;
	line-height: 37px;
	margin: 0 0 0 0;
	background-position: left center;
	}
		
.text, .text2 { 
	float: left;
	width: 175px;
	display: block;
	text-indent: -5000px;
	}
	
	.latestNews .text { background: transparent url(../../images/common/h2-latestNews.gif) no-repeat; }
	.educateYourself .text { background: transparent url(../../images/common/h2-educateYourself.gif) no-repeat; }
	.caseStudy .text { width: 90px; background: transparent url(../../images/common/h2-caseStudy.gif) no-repeat; }
	.caseStudy .text2 { width: 170px; background: transparent url(../../images/common/h2-residence.gif) no-repeat; }
	.gallery .text { background: transparent url(../../images/common/h2-gallery.gif) no-repeat; }
	.posEnvImpact .text { width: 240px; background: transparent url(../../images/common/h2-posEnvImpact.gif) no-repeat; }
	.contactInfo .text { width: 240px; background: transparent url(../../images/common/h2-contactInfo.gif) no-repeat; }
	.choosingSolar .text { width: 350px; background: transparent url(../../images/common/h2-choosingSolar.gif) no-repeat; }
	.aboutUsLinks .text { width: 240px; background: transparent url(../../images/common/h2-moreAboutUs.gif) no-repeat; }
	
.button { 
	float: right;
	width: 78px;
	padding: 5px 0 0 0;
	}
	
.alignRight { text-align: right; }

		
/*  SECTIONS STYLES 
---------------------------------------------------------------------*/
	
#topSection { 
	margin: 0; 
	padding: 0;
	background: #092d60 url(../../images/common/bg-topSection.gif) repeat-x; 
	height: 142px;
	}

#midSection { 
	margin: 0; 
	padding: 30px 0 0 0;
	background: #092d60 url(../../images/common/bg-midSection.gif) repeat-x; 
	}

#botSection { 
	margin: 0; 
	padding: 0;
	background: #092d60 url(../../images/common/bg-botSection.gif) repeat-x; 
	height: 83px;
	font: 11px/20px Arial, Helvetica, sans-serif; /* "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", */
	color: #ccc;
	}
	

/*  TOP SECTION STYLES 
---------------------------------------------------------------------*/
	
#topSection .leftColumn { width: 400px; }
#topSection .rightColumn { width: 540px; }

#logo { 
	height: 142px;
	width: 370px;
	display: block;
	margin: 0;
	}
	
	#logo a {
		height: 142px;
		width: 370px;
		display: block;
		text-decoration: none;
		outline: none;
		text-indent: -5000px;
		margin: 0;
		background: url(../../images/common/logo.gif) no-repeat center top;
		border: 0;
		}

#topNav { 
	float: right;
	height: 29px;
	background: transparent url(../../images/common/topNav.gif) no-repeat;
	padding: 0 10px 0 55px; 
	line-height: 29px;
	font: 11px/20px Arial, Helvetica, sans-serif; /* "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", */
	}
	
	#topNav a { 
		line-height: 29px;
		height: 29px;
		margin: 0 13px 0 0;
		text-decoration: none;
		color: #ddd; 
		}

	#topNav a:hover { color: #9c6; } 
	
#tagline { 
	clear: both;
	height: 81px;
	line-height: 81px;
	text-indent: -5000px;
	background: transparent url(../../images/common/tagline.gif) no-repeat right center;
	}
	
#mainNav { 
	clear: both;
	height: 32px;
	line-height: 32px;
	}
	
	#mainNav ul { 
		padding: 0;
		margin: 0;
		list-style-type: none;
		}
		
	#mainNav ul li { 
		float: left;
		display: block;
		height: 32px;
		line-height: 32px;
		margin: 0;
		}
		
	#mainNav ul li a { 
		height: 32px;
		display: block;
		text-decoration: none;
		outline: none;
		text-indent: -5000px;
		margin: 0;
		background: url(../../images/common/mainNav.gif) no-repeat;
		border: 0;
		}
		
	#mainNav ul li.home a { width: 123px; background-position: 0 0; }
	#mainNav ul li.home a:hover { background-position: 0 -32px; }
	#mainNav ul li.home a.active { background-position: 0 -64px; }

	#mainNav ul li.about a { width: 104px; background-position: -123px 0; }
	#mainNav ul li.about a:hover { background-position: -123px -32px; }
	#mainNav ul li.about a.active { background-position: -123px -64px; }

	#mainNav ul li.residential a { width: 144px; background-position: -227px 0; }
	#mainNav ul li.residential a:hover { background-position: -227px -32px; }
	#mainNav ul li.residential a.active { background-position: -227px -64px; }

	#mainNav ul li.commercial a { width: 149px; background-position: -371px 0; }
	#mainNav ul li.commercial a:hover { background-position: -371px -32px; }
	#mainNav ul li.commercial a.active { background-position: -371px -64px; }


/*  MID SECTION STYLES 
---------------------------------------------------------------------*/
	
#midSection .leftColumn { width: 325px; }
#midSection .middleColumn { width: 325px; }
#midSection .rightColumn { width: 320px; }
#midSection .doubleColumn2 { width: 605px; }
#midSection .doubleColumn { width: 600px; }
#midSection .doubleColumnRight { width: 500px; }

#midSection .sideBar { width: 325px; margin-right: 25px; }
#midSection .sideBar .content { width: 250px; margin-left: 20px; font: 12px/16px Arial, Helvetica, sans-serif; }
#midSection .mainContent { width: 550px; }

#midSection .mainContentLong { margin-left: 40px; width: 840px; }

#midSection .leftColumn .content,
#midSection .middleColumn .content { width: 265px; margin-left: 20px; }		
#midSection .rightColumn .content { width: 295px; margin-left: 15px; }	
#midSection .doubleColumn2 .content { width: 575px; margin-left: 15px; }	

#midSection .row { margin: 0 0 30px 0; }	

#midSection .introRow { background: transparent url(../../images/common/bg-intro.gif) no-repeat right bottom; }
#midSection .introRow h1 { margin-top: 15px; }
#midSection .shadowColumn { background: transparent url(../../images/common/bg-shadow.gif) no-repeat right center; }
#midSection .shadowColumn2 { background: transparent url(../../images/common/bg-shadow2.gif) no-repeat right top; min-height: 350px; }
#midSection .news { background: transparent url(../../images/common/bg-news.gif) no-repeat; }
#midSection .features { line-height: 16px; }

#midSection #flash { 
	height: 370px;
	width: 565px;
	margin: 0 0 0 20px;
	display: block;
	}
	
#midSection img.photo { margin: 0 15px 5px 0; }
#midSection p.headline { 
	margin: 0 0 2px 0; 
	font: 13px/16px bold Arial, Helvetica, sans-serif; /* "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", */
	}
	
#midSection ol { 
	margin: 0 0 10px 20px;
	padding: 0;
	}
	
#midSection ul { 
	padding: 0;
	margin: 0 0 10px 0;
	list-style-type: none;
	}
	
	#midSection ul li { 
		background: transparent url(../../images/common/bullet.gif) no-repeat 0 3px; 
		padding: 0 0 0 12px;
		}

#midSection h1.pageTitle { 
	height: 40px;
	width: 500px;
	display: block;
	background-repeat: no-repeat; 
	background-position: 0 0;
	text-indent: -5000px;
	margin: 5px 0 0 0;
	}
	
	h1.h1-about { background-image: url(../../images/common/h1-about.gif); }
	h1.h1-faqs { background-image: url(../../images/common/h1-faqs.gif); }
	h1.h1-residential { background-image: url(../../images/common/h1-residential.gif); }
	h1.h1-commercial { background-image: url(../../images/common/h1-commercial.gif); }
	h1.h1-upcomingEvents { background-image: url(../../images/common/h1-upcomingEvents.gif); }
	h1.h1-latestNews { background-image: url(../../images/common/h1-latestNews.gif); }
	h1.h1-contactUs { background-image: url(../../images/common/h1-contactUs.gif); }
	h1.h1-gallery { background-image: url(../../images/common/h1-gallery.gif); }
	h1.h1-resources { background-image: url(../../images/common/h1-resources.gif); }
	h1.h1-siteMap { background-image: url(../../images/common/h1-siteMap.gif); }
	h1.h1-posEnvImpact { background-image: url(../../images/common/h1-posEnvImpact.gif); }
	

.widgetBackground { background: #fff; padding: 10px; width:250px; height: 328px; background: url(../../images/common/widgetBg.png) no-repeat 0 0; text-align: center; 
	behavior: url(/includes/js/iepngfix.htc); display: block;
	}
		
.widgetBackground iframe { margin: 0 auto 8px; }

.letter { 
	background: #fff url(../../images/common/bg-letter.jpg) no-repeat right bottom;
	padding: 20px 20px 5px 20px;
	margin: 0 0 20px 0;
	border-right: 2px solid #000; 
	border-bottom: 2px solid #000; 
	color: #012;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	}

.faq a { color: #fff; text-decoration: none; font-weight: bold; margin-top: 5px; outline: none; }
.faq a:hover { color: #58b; outline: none;  }

.faq a.selected { 
	background: #031438; 
	padding: 5px 15px; 
	color: #9c6;
	border-top: 1px solid #092d60;
	border-right: #000;
	margin: 10px 0 0 0;
	outline: none; 
	}
	
.answer { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #031438;
	padding: 10px 15px 5px 15px;
	margin: 0;
	}

.faq { padding: 5px 0; }

	
#midSection .posEnvImpactContainer { 
	background: #a6c1e2 url(../../images/common/smokeStacks.jpg) no-repeat left bottom;
	padding: 10px 0 5px 35px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	color: #012;
	border-right: 2px solid #000; 
	border-bottom: 2px solid #000; 
	}
	
	#midSection .posEnvImpactContainer ul { margin-bottom: 10px; }
	#midSection .posEnvImpactContainer ul li { background-image: url(../../images/common/bullet2.gif); margin-bottom: 3px; }
	
	#midSection .posEnvImpactContainer p, #midSection .posEnvImpactContainer ul { width: 375px; }
	
.separator { 	
	clear: both; 
	margin: 5px 0 -10px 0;
	height: 30px;
	display: block;
	background: url(../../images/common/bg-shadow3.gif) no-repeat center bottom;
	}
	
h3 { 
	display: block;
	border-top: 1px solid #369;
	border-bottom: 1px solid #369;
	padding: 8px 10px;
	color: #fff;
	margin: 30px 0 15px 0;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: normal;
	font-family: "Times New Roman", Times, serif; /* "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", */
	background: #258;
	}
	
	h3.top { margin-top: 0; }
	
#midSection img.photo { 
	border-bottom: 2px solid #012;
	border-right: 2px solid #012;
	margin: 0 0 5px 20px;
	}
	
	
/*  SIDE MENU STYLES 
---------------------------------------------------------------------*/

#midSection ul.sideMenu { 
	list-style-type: none;
	margin: 15px 0;
	padding: 0;
	border-top: 1px solid #258;
	}
	
#midSection ul.sideMenu li { 
	background-image: none;
	display: block;
	border-bottom: 1px solid #258;
	padding: 0;
	}
	
#midSection ul.sideMenu li a { 
	display: block;
	padding: 8px 10px;
	text-decoration: none;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	}

#midSection ul.sideMenu li a:hover { 
	background: #69c;
	color: #002;
	}

#midSection ul.sideMenu li.active a { 
	background: #fff;
	color: #002;
	}	


/*  TEAM STYLES 
---------------------------------------------------------------------*/

.teamMember { 
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #258;
	clear: both;
	}
	
	.teamMember .photo {
		float: left;
		width: 150px;
		margin: 0 0 5px 0;
		}

	.teamMember .photo img {
		width: 115px;
		border: 1px solid #002;
		}

	.teamMember .content {
		}
		
h4 { 
	font: 14px/20px Arial, Helvetica, sans-serif; 
	margin: 0 0 10px 0;
	color: #9c6;
	}
	
	
/*  RESIDENTIAL STYLES 
---------------------------------------------------------------------*/

table#residentialTable { 
	background: #fff;
	color: #260;
	font: 12px/16px Arial, Helvetica, sans-serif;
	border: 1px solid #fff;
	margin: 0 0 10px 0;
	}
	
	#residentialTable tr th { 
		background: #260;
		padding: 5px 8px;
		color: #fff;
		text-align: center;
		font-size: 11px;
		border-bottom: 1px solid #150;
		}

	#residentialTable tr td { 
		padding: 5px 8px;
		text-align: center;
		vertical-align: top;
		border-bottom: 1px solid #eee;
		}

	#residentialTable tr td.leader { 
		font-weight: bold;
		color: #fff;
		background: #260;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #150;
		}
		
.asterick { 
	font: 11px/16px Arial, Helvetica, sans-serif;
	}
	

/*  RESOURCES STYLES 
---------------------------------------------------------------------*/

#midSection .resourcesRow { 
	width: 550px;
	background: url(../../images/common/bg-resourcesBoxesBottom.gif) no-repeat 0 bottom;
	display: block;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	}
	
	#midSection .resourcesRow .container { 
		width: 550px;
		padding: 15px 15px 7px 15px;
		background: url(../../images/common/bg-resourcesBoxesTop.gif) no-repeat 0 top;
		color: #092d60;
		}
		
	#midSection .resourcesRow .container .column1 { 
		width: 238px;
		margin-right: 38px;
		float: left;
		}

	#midSection .resourcesRow .container .column2 { 
		width: 238px;
		float: left;
		}
		
		.resourcesTitle { 
			display: block;
			height: 30px;
			width: 238px;
			text-indent: -5000px;
			text-decoration: none;
			}
			
		.resourcesA { background: url(../../images/common/resourcesA.gif) no-repeat; }
		.resourcesB { background: url(../../images/common/resourcesB.gif) no-repeat; }
		.resourcesC { background: url(../../images/common/resourcesC.gif) no-repeat; }
		.resourcesD { background: url(../../images/common/resourcesD.gif) no-repeat; }
		
	#midSection .resourcesRow .container a { color: #092d60; font-weight: bold; }
	#midSection .resourcesRow .container a:hover { color: #260; }
	
	#midSection .resourcesRow .container ul li { margin: 0 0 10px 0; }


/*  AFFILIATES STYLES 
---------------------------------------------------------------------*/

.logo { 
	display: block; 
	height: 60px;
	line-height: 20px;
	padding: 40px 0 0 120px; 
	margin: 0;
	border-bottom: 1px dotted #466187;
	}

.nologo { 
	display: block; 
	height: 20px;
	line-height: 20px;
	padding: 10px 0 10px 120px; 
	margin: 0;
	border-bottom: 1px dotted #466187;
	}
	
	.ases { background: url(../../images/affiliates/ases.gif) no-repeat 0 8px; }
	.cbf { background: url(../../images/affiliates/CBF.gif) no-repeat 0 8px; }
	.mdvseia { background: url(../../images/affiliates/mdvseia.gif) no-repeat 0 8px; padding-top: 30px; height: 70px; }
	.prsea { background: url(../../images/affiliates/prsea.gif) no-repeat 0 8px; }
	.greenewit { background: url(../../images/affiliates/greenewit.gif) no-repeat 0 8px; }
	.votesolar { background: url(../../images/affiliates/votesolar.gif) no-repeat 0 8px; }
	
	.lastAffiliate { border-bottom: none; }
	
	

/*  CONTACT STYLES 
---------------------------------------------------------------------*/

#midSection .left { float: left; width: 140px; }
#midSection .right { float: left; width: 405px; }

input.inputText, textarea { 
	font: 11px/18px Arial, Helvetica, sans-serif;
	color: #023;
	border: 1px solid #258; 
	background: #fff; 
	padding: 3px 5px; 
	width: 395px;
	}
	
select { width: 405px; }


#midSection .sideBar .left { float: left; width: 80px; }
#midSection .sideBar .right { float: left; width: 165px; }
#midSection .sideBar input.inputText, #midSection .sideBar textarea { width: 155px; }
#midSection .sideBar select { width: 165px; }



/*  BOT SECTION STYLES 
---------------------------------------------------------------------*/
	
#botSection .leftColumn { width: 525px; }
#botSection .middleColumn { width: 125px; }
#botSection .rightColumn { width: 250px; }

#botSection .leftColumn { padding: 20px 0 0 20px }
#botSection .rightColumn { padding: 20px 0 0 0; text-align: right;  }

#botSection a { 
	color: #ccc;
	text-decoration: none; 
	margin: 0 5px 0 0;
	padding: 0 8px 0 0;
	border-right: 1px solid #68B;
	}

#botSection a:hover { color: #9c6; }

#botSection a.last { 
	border-right: none;
	margin: 0;
	padding: 0;
	} 

#botSection a.email { 
	border-right: none;
	margin: 0 0 0 10px;
	padding: 0;
	} 
	
#botSection .small { font-size: 10px; }
#botSection p { margin: 0; }


/*  CLEAR 
---------------------------------------------------------------------*/	

.clear { clear: both; display: block; }