body {background: #f2da77 url(../images/bg-body.jpg) repeat-x; color: #666;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {height: 335px; z-index: 9999;}
.naturalgashistory #header {background: url(../naturalgashistory/images/bg-header.jpg) no-repeat;}
.energyconservation #header {background: url(../energyconservation/images/bg-header.jpg) no-repeat;}
.cleanenergy #header {background: url(../cleanenergy/images/bg-header.jpg) no-repeat;}
.indoorsafety #header {background: url(../indoorsafety/images/bg-header.jpg) no-repeat;}
.outdoorsafety #header {background: url(../outdoorsafety/images/bg-header.jpg) no-repeat;}
#kidscorner #header {background: url(../kidscorner/images/bg-header.jpg) no-repeat;}
.utility #header {background: url(../images/bg-header.jpg) no-repeat; height: 252px;}
#header ul#utilityNav {width: 197px; height: 27px; top: 27px; left: 565px; position: absolute;}
#header ul#utilityNav li {list-style: none; display: inline;}
#header ul#utilityNav li a {height: 27px; top: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#utilityNav li a#heutlnk {width: 47px; left: 0;}
#header ul#utilityNav li a#aeutlnk {width: 131px; right: 0px;}
#header ul#headerNav {width: 960px; height: 94px; top: 226px; position: absolute; z-index: 999;}
.utility #header ul#headerNav {top: 123px;}
#header ul#headerNav li {height: 94px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -94px;}
#header ul#headerNav li a {background: transparent; height: 94px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#ny {background-image: url(../images/headerNav-nylnk.png); width: 165px; left: 0px;}
.naturalgashistory #header ul#headerNav li#ny {background-position: 0 -94px;}
#header ul#headerNav li#ny a#nylnk {width: 165px;}
#header ul#headerNav li#en {background-image: url(../images/headerNav-enlnk.png); width: 166px; left: 165px;}
.energyconservation #header ul#headerNav li#en {background-position: 0 -94px;}
#header ul#headerNav li#en a#enlnk {width: 166px;}
#header ul#headerNav li#cy {background-image: url(../images/headerNav-cylnk.png); width: 151px; left: 331px;}
.cleanenergy #header ul#headerNav li#cy {background-position: 0 -94px;}
#header ul#headerNav li#cy a#cylnk {width: 151px;}
#header ul#headerNav li#iy {background-image: url(../images/headerNav-iylnk.png); width: 156px; left: 482px;}
.indoorsafety #header ul#headerNav li#iy {background-position: 0 -94px;}
#header ul#headerNav li#iy a#iylnk {width: 156px;}
#header ul#headerNav li#oy {background-image: url(../images/headerNav-oylnk.png); width: 163px; left: 638px;}
.outdoorsafety #header ul#headerNav li#oy {background-position: 0 -94px;}
#header ul#headerNav li#oy a#oylnk {width: 163px;}
#header ul#headerNav li#kr {background-image: url(../images/headerNav-krlnk.png); width: 159px; left: 801px;}
#kidscorner #header ul#headerNav li#kr {background-position: 0 -94px;}
#header ul#headerNav li#kr a#krlnk {width: 159px;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.png) repeat-y; padding: 0 24px 0 8px;}/*see ie.css for fixes*/
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.png) no-repeat; width: 708px; min-height: 500px; margin-left: 220px; position: relative; float: left;}/*see ie.css for fixes*/
.naturalgashistory #main {background: url(../naturalgashistory/images/bg-main.png) no-repeat;}
.energyconservation #main {background: url(../energyconservation/images/bg-main.png) no-repeat;}
.cleanenergy #main {background: url(../cleanenergy/images/bg-main.png) no-repeat;}
.indoorsafety #main {background: url(../indoorsafety/images/bg-main.png) no-repeat;}
.outdoorsafety #main {background: url(../outdoorsafety/images/bg-main.png) no-repeat;}
.kidscorner #main {background: url(../kidscorner/images/bg-main.png) no-repeat;}
#main #contentContainer {margin: 25px 75px 25px 70px; line-height: 1.8; 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 img.left {float: left; margin: 0 10px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 10px;}
#main h3 {color: #fb0; margin: 0 0 25px 0; font-weight: bold; font-size: 1.27em; line-height: 1.29; text-transform: uppercase;}
.naturalgashistory #main h3 {color: #e44;}
.energyconservation #main h3 {color: #7b1;}
.cleanenergy #main h3 {color: #3ac;}
.indoorsafety #main h3 {color: #e6e;}
.outdoorsafety #main h3 {color: #e70;}
#main h3.resources {color: #b90; margin: 0 0 0px 20px; font-weight: bold; font-size: 1.09em; line-height: 1.5; text-transform: none;}
#main h4 {margin: 0 0 25px 0; font-weight: bold; font-size: 1.18em; line-height: 1.38; text-transform: uppercase;}
#main h5 {margin: 0 0 25px 0; font-weight: bold; font-size: 1.09em; line-height: 1.5;}
#main p {margin: 0 0 25px 0;}
#main ul {margin: 0 0 25px 20px;}
#main ol {margin: 0 0 25px 30px;}
#main ul li {margin: 0 0 10px 0;}
#main ul.resources li {margin: 0 0 20px 0; list-style: none;}
#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 25px 0;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 15px 0;}
#main table {width: 563px; margin: 0 0 25px 0; border: 1px solid #666;}
#main table thead tr th, #main table tfoot tr td {background: #666; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #666; vertical-align: middle;}
a.grunt-file-pdf {background: url(../images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 30px;}
#main .hr {background: url(../images/main-hr.gif) no-repeat; width: 100%; height: 9px; margin: 0 0 15px 0; border: none;}
#main .hr hr {border: none;}
#main ul#videoBanners {margin: 0 0 25px 0;}
#main ul#videoBanners:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main ul#videoBanners li {display: inline; list-style: none;}
#main ul#videoBanners li a {background-repeat: no-repeat; width: 177px; height: 117px; margin: 0 10px 15px 0; display: block; text-indent: -9999px; outline: none; float: left;}
#main ul#videoBanners li a:hover {background-position: 0 -117px;}
#main ul#videoBanners li a#asVideo {background-image: url(../kidscorner/images/banner-after_school_snacks.gif);}
#main ul#videoBanners li a#pcVideo {background-image: url(../kidscorner/images/banner-prehistoric_cooking.gif);}
#main ul#videoBanners li a#ppVideo {background-image: url(../kidscorner/images/banner-party_planning.gif);}
#main ul#videoBanners li a#kcVideo {background-image: url(../kidscorner/images/banner-tasty_desserts.gif);}
#main ul#videoBanners li a#hfVideo {background-image: url(../kidscorner/images/banner-healthy_makeover_foods.gif);}
#main ul#videoBanners li a#bfVideo {background-image: url(../kidscorner/images/banner-breakfast_foods.gif);}
#main ul#videoBanners li a#ggVideo {background-image: url(../kidscorner/images/banner-goinggreenwithpasta.jpg);}
#main ul#videoBanners li a#ptVideo {background-image: url(../kidscorner/images/banner-pizzatime.jpg);}
embed {z-index: 9999999;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.png) no-repeat; width: 220px; min-height: 103px; margin-left: -928px; padding: 97px 0 0 0; position: relative; float: left;}
.naturalgashistory #sidebar {background: url(../naturalgashistory/images/bg-sidebar.png) no-repeat;}
.energyconservation #sidebar {background: url(../energyconservation/images/bg-sidebar.png) no-repeat;}
.cleanenergy #sidebar {background: url(../cleanenergy/images/bg-sidebar.png) no-repeat;}
.indoorsafety #sidebar {background: url(../indoorsafety/images/bg-sidebar.png) no-repeat;}
.outdoorsafety #sidebar {background: url(../outdoorsafety/images/bg-sidebar.png) no-repeat;}
#kidscorner #sidebar {background: url(../kidscorner/images/bg-sidebar.png) no-repeat;}
#aboutthissite #sidebar {background: url(../aboutthissite/images/bg-sidebar.png) no-repeat;}
#privacypolicy #sidebar {background: url(../privacypolicy/images/bg-sidebar.png) no-repeat;}
#termsconditions #sidebar {background: url(../termsconditions/images/bg-sidebar.png) no-repeat;}
#sidebar ul#sidebarNav {margin: 0 42px 15px 33px;}
#sidebar ul#sidebarNav li {list-style: none; display: inline;}
#sidebar ul#sidebarNav li a {color: #b90; border-bottom: 1px solid #f9f2cd; padding: 9px 0; font-size: 1.1em; font-weight: bold; display: block;}
.naturalgashistory #sidebar ul#sidebarNav li a {color: #a33; border-bottom: 1px solid #f1cece;}
.energyconservation #sidebar ul#sidebarNav li a {color: #690; border-bottom: 1px solid #ddebbf;}
.cleanenergy #sidebar ul#sidebarNav li a {color: #045d83; border-bottom: 1px solid #c0dae5;}
.indoorsafety #sidebar ul#sidebarNav li a {color: #a09; border-bottom: 1px solid #f1bfeb;}
.outdoorsafety #sidebar ul#sidebarNav li a {color: #a60; border-bottom: 1px solid #f1ddbf;}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {color: #fb0; text-decoration: none;}
.naturalgashistory #sidebar ul#sidebarNav li a:hover,.naturalgashistory #sidebar ul#sidebarNav li a.selected {color: #f33;}
.energyconservation #sidebar ul#sidebarNav li a:hover,.energyconservation #sidebar ul#sidebarNav li a.selected {color: #6b0;}
.cleanenergy #sidebar ul#sidebarNav li a:hover,.cleanenergy #sidebar ul#sidebarNav li a.selected {color: #1ac;}
.indoorsafety #sidebar ul#sidebarNav li a:hover,.indoorsafety #sidebar ul#sidebarNav li a.selected {color: #f5f;}
.outdoorsafety #sidebar ul#sidebarNav li a:hover,.outdoorsafety #sidebar ul#sidebarNav li a.selected {color: #f60;}
#sidebar .hr {background: url(../images/sidebar-hr.gif) no-repeat; width: 100%; height: 12px; margin: 0 30px 15px 23px; border: none;}
#sidebar .hr hr {border: none;}
.naturalgashistory #sidebar .hr {background: url(../naturalgashistory/images/sidebar-hr.gif) no-repeat;}
.energyconservation #sidebar .hr {background: url(../energyconservation/images/sidebar-hr.gif) no-repeat;}
.cleanenergy #sidebar .hr {background: url(../cleanenergy/images/sidebar-hr.gif) no-repeat;}
.indoorsafety #sidebar .hr {background: url(../indoorsafety/images/sidebar-hr.gif) no-repeat;}
.outdoorsafety #sidebar .hr {background: url(../outdoorsafety/images/sidebar-hr.gif) no-repeat;}
#sidebar ul#sidebarUtilityNav {margin: 0 42px 30px 33px;}
#sidebar ul#sidebarUtilityNav li {background: url(../images/icon-adobepdf.gif) no-repeat 0 8px; color: #999; padding: 9px 0 9px 30px; list-style: none; display: block; border-bottom: 1px solid #f9f2cd;}
.naturalgashistory #sidebar ul#sidebarUtilityNav li {border-bottom: 1px solid #f1cece;}
.energyconservation #sidebar ul#sidebarUtilityNav li {border-bottom: 1px solid #ddebbf;}
.cleanenergy #sidebar ul#sidebarUtilityNav li {border-bottom: 1px solid #c0dae5;}
.indoorsafety #sidebar ul#sidebarUtilityNav li {border-bottom: 1px solid #f1bfeb;}
.outdoorsafety #sidebar ul#sidebarUtilityNav li {border-bottom: 1px solid #f1ddbf;}
#sidebar ul#sidebarUtilityNav li a {font-weight: bold; display: block;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-footer.png) no-repeat; min-height: 95px; clear: both; position: relative;}
#footer p#lacledeGas a {width: 92px; height: 53px; top: 21px; left: 37px; position: absolute; display: block; text-indent: -9999px; outline: none;}
#footer ul#footerNav {margin: 0 40px 50px 0; padding: 31px 0 0 0; text-align: right;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {color: #ace; padding: 0 10px; font-weight: bold;}
#footer ul#footerNav li a:hover {color: #cef; text-decoration: none;}
#footer ul#footerUtilityNav {margin: 0 40px 20px 0; text-align: right;}
#footer ul#footerUtilityNav li {color: #a92; list-style: none; display: inline;}
#footer ul#footerUtilityNav li#copyright {padding: 0 10px;}
#footer ul#footerUtilityNav li#copyright a {padding: 0; font-weight: normal;}
#footer ul#footerUtilityNav li a {color: #a92; padding: 0 10px; font-weight: bold;}
#footer ul#footerUtilityNav li a:hover {color: #ba1; text-decoration: none;}