/*

Light yellow: #FEFE98
Dark (header/footer) yellow: #FFE030

Light (bg) blue: #CCCCFF
Dark (logo/border) blue: #0053A6

*/

body {
font-family: Arial, Verdana;
font-size: 0.9em;
margin: 0;
background: #e2f1ff url('../images/bg2.gif') repeat-x left top;
}

#leftcontainer {
margin: auto;
}
#rightcontainer {
}

#container {
margin: auto;
background: transparent;
}

#accessibility {
position: absolute;
top: -100em;
}

#column {
}
#bar {
width: 100%;
background: #FFE030 url('../images/header.gif') repeat-x left top;
background: transparent;
}
#header {
margin: auto;
width: 53.9em;
background: #FFE030;
margin-top: 1em;
border-top: 1px solid #0053A6;
border-right: 1px solid #0053A6;
border-left: 1px solid #0053A6;
}
#header img {
display: block; /* Necessary to remove gap below logo. */
margin: auto;
border: 0;
}
#header p {
position: absolute;
top: 7.9em;
padding: 0;
margin: 0;
margin-left: 38.2em;
}

#sitemenu {
margin: auto;
width: 53.9em;
padding: 0;
background-color: #FEFE98;
border-right: 1px solid #0053A6;
border-left: 1px solid #0053A6;
border-bottom: 1px solid #0053A6;
border-top: 1px solid #0053A6;
height: 2.2em;
}
#sitemenu h2 {
display: none;
}
#sitemenu ul {
margin: 0;
padding: 0;
height: 2.2em;
line-height: 2.2em; /* Necessary to make the list height the same as the item anchor height. */
list-style: none;
position: absolute; /* We give the list an absolute position and set the menu height in order to allow the active items to extend over the bottom of the menu. This is necessary to give the proper appearance of active tabs in IE, because otherwise the active item border will be inside the menu. */
}
#sitemenu li {
display: inline;
}
#sitemenu li a {
float: left; /* Necessary to prevent gaps in between the items. */
padding: 0em 0.7em 0em 0.7em;
text-decoration: none;
white-space: nowrap;
color: #000000;
border-right: 1px solid #0053A6;
border-bottom: 1px solid #0053A6;
background: #FEFE98 url('../images/ytab.gif') bottom repeat-x;
}
#sitemenu li.active a {
background: #FFFFFF;
border-bottom: 1px solid #FFFFFF;
}
#sitemenu li a:hover {
background: #FEFE98 url('../images/ytab2.gif') top repeat-x;
}

#page {
margin: auto;
padding: 1.1em 1em 0.1em 1em; /* Necessary to prevent collapsing margins. */
width: 51.95em;
text-align: justify;
background: #FFFFFF;
border-right: 1px solid #0053A6;
border-left: 1px solid #0053A6;
}
#page h1 {
font-size: 1em;
background-color: #FEFE98;
background: #FEFE98 url('../images/ytab.gif') bottom repeat-x;
border: 1px solid #0053A6;
margin: 1em 0em 0em 0em;
padding: 0.5em;
display: none;
}
#page h2 {
font-size: 1em;
font-weight: normal;
background-color: #FEFE98;
background: #FEFE98 url('../images/ytab.gif') bottom repeat-x;
border: 1px solid #0053A6;
margin: 0em 0em 1em 0em;
padding: 0.3em 0.5em 0.3em 0.5em;
}
#page h3 {
font-size: 1em;
}
#page p {
margin: 0em 0em 1em 0em;
padding: 0;
}
#page dt {
font-weight: bold;
}
#page ul {
margin: 0em 0em 1em 0em;
padding: 0;
list-style: url('../images/disc.gif');
}
#page ul li {
margin: 1em 0em 0em 1.2em;
}
#page .text {
width: 34em;
margin: 0;
padding: 0;
float: left;
}

#page #sidebar {
float: right;
width: 16.8em;
}
#page #sidebar p {
font-size: 1.7em;
padding: 0;
line-height: 0;
margin-bottom: 0.75em;
border: 1px solid #0053A6; /* Necessary to stop movement when hovering over link image. */
}
#page #sidebar p.textonly {
text-align: center;
line-height: 1.4em;
padding: 0.7em;
color: #005386;
background: #e2f1ff url('../images/boxbg.gif') repeat-x left bottom;
}

#page .product {
clear: both;
}
#page .product .description {
margin-left: 15em;
padding-bottom: 1em;
}
#page .product .pic {
float: left;
}
#page .maptext {
float: left;
width: 23.5em;
}
#page .maptext table {
padding-bottom: 1em;
}
#map {
width: 27em;
padding: 0;
float: right;
}

#footer {
margin: auto;
width: 53.9em;
padding: 0;
background: #FFE030;
border: 1px solid #0053A6;
clear: both;
}
#footer p {
margin: 0;
padding: 1em;
font-size: 0.7em;
height: 1em;
line-height: 1em;
}
#footer .summary {
float: left;
}
#footer .credits {
float: right;
}

a {
color: #000000;
}
a:hover {
color: #0053A6;
}
a:active {
color: #0053A6;
}
hr {
display: none;
clear: both;
}

.separator {
clear: both;
margin: 0;
padding: 0;
line-height: 0; /* Necessary for IE to set height as 0. */
height: 0;
}
div.stretch { /* Necessary to stretch content to below floated content. */
clear: both;
margin: 0;
padding: 0;
line-height: 0; /* Necessary for IE to set height as 0. */
height: 0;
margin-top: -2em; /* Necessary to correct extra height added by IE. */
}
#page>div.stretch {
margin-top: 0em;
}