body {background: url(../images/bg-hm-bdy.gif); font-size: 1em;}

/*header*/
#hdrotr {background: url(../images/bg-hm-hdrotr.gif) repeat-x;}
#hdr {background: url(../images/bg-hm-hdr.gif) no-repeat left bottom; height: 261px; margin: 0 auto; padding: 0; width: 950px; position: relative; z-index: 9999;}
#hdr ul#mnlnks {width: 100%; height: 53px; position: relative; z-index: 9999;}
#hdr ul#mnlnks li {list-style: none; display: inline;}
#hdr ul#mnlnks li#ggs {background: url(../images/mnav-ggslnk.gif) no-repeat; width: 90px; height: 51px; left: 21px; position: absolute; display: block;}
#hdr ul#mnlnks li#ggs:hover, #hdr ul#mnlnks li#ggs.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#ggs a#ggslnk {width: 90px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#ygb {background: url(../images/mnav-ygblnk.gif) no-repeat; width: 102px; height: 51px; left: 139px; position: absolute; display: block;}
#hdr ul#mnlnks li#ygb:hover, #hdr ul#mnlnks li#ygb.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#ygb a#ygblnk {width: 102px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#ps {background: url(../images/mnav-pslnk.gif) no-repeat; width: 148px; height: 51px; left: 268px; position: absolute; display: block;}
#hdr ul#mnlnks li#ps:hover, #hdr ul#mnlnks li#ps.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#ps a#pslnk {width: 148px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#cs {background: url(../images/mnav-cslnk.gif) no-repeat; width: 130px; height: 51px; left: 443px; position: absolute; display: block;}
#hdr ul#mnlnks li#cs:hover, #hdr ul#mnlnks li#cs.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#cs a#cslnk {width: 130px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#ee {background: url(../images/mnav-eelnk.gif) no-repeat; width: 131px; height: 51px; left: 601px; position: absolute; display: block;}
#hdr ul#mnlnks li#ee:hover, #hdr ul#mnlnks li#ee.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#ee a#eelnk {width: 131px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#sf {background: url(../images/mnav-sflnk.gif) no-repeat; width: 56px; height: 51px; left: 760px; position: absolute; display: block;}
#hdr ul#mnlnks li#sf:hover, #hdr ul#mnlnks li#sf.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#sf a#sflnk {width: 56px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}
#hdr ul#mnlnks li#cu {background: url(../images/mnav-culnk.gif) no-repeat; width: 90px; height: 51px; left: 844px; position: absolute; display: block;}
#hdr ul#mnlnks li#cu:hover, #hdr ul#mnlnks li#cu.hdrhover {background-position: 0 -48px;}
#hdr ul#mnlnks li#cu a#culnk {width: 90px; height: 48px; left: 0; position: absolute; display: block; background: transparent;}

/*1st level dropdown*/
#hdr ul#mnlnks li ul {width: 200px; height: auto; display: none; margin: 51px 0 0 0; padding: 5px 0; background: #426393; color: inherit; border: 1px solid #182451; z-index: 99999; position: absolute;}
#hdr ul#mnlnks li#cu ul {right: 0;}
#hdr ul#mnlnks li ul li {display: inline;}
#hdr ul#mnlnks li ul li a {font-size: 1em; padding: 5px 0 5px 11px; display: block; background: #426393 url(../images/mnav-bllt01.gif) no-repeat 3px 8px; color: #FFFFFF; text-decoration: none;}
#hdr ul#mnlnks li ul li a:hover {background: #1B3461 url(../images/mnav-bllt02.gif) no-repeat 3px 8px; display: block; color: #FFFFFF; text-decoration: none;}
#hdr ul#mnlnks li:hover ul, #hdr ul#mnlnks li.hdrhover ul {display: block;}

#hdr #homeLogo {width: 687px; height: 195px; float: left; position: relative; overflow: hidden;}
#hdr #homeLogo ul#homeLogoImages {}
#hdr #homeLogo ul#homeLogoImages li {list-style: none; display: inline;}
#hdr #homeLogo ul#homeLogoImages li a {display: block;}
#hdr #homeLogo ul#homeLogoImages li a img {}
#hdr #homeLogo ul#homeLogoImages {}
#hdr #homeLogo ul#homeLogoNavigation {width: 585px; padding: 0 22px 0 23px; bottom: 0; left: 30px; position: absolute; z-index: 9;}
#hdr #homeLogo ul.oneBanner {display: none;}
#hdr #homeLogo ul#homeLogoNavigation li {list-style: none; display: inline;}
#hdr #homeLogo ul#homeLogoNavigation li a {background: url(../images/bg-homeLogoNavigation-a.png) 100% -90px no-repeat; color: #999; padding: 5px 0 4px 0; font-weight: bold; font: 1.1em/1 "Trebuchet MS", verdana, arial, sans-serif; text-align: center; text-transform: uppercase; text-decoration: none; display: block; float: left;}
#hdr #homeLogo:hover ul#homeLogoNavigation li a {background-position: 100% 0;}
#hdr #homeLogo ul#homeLogoNavigation li a:hover {background-position: 100% -30px;}
#hdr #homeLogo ul#homeLogoNavigation li a.selected {background-position: 100% -60px;}
#hdr #homeLogo ul#homeLogoNavigation li a.selected:hover {background-position: 100% -30px;}
#hdr #homeLogo ul.twoBanners li a {width: 50%;}
#hdr #homeLogo ul.threeBanners li a {width: 33.33%;}
#hdr #homeLogo ul.fourBanners li a {width: 25%;}
#hdr #homeLogo ul#homeLogoNavigation li a#prev {background: url(../images/arrow-homeLogoNavigation-left.png) 0 -90px no-repeat; width: 23px; left: 0; position: absolute; text-indent: -9999em;}
#hdr #homeLogo:hover ul#homeLogoNavigation li a#prev {background-position: 0 0;}
#hdr #homeLogo ul#homeLogoNavigation li a#prev:hover {background-position: 0 -30px;}
#hdr #homeLogo ul#homeLogoNavigation li a#next {background: url(../images/arrow-homeLogoNavigation-right.png) 0 -90px no-repeat; width: 22px; left: 608px; position: absolute; text-indent: -9999em;}
#hdr #homeLogo:hover ul#homeLogoNavigation li a#next {background-position: 0 0;}
#hdr #homeLogo ul#homeLogoNavigation li a#next:hover {background-position: 0 -30px;}
#hdr #homeLogo ul#homeLogoNavigation li a:hover {}

#hdr ul#utlnks {margin: 0 0 0 687px;}
#hdr ul#utlnks li {background-repeat: no-repeat; list-style: none;}/*see ie.css for fixes*/
#hdr ul#utlnks li a {width: 261px; display: block;}
#hdr ul#utlnks li a:hover {background-position: -261px 0;}
#hdr ul#utlnks li a#asutlnk {background-image: url(../images/unav-aslnk.gif); height: 30px;}
#hdr ul#utlnks li a#abutlnk {background-image: url(../images/unav-ablnk.gif); height: 29px;}
#hdr ul#utlnks li a#ceutlnk {background-image: url(../images/unav-celnk.gif); height: 30px;}
#hdr ul#utlnks li a#rsutlnk {background-image: url(../images/unav-rslnk.gif); height: 29px;}
#hdr ul#utlnks li a#esutlnk {background-image: url(../images/unav-eslnk.gif); height: 30px;}
#hdr ul#utlnks li#slctutlnk {background: url(../images/unav-hm-bg-utslct.gif) no-repeat; width: 261px; height: 28px; display: block; top: 201px; left: 687px; position: absolute; z-index: 999;}
#hdr ul#utlnks li ul {width: 194px; height: auto; display: none; margin: 23px 0 0 26px; padding: 5px 0; background: #878877; color: inherit; border: 1px solid #DCDCCB; z-index: 99; position: absolute;}
#hdr ul#utlnks li ul li {display: inline;}
#hdr ul#utlnks li ul li a {background: #878877 url(../images/unav-bllt01.gif) no-repeat 3px 8px; color: #FFFFFF; width: auto; font-size: 1em; padding: 5px 11px; display: block; text-decoration: none;}
#hdr ul#utlnks li ul li a:hover {background: #BABAAA url(../images/unav-bllt02.gif) no-repeat 3px 8px; display: block; color: #FFFFFF; text-decoration: none;}
#hdr ul#utlnks li:hover ul, #hdr ul#utlnks li.hdruthover ul {display: block;}
#hdr span#title-whats_new {background: url(../images/title-whats_new.gif) no-repeat; width: 270px; height: 45px; top: 229px; left: 679px; position: absolute; z-index: 9;}

/*content area*/
#cntntotr {background: #fff; color: #000;}
#cntnt {background: url(../images/bg-hm-cntnt.gif); overflow: hidden;/* This hides the excess padding in non-IE browsers */ margin: 0 auto; padding: 0 0 20px 0; width: 950px; position: relative; clear: both; z-index: 999;}/*see ie.css for fixes*/
#cntnt:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

#mn {float: left; margin-left: 250px; width: 428px; position: relative;}/*see ie.css for fixes*/
#mn ul {background: url(../images/mn-lnks.gif) no-repeat; width: 402px; margin: 20px 0px 0px 1px; padding: 71px 2px 0 9px; position: relative; display: block;}/*see ie.css for fixes*/
#mn ul:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#mn ul li {list-style: none; display: inline;}
#mn ul li a {width: 194px; height: 93px; margin: 0 7px 6px 0; display: block; float: left;}
#mn ul li a#cebnr {background: url(../images/mn-cebnr.gif) no-repeat;}
#mn ul li a#psbnr {background: url(../images/mn-psbnr.gif) no-repeat;}
#mn ul li a#ksbnr {background: url(../images/mn-ksbnr.gif) no-repeat;}
#mn ul li a#ssbnr {background: url(../images/mn-ssbnr.gif) no-repeat;}
#mn ul li a#bsbnr {background: url(../images/mn-bsbnr.gif) no-repeat;}
#mn ul li a#fsbnr {background: url(../images/mn-fsbnr.gif) no-repeat;}

/*sidebar*/
#sdbr {float: left; margin-left: -674px; width: 228px; position: relative;}
#sdbr form#frmCustomerConnection {background: #bccbdd url(../images/bg-customer-connection.gif) no-repeat; color: #8797a8; width: 207px; height: 123px; margin: 20px 0 6px 30px; position: relative;}
#sdbr form#frmCustomerConnection fieldset {margin: 0 0 0 15px; padding: 50px 0 0 0;}
#sdbr form#frmCustomerConnection input {color: #666; width: 170px; margin: 0 0 2px 0; padding: 0 2px; border: 1px solid #fff; font-size: 1.1em;}
#sdbr form#frmCustomerConnection input#btnLogin {width: 42px; margin: 5px 0 0 0; border: none; display: block; float: left;}
#sdbr form#frmCustomerConnection span {margin: 7px 5px 0 5px; display: block; float: left; text-transform: uppercase;}
#sdbr form#frmCustomerConnection a#cCRegister {background: url(../images/button-register.gif) no-repeat; width: 52px; height: 18px; margin: 5px 10px 0 0; display: block; float: left;}
#sdbr form#frmCustomerConnection a#cCForgot {color: #8797a8; margin: 8px 0 0 0; font-size: .8em; font-style: italic; display: block;}
#sdbr #sftycntrbnr {background: url(../images/sdbr-sftycntrbnr.gif) no-repeat; width: 208px; height: 92px; display: block; margin: 0 0 5px 30px; position: relative;}/*see ie.css for fixes*/
#sdbr ul#bannerLinks {margin: 0 0 0 30px;}
#sdbr ul#bannerLinks li {list-style: none; display: inline;}
#sdbr ul#bannerLinks li a {width: 208px; height: 30px; margin: 0 0 5px 0; display: block;}
#sdbr ul#bannerLinks li a#oysbbnr {background: url(../images/sdbr-oysbbnr.gif) no-repeat;}
#sdbr ul#bannerLinks li a#sysbbnr {background: url(../images/sdbr-sysbbnr.gif) no-repeat;}
#sdbr ul#bannerLinks li a#dpsbbnr {background: url(../images/sdbr-dpsbbnr.gif) no-repeat;}
#sdbr ul#bannerLinks li a#tysbbnr {background: url(../images/sdbr-tysbbnr.gif) no-repeat;}

/*right column*/
#mn_2 {float: left; width: 271px; position: relative;}
#mn_2 #nwsotr {width: 271px; padding: 0;}
#mn_2 #nwsotr #nws {padding: 30px 0 0 28px; width: 215px;}
#mn_2 #nwsotr #nws h2,#mn_2 #nwsotr #nws h3 {color: #136; font-size: 1em; font-weight: bold; line-height: 1.3; text-transform: uppercase;}
#mn_2 #nwsotr #nws h2.line,#mn_2 #nwsotr #nws h3.line {border-top: 1px solid #666; padding: 10px 0 0 0;}
#mn_2 #nwsotr #nws a {color: #8a3; text-decoration: none; font-weight: bold;}
#mn_2 #nwsotr #nws p.dte {color: #253C87; font-size: .9em; font-weight: normal; font-style: italic; margin: 15px 0 3px 0; padding: 0; height: 1.3em;}
#mn_2 #nwsotr #nws p {font-size: .9em; line-height: 1.5; margin: 0 0 10px 0;}
#mn_2 #nwsotr #nws p.line {border-bottom: 1px solid #666; padding: 0 0 10px 0;}
#mn_2 #nwsotr #nws img {margin: 10px 0 0 0;}
#mn_2 #nwsotr #nws .normal {font-weight: normal;}
#mn_2 #nwsotr #nws hr {margin: 0 0 10px 0; border: solid #ccc; border-width: 1px 0 0 0;}

#mn, #mn_2, #sdbr {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/*footer*/
#ftrotr {background: url(../images/bg-hm-ftrotr.gif) repeat-x;}
#ftr {background: url(../images/bg-hm-ftr.gif) no-repeat 10px 0; color: #ccc; min-height: 100px; clear: both; position: relative; margin: 0 auto; padding: 65px 0 0 20px; width: 950px; position: relative;}/*see ie.css for fixes*/
#ftr ul#ftrlnks {width: 640px; border-bottom: 1px solid #303263; padding: 0 0 5px 0;}
#ftr ul#ftrunav {padding: 5px 0 10px 0;}
#ftr ul li {list-style: none; display: inline;}
#ftr ul li a {color: #ccc; font-weight: bold; text-decoration: none; line-height: 1.5; font-size: .9em;}
#ftr #copy {font-size: .9em; padding: 0 0 15px 0;}
#ftr p#lgsbbnr {background: url(../images/ftr-laclede_group.png) no-repeat; color: #fff; width: 152px; height: 71px; top: 45px; left: 730px; position: absolute; display: block; padding: 3px 0 0 58px; font-size: .9em; line-height: 1.3;}/*see ie.css for fixes*/
#ftr p#lgsbbnr a {background: none; color: #ce8;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #ftr, * > form {position: relative; z-index: 1000;}