html {background: #a12;}
body {color: #443; background: #DDB url(../images/bg-body.png) repeat-x;}
#wrap {width: 966px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/************************************************** HEADER **************************************************/
#header {background: url(../images/bg-header.jpg); height: 178px; position: relative; z-index: 9999;}
/* Google Search */
#header form {background: url(../images/bg-form-google_search.jpg) no-repeat; width: 180px; height: 25px; position: absolute; top: 133px; left: 676px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px;}
#header form input {color: #E92; margin: 5px 0 0 10px; border: none; font-weight: bold;}
#header form button {background: url(../images/button-arrow-right.jpg) no-repeat; width: 23px; height: 20px; position: absolute; top: 3px; right: 3px;}
/* Header Nav */
#header ul#headerNav {height: 62px; position: absolute; top: 116px; z-index: 999;}
#header ul#headerNav li {height: 62px; position: absolute; top: 0px; list-style: none; display: inline;}
#header ul#headerNav li:hover, #header ul#headerNav li.iehover {background-position: 0 -62px;}
#header ul#headerNav li a {background: transparent; height: 62px; left: 0; position: absolute; display: block; text-indent: -9999px; outline: none;}
#header ul#headerNav li a:hover {text-decoration: none;}
#header ul#headerNav li#az {background-image: url(../images/headerNav-azlnk.png); width: 106px; left: 0px;}
#header ul#headerNav li#az a#azlnk {width: 106px;}
#header ul#headerNav li#as {background-image: url(../images/headerNav-aslnk.png); width: 119px; left: 106px;}
#header ul#headerNav li#as a#aslnk {width: 119px;}
#header ul#headerNav li#se {background-image: url(../images/headerNav-selnk.png); width: 133px; left: 225px;}
#header ul#headerNav li#se a#selnk {width: 133px;}
#header ul#headerNav li#ps {background-image: url(../images/headerNav-pslnk.png); width: 102px; left: 358px;}
#header ul#headerNav li#ps a#pslnk {width: 102px;}
#header ul#headerNav li#ae {background-image: url(../images/headerNav-aelnk.png); width: 102px; left: 460px;}
#header ul#headerNav li#ae a#aelnk {width: 102px;}
#header ul#headerNav li#gg {background-image: url(../images/headerNav-gglnk.png); width: 80px; left: 562px;}
#header ul#headerNav li#gg a#gglnk {width: 80px;}
/* 1st level dropdown */
#header ul#headerNav li ul {background: #FFF url(../images/bg-headerNav-dropdown.gif) no-repeat; width: 144px; height: auto; margin: 62px 0 0 0; padding: 10px 4px; left: -9999px; position: absolute; z-index: 99; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; box-shadow: 0 0.1em 0.7em #aaa; -moz-box-shadow: 0 0.1em 0.7em #aaa; -webkit-box-shadow: 0 0.1em 0.7em #aaa;}
#header ul#headerNav li ul li {height: auto; display: inline; position: relative; top: auto;}
#header ul#headerNav li ul li a {color: #269; height: auto; padding: 6px 10px 6px 15px; left: auto; font-size: 11px; font-weight: bold; text-decoration: none; position: relative; text-indent: 0;}
#header ul#headerNav li ul li a:hover {color: #E81; background: #ffe8c8 url(../images/bg-headerNav-dropdown-arrow.gif) no-repeat 0 50%; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}
/* Utility Nav */
#header ul#utilityNav {position: absolute; top: 52px; left: 560px;}
#header ul#utilityNav li {margin: 0 17px 0 0; list-style: none; float: left;}
#header ul#utilityNav li#ct {margin-right: 0;}
#header ul#utilityNav li a {height: 17px; background-repeat: no-repeat; display: block; text-indent: -9999px; outline: none;}
#header ul#utilityNav li a:hover {background-position: 0 -17px;}
#header ul#utilityNav li#ds a {background-image: url(../images/bg-utilityNav-daily_announcements.png); width: 136px;}
#header ul#utilityNav li#dy a {background-image: url(../images/bg-utilityNav-directory.png); width: 83px;}
#header ul#utilityNav li#cr a {background-image: url(../images/bg-utilityNav-calendar.png); width: 71px;}
#header ul#utilityNav li#ct a {background-image: url(../images/bg-utilityNav-contact.png); width: 58px;}
/* Take Me To Nav */
#header ul#takeMeToNav {height: 42px; position: absolute; top: 133px; left: 869px;}
#header ul#takeMeToNav li {list-style: none;}
#header ul#takeMeToNav li {background-image: url(../images/bg-header-takeMeTo.gif); width: 87px; height: 25px; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; text-indent: -9999px; outline: none; cursor: pointer;}
#header ul#takeMeToNav li:hover,#header ul#takeMeToNav li.iehover {height: 42px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
/* Dropdown */
#header ul#takeMeToNav li ul {background: #FFF; width: 144px; height: auto; margin: 25px 0 0 0; padding: 10px 4px; left: -9999px; position: absolute; z-index: 99; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0.1em 0.7em #aaa; -moz-box-shadow: 0 0.1em 0.7em #aaa; -webkit-box-shadow: 0 0.1em 0.7em #aaa;}
#header ul#takeMeToNav li ul li {width: 144px; height: auto; background-image: none; text-indent: 0;}
#header ul#takeMeToNav li ul li:hover,#header ul#takeMeToNav li ul li.iehover {height: auto;}
#header ul#takeMeToNav li ul li a {color: #269; height: auto; padding: 6px 10px 6px 15px; display: block; left: auto; font-size: 11px; font-weight: bold; text-decoration: none; position: relative;}
#header ul#takeMeToNav li ul li a:hover {color: #E81; background: #ffe8c8 url(../images/bg-headerNav-dropdown-arrow.gif) no-repeat 0 50%; display: block; text-decoration: none;}
#header ul#takeMeToNav li:hover ul, #header ul#takeMeToNav li.iehover ul {left: -65px;}

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

/**************************************************   MAIN   **************************************************/
#main {background: #F9F9F2; width: 808px; margin-left: 0; position: relative; float: left; font-size: 1.2em; line-height: 1.5em; z-index: 9;}/*see ie.css for fixes*/
#main img.left {float: left; margin: 0 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#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;}
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;}
/* Flash */
#main #flash-content {background: url(../swf/bg-flash.jpg) no-repeat; width: 808px; height: 222px; position: relative;}
#main #flash {width: 808px; height: 222px; display: block;}
/* News & Events */
#main #newsEvents {background: #F9F9F2 url(../images/bg-main-newsEvents.png) no-repeat 0 100%; width: 329px; height: 352px; margin: 0 0 0 480px; padding: 67px 0 0 0; position: relative; float: left; overflow: auto;  }
#main #newsEvents .contentContainer {margin: 0 30px;}
#main #newsEvents h3 {background: url(../images/bg-news_and_events.gif) no-repeat; height: 15px; text-indent: -9999px; overflow: hidden;;}
#main #newsEvents h4 {margin: 0 0 3px 0; font-size: 12px;}
#main #newsEvents p {margin: 0 0 15px 0;}
#main #newsEvents p.seeAll a {background-image: url(../images/bg-seeAll.gif); width: 70px; height: 19px; display: block; position: absolute; top: 65px; left: 172px; text-indent: -9999px; overflow: hidden;}
#main #newsEvents p.seeAll a:hover {background-position: 0 -19px;}
#main #newsEvents .dateInfo {background: url(../images/bg-newsEvents-dateInfo.gif) no-repeat; width: 38px; height: 44px; margin: 0 7px 7px 0; position: relative; float: left;}
#main #newsEvents .dateInfo .month {color: #FFF; width: 30px; margin: 0 4px 0 4px; font-size: 10px; font-weight: bold; text-transform: uppercase; text-align: center; position: absolute; top: 0;}
#main #newsEvents .dateInfo .date {color: #E92; width: 30px; margin: 0 4px 0 4px; font-size: 20px; font-weight: bold; text-align: center; position: absolute; top: 20px;}
/* Welcome Intro */
#main #welcomeIntro {background: url(../images/bg-main-welcomIntro.png); width: 240px; height: 358px; margin: 0 0 0 -569px; padding: 61px 0 0 0; float: left;}
#main #welcomeIntro .contentContainer {height: 358px; margin: 0 20px; overflow-y: auto; overflow-x: hidden;}
#main #welcomeIntro h4 {color: #A12; margin: 10px 0 2px 0; font-size: 14px; font-weight: bold;}
#main #welcomeIntro p.learnMore a {background-image: url(../images/bg-learnMore.gif); width: 90px; height: 19px; display: block; text-indent: -9999px; overflow: hidden;;}
#main #welcomeIntro p.learnMore a:hover {background-position: 0 -19px;}
/* Callouts */
#main #callouts {background: url(../images/bg-main-callouts.png); width: 240px; height: 349px; margin: 0 0 0 -809px; padding: 70px 0 0 0; float: left;}
#main #callouts p#signUp a {background-image: url(../images/button-enews_sign_up.png); width: 201px; height: 69px; display: block; text-indent: -9999px; overflow: hidden;;}
#main #callouts p#signUp a:hover {background-position: 0 -69px;}
#main #callouts p#mediaGalleries a {background-image: url(../images/button-media_galleries.png); width: 201px; height: 69px; margin: 25px 0 0 0; display: block; text-indent: -9999px; overflow: hidden;}
#main #callouts p#mediaGalleries a:hover {background-position: 0 -69px;}
#main #callouts p#submitVizNews a {background-image: url(../images/button-submit_viz_news.png); width: 201px; height: 69px; margin:0 0; display: block; text-indent: -9999px; overflow: hidden;}
#main #callouts p#submitVizNews a:hover {background-position: 0 -69px;}
#main #callouts p#facebook a {height:68px; width:204px; margin:0 0 0 -3px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/facebook-twitter-callout.png) 0px -20px no-repeat;}
#main #callouts p#facebook a:hover {background-position:-204px -20px;}
#main #callouts p#twitter a {height:67px; width:204px; margin:0 0 0 -3px; display:block; text-indent:-9999px; overflow:hidden; background:url(../images/facebook-twitter-callout.png) 0px -98px no-repeat;}
#main #callouts p#twitter a:hover {background-position:-204px -98px;}

/**************************************** Right Column (Image Scroller **************************************/
#scroller {background: url(../images/bg-scroller.gif) no-repeat 100% 0; width: 158px; height: 641px; position: absolute; right: 0; overflow: hidden; z-index: 99;}
#scroller .imageStrip {margin: 0 0 0 18px; padding: 0; position: absolute; right: 13px;}
#scroller .imageStrip img {width: 127px; display: block; border: none;}
#scroller .loading {color: #EE923B; background: #EEE; width: 85px; margin: 0 auto; padding: 10px; position: absolute; top: 220px; left: 28px; font-size: 14px; font-weight: bold;  border: 1px solid #EE923B; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
#scroller .infoWrapper {position: relative; border: solid #fff; border-width: 1px 0;}
#scroller .infoWrapper .toggleInfo {background: #FFF url(../images/bg-toggleInfo.jpg) repeat-x 0 100%; width: 260px; padding: 0 10px; position: absolute; top: 0; right: 129px; border: solid #FFF; border-width: 0 0 3px 3px; border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-box-shadow: 0 0.1em 0.7em #aaa; -webkit-box-shadow: 0 0.1em 0.7em #AAA; display: none;}
#scroller .infoWrapper .toggleInfo h5 {color: #D81; margin: 20px 20px 10px 20px; font-size: 14px;}
#scroller .infoWrapper .toggleInfo p {color: #665; margin: 0 20px 15px 20px; font-size: 10px;}
#scroller .infoWrapper .toggleInfo p.learnMore a {background-image: url(../images/bg-learnMore.png); width: 90px; height: 19px; display: block; text-indent: -9999px; outline: none;}
#scroller .infoWrapper .toggleInfo p.learnMore a:hover {background-position: 0 -19px;}

/************************************************** FOOTER **************************************************/
#footerWrap {background: #a12 url(../images/bg-footerWrap.png) repeat-x; font-size: 11px; font-weight: bold; position: relative;}
#footerWrap:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}
#footerWrap .dropShadow {background: url(../images/bg-dropShadow.png) repeat-x; width: 100%; height: 4px; top: -4px; left: 0; position: absolute; display: block; z-index: 999;}
#footer {background: url(../images/bg-footer.png) no-repeat; width: 966px; min-height: 241px; margin: 0 auto; padding: 0 0 50px 0; position: relative; clear: both;}
#footer ul#footerNav li {width: 128px; padding: 50px 10px 0 0; float: left; list-style: none; display: block;}
#footer ul#footerNav li a {color: #FFF; margin: 0 0 3px 0; font-size: 14px; text-transform: uppercase;}
#footer ul#footerNav li ul li {background: url(../images/bullet-footer.png) no-repeat 0 5px; width: auto; padding: 0 0 0 10px; float: none;}
#footer ul#footerNav li ul li a {color: #FA3; font-size: 1em; text-transform: none;}
#footer ul#footerNav li ul li a:hover {color: #FC9;}
#footer ul#footerUtility {width: 112px; padding: 25px 0 60px 15px; border-left: 1px solid #c57d73; position: relative; top: 50px; float: left;}
#footer ul#footerUtility li {list-style: none;}
#footer ul#footerUtility li#copyright {color: #DDB; padding: 0 0 15px 0;}
#footer ul#footerUtility li a {color: #FA3;}
#footer ul#footerUtility li a:hover {color: #FC9;}