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

/************************************************** HEADER **************************************************/
#header {width: 968px; height: 177px; margin: 0 auto; position: relative; z-index: 9999;}
#header h1 {background: url(../images/bg-logo.png) no-repeat; width: 260px; height: 67px; position: absolute; top: 60px; left: 30px; text-indent: -9999px; outline: none;}
#header h2 a {background: url(../images/bg-logo-laclede_gas.png) no-repeat; width: 275px; height: 45px; display: block; position: absolute; top: 70px; right: 24px; text-indent: -9999px; outline: none;}
#header ul#headerNav {background: url(../images/bg-headerNav.jpg) no-repeat; width: 961px; height: 28px; position: absolute; bottom: 11px; 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;}
#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;}
#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;}
#header ul#headerNav li#fa {background-image: url(../images/headerNav-falnk.jpg); width: 142px; left: 417px;}
#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;}
#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;}
#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;}
/*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 ********************************************/
#content {width: 968px; height: 493px; margin: 0 auto; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/*************************************************** MAIN **********************************************/
#main {width: 628px; margin: 0; position: relative; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 0 20px; line-height: 1.3; font-size: 1.1em;}
#main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover	{font-weight: bold;}
#main #flash-content,#main #flash {background: url(../swf/bg-flash-home-nav.jpg) no-repeat; width: 605px; height: 462px; margin: 24px 0 0 0; position: relative;}
#main #flash-content h3,#main #flash-content p {text-indent: -9999px;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0;}

/**** HOMEPAGE SLIDER STYLES *************/
#main #slider {width:605px; height:462px; position:relative;  margin: 24px 0 0 0;}
#main #slider .slide {width:605px; height:462px; position:absolute; top:0px; left:0px; z-index:50; display:none;}
#main #slider .slide img {position:absolute; top:0px; left:0px; z-index:10; border:none;}
#main #slider .slide a.slide-mask {width:605px; height:462px; position:absolute; top:0px; left:0px; z-index:50; background:url(../images/home/home-slider-mask.png) no-repeat top left;}

#main #slider #slide-nav {position:absolute; bottom:0px; left:0px; width:605px; height:125px; z-index:500; display:block;}
#main #slider #slide-nav li {list-style:none; display:block; float:left; padding:0; margin:0; height:125px;}
#main #slider #slide-nav li a {display:block; text-align:center; margin:0; color:#ffffff; font-weight:bold; outline:none; cursor:pointer; font-size:11px; line-height:12px; font-family:Arial, Helvetica, sans-serif;}
#main #slider #slide-nav li a:active, #main #slider #slide-nav li a:focus {outline-width:0; outline-style:none; outline:none;}
#main #slider #slide-nav li a:hover {color:#ffffff;}

#main #slider .list1 {visibility:hidden;}
#main #slider .list1 li {visibility:hidden;}
#main #slider .list1 li a {visibility:hidden;}

/*****2Item Slider*****/
#main #slider .list2 li a {background:url(../images/home/home-slider-2-items.png) no-repeat;}
#main #slider .list2 li.item1 a {background-position:-31px 0px; width:273px; padding:88px 0px 0 0px; height:37px;}
#main #slider .list2 li.item1 a:hover, #main #slider .list2 li.item1 a.active {background-position:-31px -125px;}
#main #slider .list2 li.item2 a {background-position:-304px 0px; width:272px; padding:75px 0px 0 0px; height:50px;}
#main #slider .list2 li.item2 a:hover, #main #slider .list2 li.item2 a.active {background-position:-304px -125px;}

/*****3Item Slider*****/
#main #slider .list3 li a {background:url(../images/home/home-slider-3-items.png) no-repeat;}
#main #slider .list3 li.item1 a {background-position:-31px 0px; width:182px; padding:83px 0px 0 0px; height:42px;}
#main #slider .list3 li.item1 a:hover, #main #slider .list3 li.item1 a.active {background-position:-31px -125px;}
#main #slider .list3 li.item2 a {background-position:-213px 0px; width:181px; padding:85px 0px 0 0px; height:40px;}
#main #slider .list3 li.item2 a:hover,#main #slider .list3 li.item2 a.active {background-position:-213px -125px;}
#main #slider .list3 li.item3 a {background-position:-394px 0px; width:182px; padding:65px 0px 0 0px; height:60px;}
#main #slider .list3 li.item3 a:hover, #main #slider .list3 li.item3 a.active {background-position:-394px -125px;}

/*****4 Item Slider*****/
#main #slider .list4 li a {background:url(../images/home/home-slider-4-items.png) no-repeat;}
#main #slider .list4 li.item1 a {background-position:-31px 0px; width:116px; padding:80px 10px 0 10px; height:45px;}
#main #slider .list4 li.item1 a:hover, #main #slider .list4 li.item1 a.active {background-position:-31px -125px;}
#main #slider .list4 li.item2 a {background-position:-167px 0px; width:117px; padding:80px 10px 0 10px; height:45px;}
#main #slider .list4 li.item2 a:hover, #main #slider .list4 li.item2 a.active {background-position:-167px -125px;}
#main #slider .list4 li.item3 a {background-position:-304px 0px; width:116px; padding:74px 10px 0 10px; height:51px;}
#main #slider .list4 li.item3 a:hover, #main #slider .list4 li.item3 a.active {background-position:-304px -125px;}
#main #slider .list4 li.item4 a {background-position:-440px 0px; width:116px; padding:64px 10px 0 10px; height:61px;}
#main #slider .list4 li.item4 a:hover, #main #slider .list4 li.item4 a.active {background-position:-440px -125px;}

/*****5 Item Slider*****/
#main #slider .list5 li a {background:url(../images/home/home-slider-5-items.png) no-repeat;}
#main #slider .list5 li.item1 a {background-position:-31px 0px; width:109px; padding:80px 0px 0 0px; height:45px;}
#main #slider .list5 li.item1 a:hover, #main #slider .list5 li.item1 a.active {background-position:-31px -125px;}
#main #slider .list5 li.item2 a {background-position:-140px 0px; width:109px; padding:80px 0px 0 0px; height:45px;}
#main #slider .list5 li.item2 a:hover, #main #slider .list5 li.item2 a.active {background-position:-140px -125px;}
#main #slider .list5 li.item3 a {background-position:-249px 0px; width:109px; padding:78px 0px 0 0px; height:47px;}
#main #slider .list5 li.item3 a:hover, #main #slider .list5 li.item3 a.active {background-position:-249px -125px;}
#main #slider .list5 li.item4 a {background-position:-358px 0px; width:109px; padding:76px 0px 0 0px; height:49px;}
#main #slider .list5 li.item4 a:hover, #main #slider .list5 li.item4 a.active {background-position:-358px -125px;}
#main #slider .list5 li.item5 a {background-position:-467px 0px; width:109px; padding:58px 0px 0 0px; height:67px;}
#main #slider .list5 li.item5 a:hover, #main #slider .list5 li.item5 a.active {background-position:-467px -125px;}

/*****Left and Right Slider Controls*****/
#main #slider #slide-nav li.start a {background-position:0px 0px; width:31px; height:125px;}
#main #slider #slide-nav li.start a:hover {background-position:0px -125px;  }
#main #slider #slide-nav li.end a {background-position:-576px 0px; width:29px; height:125px;}
#main #slider #slide-nav li.end a:hover {background-position:-576px -125px;}
/*********************************************** SIDEBAR (RIGHT) ***************************************/
#sidebar {width: 339px; margin: 0; position: relative; float: left;}
#sidebar h2 a {background: url(../images/bg-sidebar-energy_efficient.jpg) no-repeat; width: 303px; height: 168px; display: block; margin: 62px 0 0 31px; text-indent: -9999px; outline: none;}
#sidebar #greenEnergyUpdate {color: #148; font-size: 11px;}
#sidebar #greenEnergyUpdate h4 a {background: url(../images/bg-sidebar-green_energy_update.png) no-repeat; width: 135px; height: 139px; position: absolute; top: 1px; right: 1px; text-indent: -9999px; outline: none; cursor: pointer; z-index: 9999;}
#sidebar #greenEnergyUpdate #toggle {background: url(../images/bg-sidebar-green_energy_update-dropdown.jpg) no-repeat; width: 245px; height: 383px; padding: 40px 25px 10px 25px; position: absolute; top: 23px; left: 19px; z-index: 999; overflow: auto; display: none;}
#sidebar #greenEnergyUpdate #toggle h5 {font-size: 11px; font-weight: bold; margin: 0 25px 2px 25px;}
#sidebar #greenEnergyUpdate #toggle p {margin: 0 25px 20px 25px;}
#sidebar #greenEnergyUpdate #toggle p#close {background: url(../images/bg-sidebar-greenEnergyUpdate-close.jpg) no-repeat; width: 17px; height: 17px; position: absolute; top: 10px; left: -15px; text-indent: -9999px; outline: none; cursor: pointer;}
#sidebar ul#sidebarNav {margin: 23px 0 0 43px;}
#sidebar ul#sidebarNav li {list-style: none;}
#sidebar ul#sidebarNav li a {width: 275px; height: 50px; display: block; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden;}
#sidebar ul#sidebarNav li a:hover {background-position: -275px 0;}
#sidebar ul#sidebarNav li#carbonFootprint a {background-image: url(../images/sidebar-home-whats_your_carbon_footprint.gif);}
#sidebar ul#sidebarNav li#stimulusFunding a {background-image: url(../images/sidebar-home-stimulus_funding_opportunities.gif);}
#sidebar ul#sidebarNav li#safetyTips a {background-image: url(../images/sidebar-home-home_safety_tips.gif);}
#sidebar ul#sidebarNav li#videoPipeline a {background-image: url(../images/sidebar-home-video_pipeline.gif);}

/************************************************** FOOTER **************************************************/
#footerWrap {color: #fff; background: url(../images/bg-footerWrap.jpg) no-repeat 50% 0; height: 128px; margin: 2px 0 0 0; position: relative; clear: both;}
#footer {width: 968px; margin: 0 auto;}
#footer p {margin: 0 25px 0 0; padding: 20px 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;}