* html #footer{
margin:-60px 0 0;
}

*html #wrapper{
height: 100%;
}

html, body { 
height: 100%;
font-family : Arial, Helvetica, Verdana, sans-serif; 
font-size : 11px; 
color: #036; 
background-image: url(/images/bodybkg.gif);
background-repeat: repeat-x;
background-color: #dfd8d1;
}

a {
text-decoration: underline;
}
a img {
border: none;
}
a:link, a:visited {
color: #f60; 
}
a:hover {
color: #036;
}

h1 {
font-size: 40px;
color: #01467f;
margin-bottom: 10px;
}

.HeadlineO {
color: #e89418;
}

h2, .subhead, .subhead a {
font-size: 11px;
color: #e89418;
text-transform: uppercase;
margin-bottom: 0;
}

#wrapper {
background-image: url(/images/wrapperbkg.gif);
background-repeat: repeat-y;
width: 100%;
min-height: 100%;
}

#subwrap{
padding:0 0 60px;
}

#footer {
margin-top:-60px;
position:relative;
width:865px;
color: #c7af90;
font-size: 10px;
}

#footer a:link, #footer a:active, #footer a:visited {
color: #c7af90;
text-decoration: underline;
}

#footer a:hover {
color: #a08665;
}

#footerwrap{
margin-left: 195px;
}

#sidemenu {
width: 184px;
float: left;
margin: 0;
padding: 0;
background-color: #e89419;
}

.sidehighlight {
background-image: url(/images/sidehighlight.gif);
background-position: top right;
background-repeat: repeat-y;
background-color: #2c6197;
}

.subside {
background-repeat: no-repeat;
background-position: top right;
margin: 0;
padding: 0;
}

.logo {
background-image: url(/images/hdr_logo.gif);
background-color: #fff;
}

.blue {
overflow: visible;
background-image: url(/images/sidemenu_bluebkg.gif);
background-color: #00467f;
min-height: 427px;
voice-family: "\"}\""; /* hack */
voice-family:inherit;
min-height: 427px;
}

/* Be nice to opera */
html>body .blue {
min-height: 427px;
}

.blue ul {
font-family: Frutiger, Arial, Helvetica, Verdana, sans-serif;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
display: block;
list-style: none;
padding: 5px 0 5px 15px;
margin: 0;
width: 125px;
}

.blue li ul {
color: #f90;
text-transform: none;
margin-left: 0;
padding: 0;
padding-left: 1em;
text-indent: -1em;
width: 115px;
}

.blue a, .blue a:visited, .blue a:active, .blue a:hover {
font-family: Frutiger, Arial, Helvetica, Verdana, sans-serif;
color: #fff;
text-decoration: none;
}

*html .blue li ul {
width: 125px;
}

.blue sup {
font-size: 75%;
}

.yellow {
background-image: url(/images/sidemenu_top01.gif);
background-color: #e89419;
}

#content {
margin: 0;
padding: 0;
display: block;
}

#topmenu {
position: relative;
margin-left: 184px;
min-width: 625px;
}

.topmenusub {
position: relative;
margin: 0 auto 17px 0;
padding-top: 20px;
}

.topmenunav, .topmenunav ul { /* all lists */
padding: 0;
margin: 0;
list-style: none; /* no bullets next to links */
line-height: 27px; /* increases vertical size of dropdowns */
}

.topmenunav a {
display: block; /* Makes dropdowns appear directly below 1st tier */
font-size: 11px;
color: #ffffff;
text-decoration: none;
width: 100%; /* Makes the entire bar highlight in IE/Win */
}

.topmenunav a.parent {
background: url(/images/arrow.gif) no-repeat; background-position: 95% 50%; /* apply this style for arrow on dropdowns */
}

.topmenunav a.parent:hover {
background: url(/images/arrow.gif) center no-repeat; background-position: 95% 50%; /* so arrow will remain on a hover */
background-color: #3f6189; /* maintain hover color */
}

.topmenunav a:hover {
background: #3f6189; /* hover color */
text-decoration: none;
}

.topmenunav li { /* all list items */
float: left;
white-space: nowrap; /* take this off if you don't care about long text wrapping */
}

.topmenunav li ul { /* second-level lists */
z-index: 2; /* allows dropdowns to appear over flash content - if flash content is contained in a div with z-index under this number */
border: 1px solid black; border-bottom-style: none; /* draws borders on top and sides */
padding: 0px; /* was set at 5px but Mozilla doesn't like */
position: absolute;
background: #59799f; /* original background color of dropdowns */
width: 130px; /* size of dropdowns for all browsers - must be set here, but can be increased in the actual menu <ul> tags*/
width: expression('132px'); /* size of dropdowns for IE/WIN - add any padding and borders to this */
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

.topmenunav li ul li {
width: 100%;
border-bottom: 1px solid black; /* draws in bottom border on all boxes */
}

.topmenunav li ul ul { /* third-and-above-level lists */
margin: -28px 0 0 130px; /* X(top) X(right) X(bottom) X(left) - offsets for 3rd tier */
}

.topmenunav li:hover ul ul, #nav li.sfhover ul ul {
left: -999em; /* hides dropdowns off screen when not in hover state */
}

.topmenunav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
left: auto; /*brings dropdown to correct position when in hover state */
}

#maincontent {
width: 700px;
overflow: visible;
margin: 55px auto auto 205px;
padding: 0;
}

.bump {
margin-bottom: 10px;
}

td { 
font-family : Arial, Helvetica, Verdana, sans-serif; 
font-size : 11px; 
color: #036;
}

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}