/* Reset Styles */
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline}
/* remember to define focus styles! */
:focus {
outline: 0}
body {
line-height: 1;
color: black;
background: white}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0}
caption, th, td {
text-align: left;
font-weight: normal}
blockquote:before, blockquote:after,
q:before, q:after {
content: ""}
blockquote, q {
quotes: "" ""}
/* Standard Styles */
body {font-family: Arial, Helvetica, sans-serif;font-size: 0.80em;color: #a1a1a4;margin: 0px;padding: 0px; /* background:#fbca6a url(../images/bg-body.png) repeat-x */}
p, td, ul, ol, li, dl, dt, dd {font-family: Arial, Helvetica, sans-serif}
input {font-family: Arial, Helvetica, sans-serif;font-size: 0.90em}
a, a:link, a:visited, a:active {color: #a1a1a4}
a:hover{text-decoration: none;color: #8da851}
p {padding: 10px 0; line-height: 1.3em}
strong {line-height: 1.3em; font-weight: bold}
img {border: 0px;border-style: none;}
h1 {font-size: 170%;padding-bottom: 0px; margin: 0;color: #8da851; font-weight: lighter}
h2 {font-size: 170%; margin: 10px 0;color:#8da851; font-weight: lighter}
h3 {font-size: 160%; margin: 10px 0;color:#8da851; font-weight: lighter}
/* Weird Fix to aid consistant look cross browser */
hr {border: none;border-bottom: 1px solid #dedede;height: 0px; margin-bottom: 10px}
/* Site Layout Specific */
.mainbody {text-align: center; padding: 0; margin: 0}
.contentbody {width: 940px;text-align: left;margin: 0 auto 0 auto; padding: 0}
.mast {background: #011563 url(../images/bg-site-header.jpg) no-repeat; width: 100%; height: 140px}
.midmast {margin: 0 0 20px 0; padding: 3px 20px}
.navblock {height:25px}
.hpgreenbox {background:#90ab51 url(../images/bg-bigbox-green.png) no-repeat; width: 440px; height: 300px; color: #fff}
.hpgreenboxbulb {background:#90ab51 url(../images/bg-bigbox-green-bulb.jpg) no-repeat; width: 440px; height: 300px; color: #fff}
.hpgreenhousejigsaw {background:#90ab51 url(../images/bg-bigbox-house-jigsaw.jpg) no-repeat; width: 440px; height: 300px; color: #fff}
.hpsolarbox {background:url(../images/bg-middlebox-solar.png) no-repeat; width: 270px; height: 140px}
.hpinfobox {background:url(../images/bg-middlebox-useful-info.png) no-repeat; width: 270px; height: 140px; margin-top: 20px}
.hpvanbox {background:url(../images/bg-promobox-van.jpg) no-repeat; width: 150px; height: 300px; color:#fff}
.leftpromo {background:url(../images/bg-left-promo.png); width: 211px; height: 141px; margin-top: 20px}
.leftpromoman {background:url(../images/bg-left-promo-man.gif); width: 211px; height: 141px; margin-top: 20px}
.leftpromokey {background:url(../images/bg-left-promo-key.gif); width: 211px; height: 141px; margin-top: 20px}
.leftpromoquestionmark {background:url(../images/bg-left-promo-question-mark.gif); width: 211px; height: 141px; margin-top: 20px}
.leftpromopostit {background:url(../images/bg-left-promo-postit.gif); width: 211px; height: 141px; margin-top: 20px}
.rightpromofoot {background:url(../images/bg-right-promo-footprint.png); width: 151px; height: 141px; margin-bottom: 10px}
.rightpromoquestion {background:url(../images/bg-right-promo-question.png); width: 151px; height: 141px; margin-bottom: 10px}
.rightpromo5steps {background:url(../images/bg-right-promo-5-steps.png); width: 151px; height: 141px; margin-bottom: 10px}
.rightpromopostit {background:url(../images/bg-right-promo-postit.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.rightpromogroup {background:url(../images/bg-right-promo-group.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.rightpromotelephone {background:url(../images/bg-right-promo-telephone.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.rightpromopaper {background:url(../images/bg-right-promo-paper.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.rightpromopiggy {background:url(../images/bg-right-promo-piggy.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.rightpromokey {background:url(../images/bg-right-promo-key.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.rightpromoman {background:url(../images/bg-right-promo-man.gif) no-repeat; width: 151px; height: 141px; margin-bottom: 10px}
.prodbox-green {background:url(../images/prod-box-energy-efficiency.png); width: 241px; height: 141px; margin-top: 10px; color: #8da851}
.prodbox-brown {background:url(../images/prod-box-renewable-energy.png); width: 241px; height: 141px; margin-top: 10px; color: #b2aa7d}
.prodbox-orange {background:url(../images/prod-box-sustainable-energy.png); width: 241px; height: 141px; margin-top: 10px; color: #f4911d}
.prodbox-blue {background:url(../images/prod-box-energy-conservation.png); width: 241px; height: 141px; margin-top: 10px; color: #1ab7ea}
#footer {text-align: left; margin: 0 auto; padding-bottom: 10px}
.flink {border-right: 1px solid #dddedf; padding-right: 14px; padding-left: 8px}
.llink {padding-left: 8px}
.footlinks a:link , .footlinks a:visited , .footlinks a:active {color:#a1a1a4; font-size: 85%}
.footlinks a:hover {color:#8da851; font-size: 85%}
.navlinks a:link , .navlinks a:visited , .navlinks a:active {color:#a1a1a4; font-size: 110%}
.navlinks a:hover {color:#8da851; font-size: 110%}
.marglogo {margin: 18px 0 0 20px}
.bgpdf {background: url(../images/icon-pdf.gif) top right no-repeat}
.border {border: 1px solid black}
.noborder {border: 0}
.tablepad td {padding:5px; text-align:center}
/* Nav */
a.households {background:url(../images/nav-households.png) repeat 0px 0px;width: 97px;height: 25px;display: block}
a.households span {display: none}
a.households:hover {background: url(../images/nav-households.png) repeat 0px -25px}
a.householdsOn {background:url(../images/nav-households.png) repeat 0px -25px;width: 97px;height: 25px;display: block}
a.householdsOn span {display: none}
a.businesses {background:url(../images/nav-businesses.png) repeat 0px 0px;width: 91px;height: 25px;display: block}
a.businesses span {display: none}
a.businesses:hover {background: url(../images/nav-businesses.png) repeat 0px -25px}
a.businessesOn {background:url(../images/nav-businesses.png) repeat 0px -25px;width: 91px;height: 25px;display: block}
a.businessesOn span {display: none}
a.socialprojects {background:url(../images/nav-community-projects.png) repeat 0px 0px;width: 149px;height: 25px;display: block}
a.socialprojects span {display: none}
a.socialprojects:hover {background: url(../images/nav-community-projects.png) repeat 0px -25px}
a.socialprojectsOn {background:url(../images/nav-community-projects.png) repeat 0px -25px;width: 149px;height: 25px;display: block}
a.socialprojectsOn span {display: none}
a.developers {background:url(../images/nav-developers.png) repeat 0px 0px;width: 91px;height: 25px;display: block}
a.developers span {display: none}
a.developers:hover {background: url(../images/nav-developers.png) repeat 0px -25px}
a.developersOn {background:url(../images/nav-developers.png) repeat 0px -25px;width: 91px;height: 25px;display: block}
a.developersOn span {display: none}
/* Left Nav */
a.arrow-grey-green {background:url(../images/nav-arrow-grey-green.png) repeat 0px 0px;width: 210px;height: 21px;display: block}
a.arrow-grey-green:hover {background: url(../images/nav-arrow-grey-green.png) repeat 0px -12px}
a.arrow-grey-greenOn {background: url(../images/nav-arrow-grey-green.png) repeat 0px -12px;width: 210px;height: 21px;display: block}
.arrowgreygreenOn {width: 210px; height: 21px; background: url(../images/nav-arrow-grey-green.png) repeat 0px -21px; margin: 10px 0}
.arrowgreygreen {width: 210px; height: 21px; background: url(../images/nav-arrow-grey-green.png) repeat 0px 0px; margin: 10px 0}
.arrowgreybrownOn {width: 210px; height: 21px; background: url(../images/nav-arrow-grey-brown.png) repeat 0px -21px; margin: 10px 0}
.arrowgreyorangeOn {width: 210px; height: 21px; background: url(../images/nav-arrow-grey-orange.png) repeat 0px -21px; margin: 10px 0}
.arrowgreyblueOn {width: 210px; height: 21px; background: url(../images/nav-arrow-grey-blue.png) repeat 0px -21px; margin: 10px 0}
/* Custom Site Styles */
ul {padding: 10px 0px}
li {padding-left: 15px;margin-bottom: 7px;background: url(../images/bullet-arrow-green.png) no-repeat left 2px}
.bulgreenlink a:link , .bulgreenlink a:visited , .bulgreenlink a:hover, .bulgreenlink a:active {color:#8da851}
.bulblue li {padding-left: 15px;margin-bottom: 7px;background: url(../images/bullet-arrow-blue.png) no-repeat left 50%}
.bulbrown li {padding-left: 15px;margin-bottom: 7px;background: url(../images/bullet-arrow-brown.png) no-repeat left 50%}
.bulorange li {padding-left: 15px;margin-bottom: 7px;background: url(../images/bullet-arrow-orange.png) no-repeat left 50%}
.bulwhite li {padding-left: 15px;margin-bottom: 7px;background: url(../images/bullet-arrow-white.png) no-repeat left 50%}
.bulwhitelink a:link , .bulwhitelink a:visited , .bulwhitelink a:hover, .bulwhitelink a:active {color:white}
.bulbrownlink a:link , .bulbrownlink a:visited , .bulbrownlink a:hover, .bulbrownlink a:active {color:#b2aa7d}
.bulbluelink a:link , .bulbluelink a:visited , .bulbluelink a:hover, .bulbluelink a:active {color:#1ab7ea}
.bulorangelink a:link , .bulorangelink a:visited , .bulorangelink a:hover, .bulorangelink a:active {color:#f4911d}
.whitelink a:link , .whitelink a:visited , .whitelink a:hover, .whitelink a:active {color:white; text-decoration:none}
/* Basic additions */
.center {text-align: center}
.clear {clear: both; height: 0; overflow: hidden}
.clearl {clear: left; height: 0; overflow: hidden}
.clearr {clear: right; height: 0; overflow: hidden}
.overflow {overflow:auto}
.floatr {float: right}
.floatl {float: left}
.font80 {font-size: 80%}
.font90 {font-size:90%}
.font120 {font-size: 120%}
.font130 {font-size: 130%}
.font170 {font-size: 170%}
.bold {font-weight:bold}
/* Margins - Padding */
.marg0 {margin:0}
.margt0 {margin-top:0}
.margt5 {margin-top:5px}
.margt10 {margin-top:10px}
.margt15 {margin-top:15px}
.margt20 {margin-top:20px}
.margb0 {margin-bottom:0}
.margb3 {margin-bottom:3px}
.margb5 {margin-bottom:5px}
.margb10 {margin-bottom:10px}
.margb15 {margin-bottom: 15px}
.margl250 {margin-left: 250px}
.margr5 {margin-right: 5px}
.margr15 {margin-right: 15px}
.margr20 {margin-right: 20px}
.margtb10 {margin: 10px 0}
.margtb20 {margin: 20px 0}
.pad0 {padding:0}
.pad5 {padding:5px}
.pad10 {padding:10px}
.pad20 {padding:20px}
.padt0 {padding-top:0}
.padt115 {padding-top: 115px}
.padtb10 {padding: 10px 0}
.padtb5 {padding: 5px 0}
.padtr10 {padding: 10px 10px 0 0}
.padr3 {padding-right:5px}
.padtblr1015 {padding: 10px 15px}
.padtrbl34 {padding: 3px 0 0 4px}
.vertt {vertical-align: top}
/* Widths - Height */
.w70px {width:70px}
.w100px {width:100px}
.w150px {width:150px}
.w151px {width:151px}
.w211px {width:211px}
.w270px {width:270px}
.w350px {width:350px}
.w390px {width:390px}
.w440px {width:440px}
.w490px {width:490px}
.h140px {height:140px}
.errbox {width: 450px; border: 1px solid #ffe2af; background-color: #fff9d7; padding: 10px; margin: 20px 0}
/* Table */
.tabtd td {padding: 5px}
.tabtd {border:1px solid #afc954}
/* Colors */
.red {color:#FF0000}
.white {color:white}
.grey {color:#bbb}
.green {color:#8da851}
.brown {color:#b2aa7d}
.orange {color:#f4911d}
.blue {color:#1ab7ea}
.bggrey {background-color:#F7F7F7}
.bggrey2 {background-color:#FCFCFC}