html {background: #a0976b;}
body {background: #e0dabb url(../images/bg-body.jpg) repeat-x; color: #444;}
#wrap {background: url(../images/bg-home-wrap.gif) repeat-y; width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}
#wrap:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}

/**************************************************header**************************************************/
#header {width: 235px; float: left; position: relative;}
#header h1 {background: url(../images/bg-home-logo.gif) no-repeat; width: 235px; height: 188px;}
#header ul#headerNav {margin: 0 0 10px 0;}
#header ul#headerNav li {list-style: none; display: inline;}
#header ul#headerNav li a {background: transparent; width: 235px; height: 24px; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {background-position: -235px 0px;}
#header ul#headerNav li a#aslnk {background-image: url(../images/headerNav-aslnk.gif); height: 30px;}
#header ul#headerNav li a#omlnk {background-image: url(../images/headerNav-omlnk.gif);}
#header ul#headerNav li a#oslnk {background-image: url(../images/headerNav-oslnk.gif);}
#header ul#headerNav li a#oylnk {background-image: url(../images/headerNav-oylnk.gif);}
#header ul#headerNav li a#adlnk {background-image: url(../images/headerNav-adlnk.gif);}
#header ul#headerNav li a#uslnk {background-image: url(../images/headerNav-uslnk.gif);}
#header ul#headerNav li a#nslnk {background-image: url(../images/headerNav-nslnk.gif);}
#header ul#headerNav li a#eslnk {background-image: url(../images/headerNav-eslnk.gif);}
#header ul#headerNav li a#vslnk {background-image: url(../images/headerNav-vslnk.gif); height: 37px;}
#header ul#headerNav li a#rslnk {background-image: url(../images/headerNav-rslnk.gif);}
#header ul#headerNav li a#delnk {background-image: url(../images/headerNav-delnk.gif);}
#header ul#headerNav li a#cslnk {background-image: url(../images/headerNav-cslnk.gif); height: 25px;}
#header ul#headerNav li a#helnk {background-image: url(../images/headerNav-helnk.gif); height: 28px;}

#header ul#utilityNav {}
#header ul#utilityNav li {list-style: none; display: block;}
#header ul#utilityNav li a {width: 235px; height: 43px; margin: 0 0 7px 0; display: block; text-indent: -9999px; outline: none;}
#header ul#utilityNav li a:hover {background-position: -235px 0px;}
#header ul#utilityNav li a#usutlnk {background-image: url(../images/banner-upcoming_events.png);}
#header ul#utilityNav li a#pyutlnk {background-image: url(../images/banner-photo_gallery.png);}
#header ul#utilityNav li a#peutlnk {background-image: url(../images/banner-poison_love.png);}
#header ul#utilityNav li a#trutlnk {background-image: url(../images/banner-take_tour.png);}

/**************************************************content area********************************************/

/**************************************************main column*********************************************/
#main {background: url(../images/bg-home-main.gif) no-repeat 100% 396px; width: 725px; float: left; position: relative;}/*see ie.css for fixes*/
#main:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#main #flash-content {background: url(../swf/flash-content.jpg) no-repeat; width: 725px; height: 396px; position: relative;}
#main #flash {width: 725px; height: 396px;}
#main #flash-content p {text-indent: -9999px;}
#main #flash-content a {width: 139px; height: 57px; top: 318px; left: 290px; position: absolute; display: block; outline: none;}
#main #contentContainer {width: 383px; min-height: 220px; margin: 0 20px 0 50px; line-height: 1.38; font-size: 1.3em; float: left;}
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h3#title-welcome {background: url(../images/title-welcome.gif) no-repeat; width: 234px; height: 14px; margin: 30px 0 25px 0; text-indent: -9999px;}
#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: 600px; margin: 0 0 20px 0; border: 1px solid #910000;}
#main table thead tr th, #main table tfoot tr td {background: #910000; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #910000; 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*********************************************/

/**************************************************right column********************************************/
#main #callouts {width: 239px; float: left; position: relative;}
#main #callouts #callout-mission {background: url(../images/callout-mission.gif) no-repeat; width: 238px; height: 124px; margin: -40px 0 5px 1px; text-indent: -9999px; position: relative;}
#main #callouts #callout-applications {background: url(../images/callout-applications.gif) no-repeat; width: 239px; height: 125px;}
#main #callouts #callout-applications h3 {text-indent: -9999px;}
#main #callouts #callout-applications ul {margin: 44px 0 0 0;}
#main #callouts #callout-applications ul li {list-style: none; display: inline;}
#main #callouts #callout-applications ul li a {width: 239px; height: 17px; margin: 0 0 7px 0; display: block; text-indent: -9999px; outline: none;}
#main #callouts #callout-applications ul li a#requestlnk {cursor: default;}
/*#main #callouts #callout-applications ul li a#requestlnk:hover {background: url(../images/callout-requestlnk.gif) no-repeat;}*/
#main #callouts #callout-applications ul li a#applicationlnk {}
#main #callouts #callout-applications ul li a#applicationlnk:hover {background: url(../images/callout-applicationlnk.gif) no-repeat;}

/**************************************************footer**************************************************/
#footerWrap {background: #a0976b url(../images/bg-footerWrap.gif) repeat-x;}
#footer {background: url(../images/bg-home-footer.gif) repeat-x; width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1.1em; clear: both;}
#footer:after {clear: both; content: ''; display: block; height: 0; visibility: hidden;}
#footer address {color: #edb; padding: 20px 0 0 25px; float: left; font-style: normal;}
#footer address a {color: #fff; font-weight: bold;}
#footer address span.links {color: #edb; padding: 5px 0 0 0; text-transform: uppercase; display: block;}
#footer address span.links a {color: #fff; font-weight: bold;}
#footer p.facebook a {background: url(../images/callout-facebook.gif) no-repeat; width: 156px; height: 62px; margin: 5px 25px 0 0; float: right; display: block; text-indent: -9999em; overflow: hidden;}
#footer p.facebook a:hover {background-position: 0 -62px;}