body {color: #443; background: #dfedbb url(../images/bg-body-internal.png) repeat-x;}
#wrap {background: url(../images/bg-wrap-internal.png) no-repeat 50% 0; padding: 0; position: relative; font-size: 1em; z-index: 99;}
#outerWrap {background: url(../images/bg-outerWrap-internal.jpg) repeat-x; width: 50%; height: 799px; position: absolute; top: 0; right: 0; z-index: 9;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-content-top.png) no-repeat 0 100%; width: 973px; height: 149px; margin: 0 auto; position: relative; z-index: 9999;}
#header h1 a {background: url(../images/bg-logo.png) no-repeat; width: 141px; height: 86px; display: block; position: absolute; top: 4px; left: 27px; text-indent: -9999px; overflow: hidden;}
#header h2 a {background: url(../images/bg-logo-laclede_gas.png) no-repeat; width: 254px; height: 39px; display: block; position: absolute; top: 44px; right: 33px; text-indent: -9999px; overflow: hidden;}
#header ul#headerNav {background: url(../images/bg-headerNav.jpg) no-repeat; width: 961px; height: 28px; position: absolute; bottom: 23px; left: 4px; z-index: 999;}
#header ul#headerNav li {height: 28px; top: 0px; list-style: none; display: inline; position: absolute; text-indent: -9999px; outline: none;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -28px;}
#header ul#headerNav li a {background: transparent; height: 28px; left: 0; position: absolute; display: block; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ws {background-image: url(../images/headerNav-wslnk.jpg); width: 140px; left: 12px;}
#header ul#headerNav li#ws a#wslnk {width: 140px;}
.whynaturalgas #header ul#headerNav li#ws {background-position: 0 -28px;}
#header ul#headerNav li#fe {background-image: url(../images/headerNav-felnk.jpg); width: 122px; left: 152px;}
#header ul#headerNav li#fe a#felnk {width: 122px;}
.foryourhome #header ul#headerNav li#fe {background-position: 0 -28px;}
#header ul#headerNav li#fs {background-image: url(../images/headerNav-fslnk.jpg); width: 143px; left: 274px;}
#header ul#headerNav li#fs a#fslnk {width: 143px;}
.foryourbusiness #header ul#headerNav li#fs {background-position: 0 -28px;}
#header ul#headerNav li#fa {background-image: url(../images/headerNav-falnk.jpg); width: 142px; left: 417px;}
.findanappliance #header ul#headerNav li#fa {background-position: 0 -28px;}
#header ul#headerNav li#rs {background-image: url(../images/headerNav-rslnk.jpg); width: 147px; left: 559px;}
#header ul#headerNav li#rs a#rslnk {width: 147px;}
.rebatesandsavings #header ul#headerNav li#rs {background-position: 0 -28px;}
#header ul#headerNav li#cr {background-image: url(../images/headerNav-crlnk.jpg); width: 145px; left: 706px;}
#header ul#headerNav li#cr a#crlnk {width: 145px;}
.carboncalculator #header ul#headerNav li#cr {background-position: 0 -28px;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-cslnk.jpg); width: 99px; left: 851px;}
#header ul#headerNav li#cs a#cslnk {width: 99px;}
.contactus #header ul#headerNav li#cs {background-position: 0 -28px;}

/*1st level dropdown*/
#header ul#headerNav li ul {background: #d0e498; color: #7b9e3f; width: 165px; height: auto; margin: 28px 0 0 0; padding: 0 0 7px 0; border: 1px solid #7b9e3f; left: -9999px; position: absolute; font-family: Arial; font-size: 12px; font-weight: bold; z-index: 99; border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; box-shadow: 0 0.1em 0.7em #777; -moz-box-shadow: 0 0.1em 0.7em #777; -webkit-box-shadow: 0 0.1em 0.7em #777;}
#header ul#headerNav li#fa ul {margin: 15px 0 0 0;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative; text-indent: 0;}
#header ul#headerNav li ul li a {color: #7b9e3f; background: #d3e6a0 url(../images/bg-headerNav-dropdown-li.jpg) no-repeat; height: auto; width: 143px; padding: 7px 7px 7px 15px; left: auto; font-size: 1em; position: relative;}
#header ul#headerNav li ul li a:hover {color: #fff; background: #c8dd8e url(../images/bg-headerNav-dropdown-li-ro.jpg) no-repeat; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content-internal.png) repeat-y; width: 973px; margin: 0 auto; position: relative;}/*see ie.css for fixes*/
.contactus #content {background: url(../images/bg-content-full.png) repeat-y;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************//*************************************************** MAIN **********************************************/
#main {background: url(../images/banner-foryourhome.jpg) no-repeat 20px 10px; width: 665px; margin: 0 0 0 4px; padding: 290px 0 0 0; position: relative; float: left;}/*see ie.css for fixes*/
/* Section Banners */
.whynaturalgas #main {background: url(../images/banner-whynaturalgas.jpg) no-repeat 20px 10px;}
.foryourhome #main {background: url(../images/banner-foryourhome.jpg) no-repeat 20px 10px;}
.foryourbusiness #main {background: url(../images/banner-foryourbusiness.jpg) no-repeat 20px 10px;}
.findanappliance #main {background: url(../images/banner-homeheating.jpg) no-repeat 20px 10px;}
.rebatesandsavings #main {background: url(../images/banner-rebatesandsavings.jpg) no-repeat 20px 10px;}
.carboncalculator #main {background: url(../images/banner-carboncalculator.jpg) no-repeat 20px 10px;}
.challenge #main {background: url(../images/banner-challenge.jpg) no-repeat 20px 10px; padding: 200px 0 0;}
.contactus #main {width: auto; padding: 290px 0 1px 0; float: none;}
/* Individual Page Banners */
/*why natural gas*/
#energyefficiency #main {background: url(../images/banner-energyefficiency.jpg) no-repeat 20px 10px;}
#cutcarbon #main {background: url(../images/banner-cutcarbonemissions.jpg) no-repeat 20px 10px;}
#directuse #main {background: url(../images/banner-directuseofnaturalgas.jpg) no-repeat 20px 10px;}
#energysavingideas #main {background: url(../images/banner-30hottips.jpg) no-repeat 20px 10px;}
#conversion #main {background: url(../images/banner-switchingiseasy.jpg) no-repeat 20px 10px;}
#applianceconversion #main {background: url(../images/banner-switchanappliance.jpg) no-repeat 20px 10px;}
#homeconversion #main {background: url(../images/banner-homeconversion.jpg) no-repeat 20px 10px;}
#cirebatestories #main {background: url(../images/banner-economicadvantages.jpg) no-repeat 20px 10px;}
/*for your home*/
#naturalgasappliances #main {background: url(../images/banner-naturalgasappliances.jpg) no-repeat 20px 10px;}
#storage #main {background: url(../images/banner-storagewaterheater.jpg) no-repeat 20px 10px;}
#tankless #main {background: url(../images/banner-tanklesswaterheater.jpg) no-repeat 20px 10px;}
#patio #main {background: url(../images/banner-patioheater.jpg) no-repeat 20px 10px;}
#lights #main {background: url(../images/banner-gaslight.jpg) no-repeat 20px 10px;}
#poolspa #main {background: url(../images/banner-poolheater.jpg) no-repeat 20px 10px;}
#campfires #main {background: url(../images/banner-fireplacescampfires.jpg) no-repeat 20px 10px;}
#homesafety #main {background: url(../images/banner-homesafety.jpg) no-repeat 20px 10px;}
#greenbuilding #main {background: url(../images/banner-greenbuilding.jpg) no-repeat 20px 10px;}
#convenienceoutlets #main {background: url(../images/banner-convenienceoutlets.jpg) no-repeat 20px 10px;}
/*for your business*/
#foryourbusiness #main {background: url(../images/banner-foryourbusiness.jpg) no-repeat 20px 10px;}
#restaurants #main {background: url(../images/banner-restaurants.jpg) no-repeat 20px 10px;}
#newfacility #main {background: url(../images/banner-newfacility.jpg) no-repeat 20px 10px;}
#converting #main {background: url(../images/banner-converting.jpg) no-repeat 20px 10px;}
#meetingyourgreenbuildingrequirements #main {background: url(../images/banner-meetingyourgreen.jpg) no-repeat 20px 10px;}
#naturalgasvehicles #main {background: url(../images/banner-naturalgasvehicles.jpg) no-repeat 20px 10px;}
#fuelingstations #main {background: url(../images/banner-naturalgasvehicles.jpg) no-repeat 20px 10px;}
#environmentalbenefits #main {background: url(../images/banner-environmentalbenefits.jpg) no-repeat 20px 10px;}
#economicadvantage #main {background: url(../images/banner-economicadvantages.jpg) no-repeat 20px 10px;}
#technicalassistance #main {background: url(../images/banner-technicalassistance.jpg) no-repeat 20px 10px;}
#howtoreachus #main {background: url(../images/banner-howtoreachus.jpg) no-repeat 20px 10px;}
#equipment #main {background: url(../images/banner-equipment.jpg) no-repeat 20px 10px;}
#schoolrangeprogram #main {background: url(../images/banner-schoolrangeprogram.jpg) no-repeat 20px 10px;}
#commercialkitchenapplications #main {background: url(../images/banner-commercialkitchen.jpg) no-repeat 20px 10px;}
/*find an appliance*/
#kitchens #main {background: url(../images/banner-gourmetkitchens.jpg) no-repeat 20px 10px;}
#heating #main {background: url(../images/banner-homeheating.jpg) no-repeat 20px 10px;}
#waterheaters #main {background: url(../images/banner-waterheaters.jpg) no-repeat 20px 10px;}
#cooktops #main {background: url(../images/banner-cooktopstoves.jpg) no-repeat 20px 10px;}
#dryers #main {background: url(../images/banner-dryers.jpg) no-repeat 20px 10px;}
#fireplaces #main {background: url(../images/banner-fireplaces.jpg) no-repeat 20px 10px;}
#grills #main {background: url(../images/banner-grills.jpg) no-repeat 20px 10px;}
#outdoorliving #main {background: url(../images/banner-outdoorliving.jpg) no-repeat 20px 10px;}
#generators #main {background: url(../images/banner-generators.jpg) no-repeat 20px 10px;}
#gaslights #main {background: url(../images/banner-outdoorliving.jpg) no-repeat 20px 10px;}
#patioheaters #main {background: url(../images/banner-outdoorliving.jpg) no-repeat 20px 10px;}
#poolheaters #main {background: url(../images/banner-outdoorliving.jpg) no-repeat 20px 10px;}
/*rebates and savings*/
#commercialindustrialrebateprogram #main {background: url(../images/banner-commercialindustrialrebate.jpg) no-repeat 20px 10px;}
#insulationfinancing #main {background: url(../images/banner-insulationfinancing.jpg) no-repeat 20px 10px;}
#residentialhighefficiencyheating #main {background: url(../images/banner-residentialhighefficiency.jpg) no-repeat 20px 10px;}
#Energywisefurnace #main {background: url(../images/banner-converting.jpg) no-repeat 20px 10px;}

#stimulusfundingopportunities #main {background: url(../images/banner-stimulusfundingopportunities.jpg) no-repeat 20px 10px;}
#beforeyoubuild #main {background: url(../images/banner-beforeyoubuild.jpg) no-repeat 20px 10px;}

/* Content Container */
#main #contentContainer {margin: 0 20px 25px 50px; line-height: 1.3; font-size: 1.15em;}
#main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover	{font-weight: bold;}
#main img.banner {margin: 10px 20px 25px 20px;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h2.pageTitle {color: #37B; margin: 0 0 20px 0; font-size: 24px; text-transform: uppercase;}
#main h3 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.2em;}
#main h3.welcome {color: #37b; margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h4 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0;}
#main ul {margin: 0 0 20px 20px;}
#main ul#breadcrumbs {margin: 0 0 0 50px;}
#main ul#breadcrumbs li {color: #3377bb; list-style: none; display: inline;}
#main ul#breadcrumbs li a {color: #37B;}
#main ul#breadcrumbs li a:hover {text-decoration: underline;}
#main ol {margin: 0 0 20px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: auto; margin: 0 0 20px 0; border: 1px solid #8A3;}
#main table thead tr th, #main table tfoot tr td {background: #8A3; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #8A3; vertical-align: top;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main div.error {background: #f7cbca; color: #c00; margin: 0 0 20px 0; padding: 15px; font-weight: bold; border: 1px solid #c00;}
#main div.error ul {margin: 0 0 0 30px;}
#main div.error p {margin: 0 0 10px 0;}
#main form {}
#main form fieldset {margin: 0 0 20px 0; padding: 20px;}
#main form div {position: relative;}
#main form p {margin: 0 15px 15px 15px;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main form label,#main form h4 {color: #26a; margin: 0 0 10px 0; font-weight: normal; float: left; display: block; cursor: pointer;}
#main form label.required {font-weight: bold;}
#main form label.error {color: #c00;}
#main form label.valid {color: #184;}
#main form input,#main form select {color: #443; padding: 3px; font-size: 1em; float: left; display: block; border: 1px solid #26a;}
#main form textarea {color: #443; padding: 3px; font-size: 1.5em; float: left; display: block; border: 1px solid #26a;}
#main form input.error,#main form select.error,#main form textarea.error {background: #f7cbca; color: #c00; border: 1px solid #c00;}
#main form input.valid.required,#main form select.valid.required,#main form textarea.valid.required {background: #cec; color: #184; border: 1px solid #184;}
#main form span.note {padding: 0 0 0 15px; font-style: italic;}
#main form span.error {color: #c00; width: auto; margin: 0; padding-left: .5em; float: none; text-align: left; display: inline;}
#main form span.valid {color: #184; width: auto; margin: 0; padding-left: .5em; float: none; text-align: left; display: inline;}
/*inputs, select boxes, textareas*/
#main form .text label {width: 30%; text-align: right;}
#main form .text input,#main form .text select {margin: 0 0 10px 1.5%;}
#main form .text textarea {margin: 0 0 10px 1.5%; float: left;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {color: #fff; background: #26a url(../images/bg-button.png) repeat-x; margin: 0; padding: 5px 10px; cursor: pointer; border: none; font-size: 12px; font-family: Helvetica; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#main form input#btnNext {margin: 15px 0 0 270px;}
/*verify page*/
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {color: #333; margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #333;}
#main ul.formVerify li.odd {color: #777; border-bottom: 1px dotted #777;}
#main ul.formVerify li:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .3em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li.odd strong {}
#main ul.formVerify li em {background: #fff; argin: 0; top: .3em; float: right; display: block; position: relative;}
#main ul.formVerify li.odd em {}
#main ul.formVerify li.textbox {margin: 15px 0 10px 0; border: none;}
#main ul.formVerify li.textbox strong {font-weight: bold; float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
#main form span.fileError {color: #c00; margin: 0 0 0 20px; font-weight: bold;}
/*end form elements*/
/*challenge*/
#main ol#quiz {margin: 0 0 0 7px;}
#main ol#quiz li.question {margin: 0; padding: 0 0 0 60px; list-style: none; clear: both; position: relative; display: none;}
#main ol#quiz li.question:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main ol#quiz li#question1 {background: url(../images/icon_step1.gif) no-repeat;}
#main ol#quiz li#question2 {background: url(../images/icon_step2.gif) no-repeat;}
#main ol#quiz li#question3 {background: url(../images/icon_step3.gif) no-repeat;}
#main ol#quiz li#question4 {background: url(../images/icon_step4.gif) no-repeat;}
#main ol#quiz li#question5 {background: url(../images/icon_step5.gif) no-repeat;}
#main ol#quiz li h3 {margin: 0 0 20px;}
#main ol#quiz li ol.options {margin: 0 25px 0 0; float: left;}
#main ol#quiz li ol.options li {background: #e3f1c0; color: #8cb238; width: 110px; margin: 0 3px 10px 0; padding: 5px 8px 5px 35px; font-size: 1.2em; font-weight: bold; list-style: none; display: block; position: relative; cursor: pointer; border-radius: .57em; -moz-border-radius: .57em; -webkit-border-radius: .57em;}
#main ol#quiz li#question4 ol.options li,#main ol#quiz li#question5 ol.options li {margin: 0 30px 10px 0; padding: 5px 8px;}
#main ol#quiz li ol.options li.selected,#main ol#quiz li ol.options li:hover {background: #cae4ff; color: #609ad5; margin: -3px 0 7px -3px; border: 3px solid #7fb5ec;}
#main ol#quiz li#question4 ol.options li.selected,#main ol#quiz li#question4 ol.options li:hover,#main ol#quiz li#question5 ol.options li.selected,#main ol#quiz li#question5 ol.options li:hover {margin: -3px 27px 7px -3px;}
#main ol#quiz li ol.options li span {}
#main ol#quiz li ol.options li span.label {background: #b6e36d url(../images/bg-quiz-question.gif) repeat-x; color: #fff; padding: 5px 8px; top: 0; left: 0px; position: absolute; border-bottom-left-radius: .57em;	-moz-border-radius-bottomleft: .57em;	-webkit-border-bottom-left-radius: .57em; border-top-left-radius: .57em;-moz-border-radius-topleft: .57em;-webkit-border-top-left-radius: .57em;}
#main ol#quiz li ol.options li.selected span.label,#main ol#quiz li ol.options li:hover span.label {background: #92c6fa url(../images/bg-quiz-question02.gif) repeat-x; border-bottom-left-radius: .21em;	-moz-border-radius-bottomleft: .21em;	-webkit-border-bottom-left-radius: .21em; border-top-left-radius: .21em;-moz-border-radius-topleft: .21em;-webkit-border-top-left-radius: .21em;}
#main ol#quiz li p.factoid {margin: 0 0 20px 181px;}
#main ol#quiz li p.factoid .correct {color: #47b; font-size: 1.2em; font-weight: bold; display: block;}
#main p.incorrect {background: #c86208 url(../images/bg-incorrect.gif) repeat-x; color: #fff; width: 345px; padding: 45px 0; top: 255px; left: 298px; position: absolute; font-size: 1.2em; font-weight: bold; text-align: center; border-radius: .57em; -moz-border-radius: .57em; -webkit-border-radius: .57em; display: none;}
#main p.next {background: url(../images/button-next.gif) no-repeat; width: 72px; height: 28px; margin: 0 40px 0 0; float: right; text-indent: -9999em; overflow: hidden; cursor: pointer; display: none;}

#main ol#quiz li#form {padding: 0;}
#main ol#quiz li#form form {width: 325px; float: left;}
#main ol#quiz li#form form fieldset {padding: 0;}
#main ol#quiz li#form h3 {margin: 0 0 35px; font-size: 1.04em; text-align: center;}
#main ol#quiz li#form p {margin: 0 0 35px 0; padding: 0; line-height: 1.5em;}
#main ol#quiz li#form label {display: none;}
#main ol#quiz li#form input,#main ol#quiz li#form select {width: 285px; color: #999; margin: 0 0 15px; padding: 3px; font-size: 1em; float: left; display: block; border: 1px solid #ccc; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;}
#main ol#quiz li#form input#txtCity {width: 148px;}
#main ol#quiz li#form select#slctState {width: 57px;}
#main ol#quiz li#form input#txtZip {width: 38px;}
#main ol#quiz li#form input#btnSubmit {background: none; color: #fff; width: auto; margin: 0; padding: 0; cursor: pointer; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#main ol#quiz li#form span.required {color: #999; margin: 0 5px; float: left;}
#main ol#quiz li#form span.error {display: none !important;}
#main ol#quiz li#form div.offer {background: url(../images/callout-register_now.jpg) no-repeat; width: 260px; height: 403px; float: right; position: relative; text-indent: -9999em;}
#main ol#quiz li#form div.offer p#viewRules a {width: 220px; height: 55px; top: 339px; left: 28px; position: absolute; display: block; overflow: hidden; float: right;}

/**************************************************left column*********************************************/
#sidebar {background: #37B url(../images/bg-sidebar-internal.png) no-repeat; width: 275px; min-height: 460px; padding: 10px 0 0 0; position: relative; float: left;}
#sidebar h2.sectionTitle {height: 34px; margin: 16px 0 7px 0; text-indent: -9999px; overflow: hidden;}
.whynaturalgas #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-why_natural_gas.gif) no-repeat; margin-left: 12px;}
.foryourhome #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-for_your_home.gif) no-repeat; margin-left: 35px;}
.foryourbusiness #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-for_your_business.gif) no-repeat; margin-left: 25px;}
.findanappliance #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-find_an_appliance.gif) no-repeat; margin-left: 15px;}
.selectservice #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-select_service.gif) no-repeat; margin-left: 47px;}
.rebatesandsavings #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-rebates_and_savings.gif) no-repeat; margin-left: 16px;}
.carboncalculator #sidebar h2.sectionTitle {background: url(../images/bg-sidebar-sectionTitle-carbon_calculator.gif) no-repeat; margin-left: 18px;}
.challenge #sidebar h2.sectionTitle {display: none;}
#sidebar p#sidebarCarbonCalculator {margin: 0 0 0 22px;}
#sidebar p#sidebarCarbonCalculator a {background-image: url(../images/bg-sidebarNav-carbon_calculator.gif); width: 232px; height: 229px; display: block; text-indent: -9999px; overflow: hidden;}
#sidebar p#sidebarCarbonCalculator a:hover {background-position: 0 -229px;}
#sidebar p.carbonCalculatorCallout {margin: 10px 0 10px 40px;}
#sidebar p.carbonCalculatorCallout a {background-image: url(../images/bg-callout-carbon_calculator.gif); width: 189px; height: 83px; display: block; text-indent: -9999px; overflow: hidden;} 
#sidebar p.carbonCalculatorCallout a:hover {background-position: 0 -83px;}
#sidebar p.lacledeEnergyMattersCallout {margin: 10px 0 10px 40px;}
#sidebar p.lacledeEnergyMattersCallout a {background-image: url(../images/bg-callout-laclede_energy.gif); width: 191px; height: 132px; display: block; text-indent: -9999px; overflow: hidden;}
#sidebar p.lacledeEnergyMattersCallout a:hover {background-position: 0 -132px;}
#sidebar ul#sidebarNav {background: url(../images/bg-sidebarNav.png) no-repeat; width: 229px; margin: 0 0 0 22px; padding: 10px 0 0 0; min-height: 229px; font-family: Arial; font-size: 13px; font-weight: bold;}
.privacypolicy #sidebar ul#sidebarNav,.copyright #sidebar ul#sidebarNav {background: none;}
#sidebar ul#sidebarNav li {background: url(../images/bg-sidebarNav-li.png) no-repeat; width: 229px; margin: 0; list-style: none;}
#sidebar ul#sidebarNav li a {color: #9CF; width: 196px; min-height: 20px; display: block; padding: 5px 10px 5px 23px; outline: none;}
#sidebar ul#sidebarNav li a:hover {color: #FFF; text-decoration: none;}
#sidebar ul#sidebarNav li.selected {background: none;}
#sidebar ul#sidebarNav li.selected a {color: #fff;}
#sidebar ul#sidebarNav li.selected ul {font-size: 11px;}
#sidebar ul#sidebarNav li.selected ul li {background: url(../images/bg-sidebarNav-underline.png) no-repeat 100% 0; width: 201px; margin: 0 0 0 16px;}
#sidebar ul#sidebarNav li.selected ul li a {color: #9CF; width: 185px; min-height: 10px; padding: 4px 0 4px 16px;}
#sidebar ul#sidebarNav li.selected ul li a:hover {color: #FFF;}
#sidebar ul#sidebarNav li.selected ul li.selected a,#sidebar ul#sidebarNav li.selected ul li a.selected {color: #FFF;}
#sidebar ul#sidebarNav li.selected ul li.selected ul {margin: 0 0 5px 25px;}
#sidebar ul#sidebarNav li.selected ul li.selected ul li {color: #9CF; background: none; width: 191px; list-style: disc; margin: 0; padding: 0;}
#sidebar ul#sidebarNav li.selected ul li.selected ul li a {color: #9CF; margin: 0; padding: 2px 0;}
#sidebar ul#sidebarNav li.selected ul li.selected ul li a:hover {color: #FFF;}
#sidebar ul#sidebarNav li.selected ul li.selected ul li.selected {color: #FFF;}
#sidebar ul#sidebarNav li.selected ul li.selected ul li a:hover {color: #FFF;}
#sidebar ul#sidebarNav li.selected ul li.selected ul li.selected a {color: #FFF;}

/**************************************************footer**************************************************/
#footerWrap {background: #b6e36d; position: relative;}
#footer {color: #FFF; background: url(../images/bg-footer-internal.png) no-repeat; width: 973px; min-height: 185px; margin: 0 auto; position: relative; clear: both; z-index: 999;}
.contactus #footer {background: url(../images/bg-footer-full.png) no-repeat;}
#footer p {margin: 0 25px 0 0; padding: 70px 0 0 0; text-align: right; font-weight: bold;}
#footer p.copyright a {color: #dea;}
#footer p.copyright a:hover {color: #fff; text-decoration: underline;}
#footer ul#footerNav {margin: 0 25px 0 0; text-align: right;}
#footer ul#footerNav li {list-style: none; display: inline; font-size: 10px;}
#footer ul#footerNav li a {color: #dea;}
#footer ul#footerNav li a:hover {color: #fff; text-decoration: underline;}
#footerWrap #footerLeft {background: url(../images/bg-footerLeft.png) repeat-x; width: 40%; height: 185px; position: absolute; left: 0; top: 0; z-index: 99;}
#footerWrap #footerRight {background: url(../images/bg-footerRight.png) repeat-x; width: 40%; height: 185px; position: absolute; right: 0; top: 0; z-index: 99;}