body {background: #f2da77 url(../images/bg-body.jpg) repeat-x; color: #666;}
#wrap {width: 977px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-header.jpg) no-repeat; height: 335px; z-index: 9999;}
.meetthegang #header {background: url(../images/meetthegang/bg-header.jpg) no-repeat;}
.naturalgashistory #header {background: url(../images/naturalgashistory/bg-header.jpg) no-repeat;}
/*green energy*/
.greenenergy #header {background: url(../images/greenenergy/bg-header.jpg) no-repeat;}
.cleanenergy #header {background: url(../images/greenenergy/bg-header-cleanenergy.jpg) no-repeat;}
/*natural gas safety*/
.naturalgassafety #header {background: url(../images/naturalgassafety/bg-header.jpg) no-repeat;}
.outdoor #header {background: url(../images/naturalgassafety/bg-header-outdoor.jpg) no-repeat;}
.playandlearn #header {background: url(../images/playandlearn/bg-header.jpg) no-repeat;}
#header ul#utilityNav {width: 49px; height: 21px; top: 51px; left: 235px; position: absolute;}
#header ul#utilityNav li {list-style: none; display: inline;}
#header ul#utilityNav li a {height: 21px; top: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#utilityNav li a#heutlnk {background: url(../images/utilityNav-helnk.gif) no-repeat; width: 49px; left: 0;}
#header ul#headerNav {width: 960px; height: 75px; top: 240px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 75px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -75px;}
#header ul#headerNav li a {background: transparent; height: 75px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#mg {background-image: url(../images/headerNav-mglnk.png); width: 155px; left: 0px;}
.meetthegang #header ul#headerNav li#mg {background-position: 0 -75px;}
#header ul#headerNav li#mg a#mglnk {width: 155px;}
#header ul#headerNav li#ny {background-image: url(../images/headerNav-nylnk.png); width: 160px; left: 155px;}
.naturalgashistory #header ul#headerNav li#ny {background-position: 0 -75px;}
#header ul#headerNav li#ny a#nylnk {width: 160px;}
#header ul#headerNav li#gy {background-image: url(../images/headerNav-gylnk.png); width: 168px; left: 315px;}
.greenenergy #header ul#headerNav li#gy {background-position: 0 -75px;}
#header ul#headerNav li#gy a#gylnk {width: 168px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-nslnk.png); width: 157px; left: 483px;}
.naturalgassafety #header ul#headerNav li#ns {background-position: 0 -75px;}
#header ul#headerNav li#ns a#nslnk {width: 157px;}
#header ul#headerNav li#pn {background-image: url(../images/headerNav-pnlnk.png); width: 157px; left: 640px;}
.playandlearn #header ul#headerNav li#pn {background-position: 0 -75px;}
#header ul#headerNav li#pn a#pnlnk {width: 157px;}
#header ul#headerNav li#es {background-image: url(../images/headerNav-eslnk.png); width: 163px; left: 797px;}
.educationalresources #header ul#headerNav li#es {background-position: 0 -75px;}
#header ul#headerNav li#es a#eslnk {width: 163px;}

/**************************************************content area********************************************/
#content {background: url(../images/bg-content.png) repeat-y; padding: 0 36px 20px 13px;}/*see ie.css for fixes*/
.meetthegang #content {background: url(../images/meetthegang/bg-content.png) repeat-y;}
.naturalgashistory #content {background: url(../images/naturalgashistory/bg-content.png) repeat-y;}
.greenenergy #content {background: url(../images/greenenergy/bg-content.png) repeat-y;}
.naturalgassafety #content {background: url(../images/naturalgassafety/bg-content.png) repeat-y;}
.playandlearn #content {background: url(../images/playandlearn/bg-content.png) repeat-y;}
#content:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.jpg) no-repeat; width: 708px; min-height: 500px; margin-left: 220px; position: relative; float: left;}/*see ie.css for fixes*/
.meetthegang #main {background: url(../images/meetthegang/bg-main.jpg) no-repeat;}
.naturalgashistory #main {background: url(../images/naturalgashistory/bg-main.jpg) no-repeat;}
.greenenergy #main {background: url(../images/greenenergy/bg-main.jpg) no-repeat;}
.naturalgassafety #main {background: url(../images/naturalgassafety/bg-main.jpg) no-repeat;}
.playandlearn #main {background: url(../images/playandlearn/bg-main.jpg) 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;}
.meetthegang #main h3 {color: #3ac;}
.naturalgashistory #main h3 {color: #e44;}
.greenenergy #main h3 {color: #7b1;}
.naturalgassafety #main h3 {color: #e70;}
.playandlearn #main h3 {color: #e6e;}
#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(../images/playandlearn/banner-after_school_snacks.gif);}
#main ul#videoBanners li a#pcVideo {background-image: url(../images/playandlearn/banner-prehistoric_cooking.gif);}
#main ul#videoBanners li a#ppVideo {background-image: url(../images/playandlearn/banner-party_planning.gif);}
#main ul#videoBanners li a#kcVideo {background-image: url(../images/playandlearn/banner-tasty_desserts.gif);}
#main ul#videoBanners li a#hfVideo {background-image: url(../images/playandlearn/banner-healthy_makeover_foods.gif);}
#main ul#videoBanners li a#bfVideo {background-image: url(../images/playandlearn/banner-breakfast_foods.gif);}
#main ul#videoBanners li a#ggVideo {background-image: url(../images/playandlearn/banner-goinggreenwithpasta.jpg);}
#main ul#videoBanners li a#ptVideo {background-image: url(../images/playandlearn/banner-pizzatime.jpg);}
#main p.memoryGame a {background: url(../images/playandlearn/banner-matching_game.jpg) no-repeat; width: 275px; height: 153px; float: left; display: block; text-indent: -9999em; overflow: hidden;}
#main p.pipeGame a {background: url(../images/playandlearn/banner-pipe_connect_game.jpg) no-repeat; width: 275px; height: 153px; float: right; display: block; text-indent: -9999em; overflow: hidden;}
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;}
.meetthegang #sidebar {background: url(../images/meetthegang/bg-sidebar.jpg) no-repeat;}
.naturalgashistory #sidebar {background: url(../images/naturalgashistory/bg-sidebar.jpg) no-repeat;}
.greenenergy #sidebar {background: url(../images/greenenergy/bg-sidebar.jpg) no-repeat;}
.naturalgassafety #sidebar {background: url(../images/naturalgassafety/bg-sidebar.jpg) no-repeat;}
.playandlearn #sidebar {background: url(../images/playandlearn/bg-sidebar.jpg) no-repeat;}
.educationalresources #sidebar {background: url(../images/educationalresources/bg-sidebar.jpg) no-repeat;}
.privacypolicy #sidebar {background: url(../images/privacypolicy/bg-sidebar.jpg) no-repeat;}
.termsconditions #sidebar {background: url(../images/termsconditions/bg-sidebar.jpg) no-repeat;}
/*level 2*/
#sidebar ul#sidebarNav {margin: 0 31px 15px 25px;}
#sidebar ul#sidebarNav li {list-style: none; display: block;}
#sidebar ul#sidebarNav li a {background-image: url(../images/bg-sidebar-a.png); background-position: 0 100%; background-repeat: no-repeat; color: #fff; margin: 0 0 5px; padding: 0 0 8px; font-size: 1.1em; font-weight: bold; display: block;}
.meetthegang #sidebar ul#sidebarNav li a {background-image: url(../images/meetthegang/bg-sidebar-a.png);}
.naturalgashistory #sidebar ul#sidebarNav li a {background-image: url(../images/naturalgashistory/bg-sidebar-a.png);}
.greenenergy #sidebar ul#sidebarNav li a {background-image: url(../images/greenenergy/bg-sidebar-a.png);}
.naturalgassafety #sidebar ul#sidebarNav li a {background-image: url(../images/naturalgassafety/bg-sidebar-a.png);}
.playandlearn #sidebar ul#sidebarNav li a {background-image: url(../images/playandlearn/bg-sidebar-a.png);}
#sidebar ul#sidebarNav li a:hover,#sidebar ul#sidebarNav li a.selected {background-position: 100% 100%; text-decoration: none;}
#sidebar ul#sidebarNav li a span {background-image: url(../images/bg-sidebar-span.png);background-repeat: no-repeat; color: #fff; padding: 9px 10px 4px 20px; display: block;}
.meetthegang #sidebar ul#sidebarNav li a span {background-image: url(../images/meetthegang/bg-sidebar-span.png);}
.naturalgashistory #sidebar ul#sidebarNav li a span {background-image: url(../images/naturalgashistory/bg-sidebar-span.png);}
.greenenergy #sidebar ul#sidebarNav li a span {background-image: url(../images/greenenergy/bg-sidebar-span.png);}
.naturalgassafety #sidebar ul#sidebarNav li a span {background-image: url(../images/naturalgassafety/bg-sidebar-span.png);}
.playandlearn #sidebar ul#sidebarNav li a span {background-image: url(../images/playandlearn/bg-sidebar-span.png);}
#sidebar ul#sidebarNav li a:hover span,#sidebar ul#sidebarNav li a.selected span {background-position: 0 -100px;}
/*level 3*/
#sidebar ul#sidebarNav li ul {background: url(../images//bg-sidebar-ul.png) no-repeat 0 100%; top: -7px; padding: 5px 23px 13px 19px; position: relative;}
.meetthegang #sidebar ul#sidebarNav li ul {background: url(../images/meetthegang/bg-sidebar-ul.png) no-repeat 0 100%;}
.naturalgashistory #sidebar ul#sidebarNav li ul {background: url(../images/naturalgashistory/bg-sidebar-ul.png) no-repeat 0 100%;}
.greenenergy #sidebar ul#sidebarNav li ul {background: url(../images/greenenergy/bg-sidebar-ul.png) no-repeat 0 100%;}
.naturalgassafety #sidebar ul#sidebarNav li ul {background: url(../images/naturalgassafety/bg-sidebar-ul.png) no-repeat 0 100%;}
.playandlearn #sidebar ul#sidebarNav li ul {background: url(../images/playandlearn/bg-sidebar-ul.png) no-repeat 0 100%;}
#sidebar ul#sidebarNav li ul li {}
#sidebar ul#sidebarNav li ul li a {background-image: none !important; color: #fece65; margin: 0; padding: 5px 0; font-size: .91em; border-bottom: 1px solid #d79700;}
.meetthegang #sidebar ul#sidebarNav li ul li a {color: #38b1f1; border-bottom: 1px solid #186da6;}
.naturalgashistory #sidebar ul#sidebarNav li ul li a {color: #fa9a8a; border-bottom: 1px solid #cb1b20;}
.greenenergy #sidebar ul#sidebarNav li ul li a {color: #68c600; border-bottom: 1px solid #4ea000;}
.naturalgassafety #sidebar ul#sidebarNav li ul li a {color: #ed7f2e; border-bottom: 1px solid #bc5700;}
.playandlearn #sidebar ul#sidebarNav li ul li a {color: #ffa1fb; border-bottom: 1px solid #c841b7;}
#sidebar ul#sidebarNav li ul li a:hover,#sidebar ul#sidebarNav li ul li a.selected {background-image: none !important; color: #fff !important;}


/**************************************************footer**************************************************/
#footer {background: url(../images/bg-footer.png) no-repeat; min-height: 101px; top: -20px; 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: 36px 0 0 0; text-align: right;}
#footer ul#footerNav li {list-style: none; display: inline;}
#footer ul#footerNav li a {color: #ace; padding: 0 8px; 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;}