/* ---------- BASIC STYLES ---------- */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}

p {
	font-size: 13px;
	color: #333333;
}

a { 
	color: #fe9f41;  
	text-decoration: underline; 
}

a:visited {
	color: #666;
}

.active a {
	color: #3aa7df;
}

img {
	border: none;
}

#container {
	margin: 25px;
	width: 706px;
}

.clear {
	clear: both;
}

blockquote {margin-left: 30px;
margin-top: 0px;}

/* ---------- HEADER ---------- */

#header {
	float: left;
	padding-bottom: 10px;
	width: 706px;
	background: url(../images/header-bg.png) no-repeat top left;
}

#header #ilg {
	display: block;
	float: left;
	margin: 15px 0 0 15px;
}

#header #fyp {
	display: block;
	float: right;
	margin: 13px 20px 0 0;
}

/* ---------- TOP NAV ---------- */
#top-nav {
	clear: left;
	width: 706px;
}

#top-nav ul {
	margin-bottom: 8px;
	padding: 10px;
	list-style-type: none;
	background: #000 url(../images/topnav-bg.png) repeat-y top left;
	border-top: 1px solid #ccc;
}

#top-nav li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", helvetica, arial;
}

#top-nav li a {
	color: #fff;	
	text-decoration: none;
}

#top-nav li.active a {
	color: #fb0;
}

/* ---------- SIDE NAV ---------- */

#side-nav {
	padding: 15px;
	background-color: #eef6e0;	
	border: 1px solid #dedede;
}

#side-nav h1 {
	margin-bottom: 15px;
	padding-bottom: 3px;
	font-size: 14px;
	font-weight: normal;
	color: #666;
	border-bottom: 1px solid #ccc;
}

#side-nav p {
	margin-top: 12px;
	margin-bottom: 12px;
	color: #3b789e;
	font-size: 11px;
	line-height: 14pt;
}

#side-nav ul {
	list-style-type: none;
}

#side-nav li {
	margin-bottom: 12px;
	font-size: 13px;
}

#side-nav a {
	text-decoration: underline;
	color: #3b789e;
}

#side-nav li.active a {
	font-weight: normal;
	text-decoration: underline;
	color: #81aec6;
}

#why-efficiency-subpage #side-nav  {
	padding-top: 5px;
}

/* ---------- BLUE BOX ---------- */


#blue-box {
	padding: 15px;
	background-color: #e8f0f5;	
	border: 1px solid #a2bbe3;
}

#blue-box p {
	margin-bottom: 12px;
	font-size: 11px;
	color: #4c8bae;
	line-height: 14pt;
	
}

#blue-box h1 {
	margin: 10px 0 15px 0;
	font-size: 12px;
	line-height: 14pt;
	font-weight: bold;
	color: #656dd7;
}

#blue-box a { 
	color: #656dd7; 
	font-size: 11px;   
	line-height: 12pt; 
	text-decoration: underline; }
	
#blue-box source { 
	display: block;
	color: #7c9dd7; 
	font-size: 11px;  
	line-height: 12pt;  }


/* ---------- MAIN CONTENT ---------- */

#main-content {
	float: left;
	padding: 15px;
	width: 450px;
xborder: 1px solid lime;
}

#main-content h1 {
	margin: 10px 0 15px 0;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
}

#main-content h2 {
	margin: 10px 0 10px 0;
	font-size: 15px;
	font-weight: bold;
	color: #333333;
}

#main-content top {
	margin: 10px 0 15px 0;
	font-size: 10px;
	font-weight: normal;
	color: #7c9dd7;
	line-height: 14pt;
}

#main-content p {
	margin-bottom: 15px;
	line-height: 14pt;
}

#main-content a { 
	color: fe9f41;  
	text-decoration: underline; 
}

#main-content u {   
	text-decoration: underline; 
}

#main-content ul { 
	list-style-type: disc;
	font-size: 13px;
	color: #333333;
	line-height: 14pt;
	margin-left: 10pt;
	margin-bottom: 15px;
}

#main-content ol { 
	list-style-type: decimal;
	font-size: 13px;
	color: #333333;
	line-height: 14pt;
	margin-bottom: 15px;
	margin-left: 10pt;
}

#main-content .source {

	color: #999999;
	font-size: 11 px;
	margin-top: 15px;
	margin-bottom: 15px;
	
}


#main-content td .data{

cellpadding: 10px; 
background-color: #ffffe9; 
border: 1px solid #999999;   
font-size: 11px;  color: #999999;
line-height: 13pt; 
 
}



/* ---------- MAIN CONTENT - FRONT ---------- */

#front #main-content {
	padding: 0;
	width: 410px;
}

/* ---------- EXAMPLES ---------- */


#main-content .examples {
	padding: 15px;
	width: 410px;
	background-color: #ffffe9;	
	border: 1px solid #999999;
	margin-bottom: 15px;
}

#main-content .examples p {
	margin-bottom: 12px;
	font-size: 13px;
	color: #999999;
	line-height: 14pt;
}

#main-content .examples li {
	list-style-type:none;
	margin-bottom: 12px;
	font-size: 13px;
	color: #999999;
	line-height: 14pt;	
}

#main-content .examples h1 {
	margin: 5px 0 10px 0;
	font-size: 13px;
	font-weight: bold;
	color: #999999;
}

#main-content .examples a { 
	color: #999999; 
	font-size: 13px;   
	line-height: 12pt; 
	text-decoration: underline; }

/* ---------- SECONDARY CONTENT ---------- */

#secondary-content {
	float: right;
	margin: 8px 0 0 10px;
	width: 200px;
xborder: 1px solid lime;
}

/* ---------- SECONDARY CONTENT - FRONT ---------- */

#front #secondary-content {
	margin-top: 0;
	width: 280px;
	color: #666;
	background-color: #fff;
}

#front #secondary-content h3 {
	margin: 15px 0 5px 0;
	font-size: 14px;
	font-weight: normal;
	color: #3b789e;
	text-decoration: none; 
}

#front #secondary-content h3.first {
	margin-top: 5px;
}

#front #secondary-content p {
	font-size: 12px;
	line-height: 13pt;
}


/* ---------- FRONT PHOTO CALLOUT ---------- */

#photo-callout {
	height: 295px;
	background-image: url(../../photos-charts/front-photos/slideshowFINAL.swf) no-repeat top left;
}

.intro {
	float: none;
	width: 380px;
	padding: 10px 15px 15px 15px;
	font-family: "Helvetica Neue Light", "HelveticaNeue-Light", helvetica, arial;
	/* IE specific transparent PNG BG fix */
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='assets/images/photocaption-transgrey.png');
}


.intro[class] { /* IE ignores this rule, sets transparent PNG BG for other browsers */
	background-image: url(../images/photocaption-transgrey.png);
}

#photo-callout h2 {
	margin: 5px 0 8px 0;
	font-size: 20px;
	font-weight: normal;
	color: #ffd440;
}

#photo-callout p {
	margin: 0;
	line-height: 14pt;
	color: #fff;
}

/* ---------- FRONT QUOTE / PHOTO ---------- */

#photo-quote {
	margin-top: 10px;
	padding: 15px;
	background-color: #eef6e0;	
	border: 1px solid #dedede;
}

#photo-quote div {
	float: left;
	margin: 0 15px 10px 0;
	padding: 10px;
	width: 115px;
	height: 115px;
	background-color: #dedede;
	border: 1px solid #ccc;
}

#photo-quote h4 {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	color: #3b789e;
}

#photo-quote p {
	font-size: 12px;
	line-height: 13pt;
	margin-bottom: 0px;
	color: #666;
}

.dropcap {
	float: left;
	margin-top: 3px;
	width: .8em;
	font-size: 2.8em;
	line-height: 90%;
}

/* ---------- FRONT WEBSITE REQUEST ---------- */

#website-request {
	margin-top: 8px;
	margin-bottom: 5px;
}

#website-request img{
	display: block;
	float: left;
	margin-right: 5px;
}

#website-request p {
	font-size: 12px;
	line-height: 13pt;
}

#website-request a { 
	font-size: 12px;
	line-height: 13pt;
	color: #fe9f41;  
	text-decoration: underline; 
}


/* ---------- ORANGE BOX WITH PHOTO ---------- */

.orange-container img {
	display: block;
	float: right;				
}

.orange-container a {
	color: #3b789e;
}

.orange-box-wide {
	width: 315px;
	height: 200px;
	margin-top: 15px;
	background: #fff url(../images/orange-box.gif) no-repeat top left;			
}

.orange-box-wide p {
	height: 200px;
	margin-top: 5px;
	margin-left: 10px;
	padding: 0 15px 15px 15px;
	color: #fff;				
}

.orange-box-wide h4 {
	margin-left: 20px;
	padding-top: 20px;
	font-size: 18px;
	font-weight: normal;
	color: #3b789e;
}


	
/* ---------- WHY EFFICIENCY ---------- */

#why-efficiency {
	background: #fff url(../images/whyeff-callout-small-top.gif) no-repeat top left;
}

#front #why-efficiency {
	margin-top: 25px;
	background: #fff url(../images/why-eff-front-top.gif) no-repeat top left;
}

#why-efficiency h4 {
	margin: 0 0 10px 15px;
	padding-top: 15px;
	font-size: 18px;
	font-weight: normal;
	line-height: 16pt;
	color: #3b789e;
}

#why-efficiency p {
	padding: 0 5px 15px 15px;
	color: #fff;
	background: url(../images/whyeff-callout-small-bottom.gif) no-repeat bottom left;
}

#front #why-efficiency p {
	background: url(../images/why-eff-front-bottom.gif) no-repeat bottom left;
}

/* ---------- REBATES ---------- */

#rebates form {
	padding: 15px;
	background-color: #ffffe9;	
	border: 1px solid #999999;
}

#rebates form p {
	margin-bottom: 0;
}

#rebates form label {
	padding-right: 5px;
}

#rebates form .submit {
	margin-left: 10px;
}

/* ---------- NEWS FEEDS ---------- */

#sector-news h3 {
	margin-bottom: 10px;
	font-size: 12px;
	line-height: 13pt;
	color: #656dd7;
}

#sector-news ul {
	list-style-type: none;
}

#sector-news li {
	margin: 15px 0 0 0;
	font-weight: bold;
}

/* ---------- ENERGY SAVINGS DATA PAGE ---------- */

#savingsdata h3 {
	margin: 30px 0 10px 0;
	font-size: 14px;
	text-align: center;
	color: #666;
}

#savingsdata table {
	margin-bottom: 15px;
 	background-color: #ffffe9;
	border-collapse: collapse;
	border: 1px solid #999;
}

#savingsdata td, #savingsdata th {
	padding: 10px;
	text-align: center;
	border-bottom: 1px solid #999;
}

#savingsdata th {
	font-size: 13px;
	background-color: #ffc;
}

/* ---------- MUNICIPAL PROJECTS - ENERGY PLAN ---------- */

#sb-blueprint {
	float: right;
	width: 150px;
}

#main-content #sb-blueprint p a {
	margin-bottom: 5px;
	font-size: 11px;
}

/* ---------- MAPS AND STATS ---------- */

#maps-stats {
	margin: 15px 0 15px 0;
}


/* ---------- MAIN CONTENT PICTURES / CHARTS ---------- */

.callout-wide {
	width: 450px;
}

.callout-narrow {
	width: 200px;
}

.callout-wide img, .callout-narrow img {
	display: block;
}

.callout-wide p, .callout-narrow p {
	margin: 10px 0 0 0;
	font-size: 11px;
	color: #666;
}

.left {
	float: left;
	margin: 0 15px 15px 0;
}

.right {
	float: right;
	margin: 0 0 15px 15px;
}


/* ---------- CARBON CALCULATOR ---------- */
#carbon-calc {
	padding: 10px 10px 0 10px;
	border: 1px solid #999;
	background-color: #ddd;
}

#carbon-calc h4 {
	margin: 5px 0 10px 0;
	font-weight: normal;
}

#carbon-calc p {
	margin-bottom: 15px;
}

#carbon-calc label {
	display: block;
	margin-bottom: 3px;
}

#co2-result {
	margin-bottom: 0;
	padding: 10px;
	background-color: #ffe;
}

#co2-result span {
	display: block;
	font-weight: bold;
	margin-top: 5px;
}

/* ---------- MUNICIPAL PROJECT SUBMIT FORM ---------- */

#submit-project {
	margin-top: 30px;
}

#submit-project fieldset {
	border: none;
}

#submit-project h2 {
	clear: left;
	margin: 20px 0 15px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

#project-category p {
	float: left;
	width: 210px;
}

#project-category input {
	margin-right: 5px;
}

#contact label {
	display: block;
	margin-bottom: 3px;
}

#contact p {
	float: left;
	width: 210px;
}

#contact input {
	width: 180px;
}

#contact #zip {
	width: 50px;
}

#description textarea {
	width: 400px;
	height: 120px;
}

#opt-in {
	margin-top: 25px;
}

#opt-in input {
	margin-right: 5px;
}

#opt-in .note {
	display: block;
	margin: 5px 0 10px 10px;
	color: #666;
}

#submit-project #submit {
	clear: left;
	margin-top: 10px;
}

#project-form .feedback_error li {
	margin-left: 25px;
}

.req {
	color: red;
}

/* ---------- FOOTER ---------- */

#footer {
	border-top: 1px solid #ccc;
	margin-top: 80px;
	padding-top: 10px;
	clear: both;
}