body {background: #fff; color: #000;}
#wrap {width: 960px; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 24px; position: relative; z-index: 999;}
#header h1 a {width: 137px; height: 166px; top: 43px; left: 25px; position: absolute; display: block;}
#header ul#headerNav {background: url(../images/bg-headerNav.gif) no-repeat; width: 100%; height: 24px; position: relative; z-index: 999;}
#header ul#headerNav li {height: 24px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -24px;}
#header ul#headerNav li a {background: transparent; height: 24px; left: 0; position: absolute; display: block; text-indent: -9999px;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ap {background-image: url(../images/headerNav-aplnk.gif); width: 128px; left: 48px;}
.aboutthelacledegroup #header ul#headerNav li#ap {background-position: 0 -48px;}
#header ul#headerNav li#ap a#aplnk {width: 128px;}
#header ul#headerNav li#si {background-image: url(../images/headerNav-silnk.gif); width: 115px; left: 176px;}
.strategicimperatives #header ul#headerNav li#si {background-position: 0 -48px;}
#header ul#headerNav li#si a#silnk {width: 115px;}
#header ul#headerNav li#ss {background-image: url(../images/headerNav-sslnk.gif); width: 75px; left: 291px;}
.subsidiaries #header ul#headerNav li#ss {background-position: 0 -48px;}
#header ul#headerNav li#ss a#sslnk {width: 75px;}
#header ul#headerNav li#is {background-image: url(../images/headerNav-islnk.gif); width: 97px; left: 366px;}
.investorservices #header ul#headerNav li#is {background-position: 0 -48px;}
#header ul#headerNav li#is a#islnk {width: 97px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.gif); width: 86px; left: 463px;}
.newsreleases #header ul#headerNav li#ns {background-position: 0 -48px;}
#header ul#headerNav li#ns a#nslnk {width: 86px;}
#header ul#headerNav li#ag {background-image: url(../images/headerNav-aglnk.gif); width: 89px; left: 549px;}
.annualmeeting #header ul#headerNav li#ag {background-position: 0 -48px;}
#header ul#headerNav li#ag a#aglnk {width: 89px;}

/**************************************************content area********************************************/
#content {position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************main column*********************************************/
#main {background: url(../images/bg-main.gif) no-repeat; width: 550px; min-height: 400px; margin: 0 0 0 175px; padding: 75px 0 0 0; position: relative; float: left;}/*see ie.css for fixes*/
#main #contentContainer {margin: 0 20px; font-size: 1.2em; line-height: 1.33;}
.strategicimperatives #main #contentContainer {background: url(../strategicimperatives/images/bg-contentContainer.gif) no-repeat 90% 8em;}
#strategicimperatives #main #contentContainer {background: none;}
#main #contentContainer a,#main #contentContainer a:link,#main #contentContainer a:visited,#main #contentContainer a:active,#main #contentContainer a:hover	{font-weight: bold;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h2 {color: #999; margin: 0 0 20px 0; font-weight: bold; font-size: 1.33em; line-height: 1.13;}
.strategicimperatives #main h2 {color: #000;}
#strategicimperatives #main h2,.strategicimperatives #main h2.fade {color: #999;}
#main h2 span {color: #999; font-size: .75em; font-style: italic; text-transform: lowercase;}
#main h3 {color: #036; margin: 0 0 5px 0; font-weight: bold; font-size: 1.17em; line-height: 1.43;}
#main h4 {margin: 0 0 5px 0; font-weight: bold; font-size: 1.08em; line-height: 1.54;}
#main h5 {margin: 0 0 5px 0; font-weight: bold; font-size: 1em; line-height: 1.67;}
#main p {margin: 0 0 20px 0;}
#main p.fade {color: #999;}
#main ul {margin: 0 0 20px 20px;}
#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 address {margin: 0 0 20px 0;}
#main table {width: 100%; margin: 0 0 20px 0; border: 1px solid #036;}
#main table thead tr th, #main table tfoot tr td {background: #036; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #036; vertical-align: middle;}
a.grunt-file-pdf {background: url(http://www.lacledegas.com/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(http://www.lacledegas.com/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(http://www.lacledegas.com/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(http://www.lacledegas.com/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(http://www.lacledegas.com/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
/*form elements*/
#main form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#main form input {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form div {margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;}
#main form .text label {width: 125px; text-align: right;}
#main form .text input {margin: 0 0 10px 15px;}
#main form .checkbox label {width: 275px;}
#main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio label {width: 275px;}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}
#main ul.formVerify {margin: 0 0 20px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .6em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .6em; float: right; display: block; position: relative;}
#main ul.formVerify li.textbox {margin: 15px 0 0 0; border: none;}
#main ul.formVerify li.textbox strong {float: none;}
#main ul.formVerify li.textbox em {float: none; overflow: auto;}
/*end form elements*/

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.gif) no-repeat; color: #999; width: 175px; margin: 0 0 0 -725px; padding: 200px 0 0 0; position: relative; float: left;}
#sidebar #organizationStructure {background: url(../images/sidebar-org_chart.gif) no-repeat; width: 175px; height: 117px; margin: 0 0 35px 0; text-indent: -9999px;}
#sidebar p {margin: 0 15px 20px 18px;}
#sidebar p a {color: #999; margin: 0 5px 0 0; font-weight: bold; font-family: 'Trebuchet MS'; }
.home #sidebar p a {margin: 0 10px 0 0;}
#sidebar p a:hover,#sidebar p a.selected {color: #000; text-decoration: none;}

/**************************************************right column********************************************/
#main_2 {background: url(../images/bg-main_2.gif) no-repeat; width: 225px; min-height: 100px; padding: 18px 0 0 10px; position: relative; float: left;}
#main_2 button#corporateVideo1 {background: url(../images/button-we_are_laclede_video.jpg) no-repeat; width: 132px; height: 80px; margin: 0 0 6px; display: block; text-indent: -9999px; outline: none;}
#main_2 button#corporateVideo1:hover {background-position: 0 -80px;}
#main_2 button#corporateVideo2 {background: url(../images/button-corporate_video.jpg) no-repeat; width: 132px; height: 58px; display: block; text-indent: -9999px; outline: none;}
#main_2 button#corporateVideo2:hover {background-position: 0 -58px;}

.overlay {background: #fff url(../images/transparent.png); padding: 20px; display: none; border-radius: .5em; -moz-border-radius: .5em; -webkit-border-radius: .5em;}
#overlay1 {width: 800px; height: 450px;}
#overlay2 {width: 485px; height: 425px;}
.close {background: url(../images/close.png) no-repeat; position: absolute; top: -19px; display: block; right: -15px; width: 35px; height: 35px; cursor: pointer;}
#overlay1 a.player {display: block; height: 450px;}
#overlay2 a.player {display: block; height: 425px;}

#main_2 ul#main_2Nav {margin: 0; font-size: 1em;}
#main_2 ul#main_2Nav li {margin: 0; list-style: none; display: inline;}
#main_2 ul#main_2Nav li a {color: #036; margin: 0 0 1px 0; padding: 6px 65px 6px 10px; font-weight: bold; display: block;}
#main_2 ul#main_2Nav li a:hover,#main_2 ul#main_2Nav li a.selected {background: #f90 url(../images/bg-main_2Nav-a-hover.gif) repeat-y 100% 0; color: #fff; text-decoration: none; border-radius: 12px 0 0 12px; -moz-border-radius: 12px 0 0 12px; -webkit-border-radius: 12px 0 0 12px;}
#main_2 ul#main_2Nav li ul {margin: 5px 0 0 15px;}
#main_2 ul#main_2Nav li ul li {}
#main_2 ul#main_2Nav li ul li a {background: url(../images/main_2Nav-bullet.gif) no-repeat 0 6px; padding: 2px 0 2px 10px; }
#main_2 ul#main_2Nav li ul li a:hover,#main_2 ul#main_2Nav li ul li a.selected {background: url(../images/main_2Nav-bullet.gif) no-repeat 0 6px; color: #f90; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#main_2 ul#imperativesNav {margin: 0; font-size: 1em;}
#main_2 ul#imperativesNav li {margin: 0; list-style: none; display: inline;}
#main_2 ul#imperativesNav li a {background-repeat: none; width: 130px; height: 51px; display: block; text-indent: -9999px; outline: none;}
#main_2 ul#imperativesNav li a#relnk {background-image: url(../strategicimperatives/images/imperativesNav-relnk.gif); height: 61px;}
#main_2 ul#imperativesNav li a#edlnk {background-image: url(../strategicimperatives/images/imperativesNav-edlnk.gif);}
#main_2 ul#imperativesNav li a#ielnk {background-image: url(../strategicimperatives/images/imperativesNav-ielnk.gif);}
#main_2 ul#imperativesNav li a#eelnk {background-image: url(../strategicimperatives/images/imperativesNav-eelnk.gif);}
#main_2 ul#imperativesNav li a#aelnk {background-image: url(../strategicimperatives/images/imperativesNav-aelnk.gif);}
#main_2 ul#imperativesNav li a#aclnk {background-image: url(../strategicimperatives/images/imperativesNav-aclnk.gif); height: 62px;}
#main_2 ul#imperativesNav li a:hover {background-position: -130px 0;}
#main_2 ul#imperativesNav li a.selected {background-position: -260px 0;}
#main_2 h3 {color: #036; margin: 0 0 5px 10px; font-weight: bold; font-size: 1.1em; line-height: 1.67;}
#main_2 ul {margin: 0 0 20px 25px; font-size: 1.1em;}
#main_2 ul li {color: #66e; margin: 0 0 5px 0; list-style: square;}
#main_2 ul li a {color: #036; font-weight: bold;}

/**************************************************footer**************************************************/
#footer {width: 510px; margin: 0 0 20px 195px; padding: 25px 0 0 0; position: relative; clear: both; border: solid #888; border-width: 1px 0 0 0;}
#footer h2 {background: url(../images/title-visit_our_subsidiaries.gif) no-repeat; width: 128px; height: 12px; margin: 20px 10px 0 0; float: left; text-indent: -9999px;}
#footer ul#subsidiariesLink {margin: 0 0 5px 0;}
#footer ul#subsidiariesLink:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#footer ul#subsidiariesLink li {list-style: none; display: inline;}
#footer ul#subsidiariesLink li a {}
#footer ul#subsidiariesLink li#lacledeGas a {background: url(../images/logo-laclede_gas.gif) no-repeat; width: 140px; height: 41px; margin: 0 20px 0 0; display: block; float: left; text-indent: -9999px; outline: none;}
#footer ul#subsidiariesLink li#lacledeEneryResources a {background: url(../images/logo-laclede_energy_resources.gif) no-repeat; width: 77px; height: 33px; display: block; float: left; text-indent: -9999px; outline: none;}
#footer ul#footerNav {width: 100%; clear: left;}
#footer ul#footerNav li {color: #999; list-style: none; display: inline;}
#footer ul#footerNav li a {color: #999; white-space: nowrap;}
#footer ul#footerNav li a:hover {color: #666;}
#footer ul#footerNav li a.selected {color: #000; text-decoration: none;}