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

/**************************************************header**************************************************/
#header {height: 289px; position: relative; z-index: 9999;}
#header #flashcontent {width: 950px; height: 233px; top: 56px; left: 0px; position: relative; z-index: 9;}
#header #flashcontent #flash {width: 950px; height: 233px;}
#header .flasherror {background: url(../swf/header-home-flash.jpg) no-repeat; width: 950px; height: 233px;}
#header .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 500px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 50px; display: none;}
#header ul#headerNav {width: 950px; height: 56px; top: 0; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 56px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -56px;}
#header ul#headerNav li a {background: transparent; height: 56px; left: 0; position: absolute; display: block; text-indent: -9999px;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#a2 {background-image: url(../images/headerNav-hm-a2lnk.gif); width: 134px; left: 0px;}
#header ul#headerNav li#a2 a#a2lnk {width: 134px;}
#header ul#headerNav li#tg {background-image: url(../images/headerNav-hm-tglnk.gif); width: 78px; left: 134px;}
#header ul#headerNav li#tg a#tglnk {width: 78px;}
#header ul#headerNav li#bs {background-image: url(../images/headerNav-hm-bslnk.gif); width: 78px; left: 212px;}
#header ul#headerNav li#bs a#bslnk {width: 78px;}
#header ul#headerNav li#ns {background-image: url(../images/headerNav-hm-nslnk.gif); width: 114px; left: 290px;}
#header ul#headerNav li#ns a#nslnk {width: 114px;}
#header ul#headerNav li#cs {background-image: url(../images/headerNav-hm-cslnk.gif); width: 108px; left: 404px;}
#header ul#headerNav li#cs a#cslnk {width: 108px;}
#header ul#headerNav li#pe {background-image: url(../images/headerNav-hm-pelnk.gif); width: 146px; left: 512px;}
#header ul#headerNav li#pe a#pelnk {width: 146px;}
#header ul#headerNav li#og {background-image: url(../images/headerNav-hm-oglnk.gif); width: 95px; left: 658px;}
#header ul#headerNav li#og a#oglnk {width: 95px;}
#header ul#headerNav li#ct {background-image: url(../images/headerNav-hm-ctlnk.gif); width: 75px; left: 753px;}
#header ul#headerNav li#ct a#ctlnk {width: 75px;}
#header ul#headerNav li#my {background-image: url(../images/headerNav-hm-mylnk.gif); width: 122px; left: 828px;}
#header ul#headerNav li#my a#mylnk {width: 122px;}
/*1st level dropdown*/
#header ul#headerNav li div {margin: 56px 0 0 0; left: -9999px; position: absolute; z-index: 99;}
#header ul#headerNav li:hover div, #header ul#headerNav li.iehover div {left: 0;}
#header ul#headerNav li div ul {background: url(../images/bg-headerNav-ul.png); color: #fcc; width: 186px; height: auto; padding: 5px 0;}
#header ul#headerNav li div ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li div ul li a {color: #ccc; height: auto; padding: 5px 10px 5px 20px; left: auto; font-size: 1em; font-weight: bold; position: relative; text-indent: 0px;}
#header ul#headerNav li div ul li a:hover {color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li div span {background: url(../images/bg-headerNav-span.png); width: 186px; height: 5px; display: block;}

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

/**************************************************main column*********************************************/
#main {width: 442px; margin: 40px 0 0 255px; position: relative; float: left; }/*see ie.css for fixes*/
#main #contentContainer {margin: 0 35px; line-height: 2; font-size: 1.1em;}
#main img.left {float: left; margin: 0 10px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 10px;}
#main h3 {color: #456; margin: 0 0 5px 0; font-weight: bold; font-size: 1.4em; text-transform: uppercase;}
#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;}
#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 table {width: 373px; margin: 0 0 20px 0; border: 1px solid #a00; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #a00; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #a00; vertical-align: middle;}
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-home-sidebar.gif) no-repeat; width: 255px; min-height: 350px; margin-left: -697px; position: relative; float: left;}
#sidebar h3 {background: url(../images/title-whats-new.gif) no-repeat; width: 242px; height: 22px; margin: 0 0 35px 0; text-indent: -9999px;}
#sidebar #sidebarContainer {margin: 0 25px; line-height: 1.4; font-size: 1.1em;}
#sidebar img.left {float: left; margin: 0 20px 10px 0;}
#sidebar img.right {float: right; margin: 0 0 10px 20px;}
#sidebar h4 {color: #a00; margin: 0 0 5px 0; font-weight: bold;}
#sidebar h5 {margin: 0 0 5px 0; font-weight: bold;}
#sidebar p {margin: 0 0 20px 0;}
#sidebar ul {margin: 0 0 20px 20px;}
#sidebar ol {margin: 0 0 20px 30px;}
#sidebar ul li {margin: 0 0 10px 0;}
#sidebar ol li {margin: 0 0 10px 0;}
#sidebar ol li ul, #sidebar ul li ul {margin: 10px 0 0 20px;}
#sidebar ol li ol, #sidebar ul li ol {margin: 10px 0 0 30px;}
#sidebar ol li ol li, #sidebar ul li ol li {list-style: decimal;}
#sidebar dl {margin: 0 0 20px 0;}
#sidebar dl dt {margin: 0 0 3px 0;}
#sidebar dl dd {margin: 0 0 15px 0;}
#sidebar table {width: 205px; margin: 0 0 20px 0; border: 1px solid #a00; display: table; border-collapse: collapse;}
#sidebar table thead {display: table-header-group;}
#sidebar table thead tr {display: table-row;}
#sidebar table thead tr th, #sidebar table tfoot tr td {background: #a00; color: #fff; display: table-cell; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#sidebar table tbody {display: table-row-group;}
#sidebar table tbody tr {display: table-row;}
#sidebar table tbody tr td {display: table-cell; padding: 5px 10px; border-bottom: 1px solid #a00; vertical-align: middle;}

/**************************************************right column********************************************/
#main_2 {background: url(../images/bg-home-main_2.gif) no-repeat; width: 253px; min-height: 350px; padding: 7px 0 0 0; position: relative; float: left;}
#main_2 p a {background-repeat: no-repeat; width: 208px; height: 54px; margin: 0 0 10px 28px; display: block; text-indent: -9999px;}
#main_2 p a:hover {background-position: 0 -54px;}
#main_2 p#banner-stl-pipeline a {background-image: url(../images/banner-stlpipeline.jpg); height: 90px;}
#main_2 p#banner-stl-pipeline a:hover {background-position: 0 0;}
#main_2 p#banner-legislative-information a {background-image: url(../images/banner-legislative-information.jpg);}
#main_2 p#banner-emerald-greens a {background-image: url(../images/banner-emerald-greens.jpg);}
#main_2 p#banner-united-association a {background-image: url(../images/banner-united-association.jpg); height: 59px;}
#main_2 p#banner-united-association a:hover {background-position: 0 -59px}
#main_2 p#banner-links a {background-image: url(../images/banner-links.jpg);}

/**************************************************footer**************************************************/
#footer {background: #eeeded url(../images/bg-footer.gif) repeat-x; color: #999; position: relative; clear: both;}
#footer p#copyright {text-align: right; padding: 15px 35px;}