body {background: #024; color: #333;}
#wrap {width: 1004px; margin: 20px auto 50px; padding: 0; position: relative; font-size: 1em; border: 10px solid #047;}

/**************************************************header**************************************************/
#header {position: relative; z-index: 9999;}
#header #flash-home {background: url(../swf/flash-home.jpg) no-repeat; width: 1004px; height: 238px; position: relative;}
#header ul#headerNav {background: #e11; width: 100%; padding: 15px 0; position: relative; z-index: 999; text-align: center; border: solid #047; border-width: 3px 0;}
#header ul#headerNav li {color: #fff; font-size: 1.1em; font-weight: bold; line-height: 1.64; list-style: none; display: inline; position: relative; text-transform: uppercase;}
#header ul#headerNav li.hide {position: absolute;}
#header ul#headerNav li a {color: #fff; padding: 17px 0;}
#header ul#headerNav li a:hover,#header ul#headerNav li a.selected {text-decoration: underline;}

/*1st level dropdown*/
#header ul#headerNav li ul {background: #047; color: #dee; width: 15em; height: auto; margin: 15px 0 0 0; padding: 0; left: -9999em; position: absolute; z-index: 99; border: none;}
#header ul#headerNav li ul li {display: inline; text-transform: none;}
#header ul#headerNav li ul li a {color: #dee; height: auto; margin: 0 13px; padding: 5px 10px 5px 16px; font-size: 1em; display: block; position: relative; text-decoration: none; border-bottom: 1px solid #79b; text-align: left;}
#header ul#headerNav li ul li.last a {border: none;}
#header ul#headerNav li ul li a:hover {color: #79b; text-decoration: underline;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.iehover ul {left: 0;}

/**************************************************content area********************************************/
#content {overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '.'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*********************************************/
#main {background: #fff; width: 549px; margin-left: 224px; position: relative; float: left; border: solid #047; border-width: 0 3px;}/*see ie.css for fixes*/
#main .contentContainer {min-height: 400px; margin: 25px 30px; font-size: 1.1em; line-height: 1.64;}
#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 20px 10px 0;}
#main img.right {float: right; margin: 0 0 10px 20px;}
#main h2 {color: #047; margin: 0 0 5px 0; font-size: 1.45em; line-height: 1.13; text-transform: uppercase;}
#main h3 {color: #799; margin: 0 0 5px 0; font-size: 1.09em; line-height: 1.5; text-transform: lowercase;}
#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 {margin: 0 0 20px 0; border: 1px solid #c33;}
#main table thead tr th, #main table tfoot tr td {background: #c33; color: #fff; padding: 5px 10px; text-align: left; vertical-align: bottom;}
#main table tbody tr td {padding: 5px 10px; border-bottom: 1px solid #c33; 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: #dee; width: 224px; margin-left: -779px; position: relative; float: left;}
#sidebar .contentContainer {margin: 25px 30px; font-size: 1.1em; line-height: 1.27;}
#sidebar h2 {color: #047; font-size: 1.27em; line-height: 1.29; text-transform: uppercase;}
#sidebar h3 {color: #799; padding: 20px 0 0 0; font-size: 1.09em; line-height: 1.5; text-transform: lowercase;}
#sidebar h4 {font-weight: bold;}
#sidebar h4 a {color: #c33;}
#sidebar h4 a:hover {text-decoration: underline;}
#sidebar p {margin: 0 0 15px 0;}

/**************************************************right column********************************************/
#main_2 {background: #dee; width: 225px; position: relative; float: left;}
#main_2 .contentContainer {margin: 25px 30px; font-size: 1.1em; line-height: 1.3;}
#main_2 img.left {float: left; margin: 0 10px 30px 0;}
#main_2 img.right {float: right; margin: 0 0 30px 10px;}
#main_2 img.middle {margin: 0 auto 30px; display: block; text-align: center;}
#main_2 h2 {margin: 0 0 30px 0; font-size: 1em;}
#main_2 a {color: #c33; font-weight: bold;}
#main_2 a:hover {text-decoration: underline;}
#main_2 p {margin: 0 0 15px 0;}
#main, #sidebar, #main_2 {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footer {background: #e11; color: #cef; height: 15px; position: relative; clear: both; border: solid #047; border-width: 3px 0 0 0;}
#footer p#copyright {top: 35px; right: 0px; position: absolute;}
#footer ul {top: 35px; left: 0px; position: absolute;}
#footer ul li {list-style: none; display: inline;}
#footer ul li a {color: #cef; margin: 0 10px 0 0; font-weight: bold; text-decoration: none; text-transform: lowercase;}
#footer ul li a:hover {text-decoration: underline;}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}