/* Needed for polylines on IE */
/*
v\:* {
    behavior:url(#default#VML);
}
*/

/* Make map fill entire background */
html, body {
    height: 100%;
    margin: 0;
}
#map {
    height: 100%;
    margin: 0;
}

/* default colors */
body {
    background: #1e1d57;
}
#map {
    background: #1e1d57 !important;
}

/* Page title.  Three layers - a semi-transparent background, a black text
 * shadow, and white text. */
.title {
    position: absolute;
    top: 5%;
    left: 25%;
    width: 50%;
    /* height: 10%; */
    text-align: center;
    vertical-align: middle; /* doesn't work? */
    font-family: "Courier New", monospace;
    font-size: 64px;  /* Would like to say: x % of parent */
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
#titlebg {
    background: #000022;
    color: #000022;
    opacity: 0.40;
    filter:alpha(opacity=40);
}
#title0 {
    margin: -3px 6px -3px 6px;
    color: #000022;
}
#title {
    color: #ddddff;
}

/* Footer.  Background layer and text */
.footer {
    position: absolute;
    top: 95%;
    left: 25%;
    width: 50%;
    height: 2.5%;

    color: #ddddff;
}
#footerbg {
    background: #000022;
    color: #000022;
    opacity: 0.40;
    filter:alpha(opacity=40);
}
#footer {
    text-align: center;
    vertical-align: middle; /* doesn't work? */
    font-family: "Courier New", monospace;
    font-size: 16px;  /* Would like to say: x % of parent */
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}
.footer A {
    color: #ddddff;
    text-decoration: none;
}
.footer A:hover {
    text-decoration: underline;
}

/* Main content area.  An overall background layer, plus a left and right
 * background layer, and left and right content areas. */
.contents {
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 16px;
    color: #ffffee;
}
.contents .colhdr {
    font-family: "Bookman Old Style", "Book Antiqua", serif;
    font-size: 20px;
    color: #ffeeaa;
    text-decoration: underline;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}
.contents .subhdr {
    font-family: "Bookman Old Style", "Book Antiqua", serif;
    font-size: 18px;
    color: #ffeeaa;
    text-decoration: underline;
    margin-top: 0.6em;
    margin-bottom: 0.2em;
}
.contents B {
    color: #fff8cc;
}
.contents A {
    color: #88eeff;
    text-decoration: none;
}
.contents A.ext {
    color: #88ffee;
    text-decoration: none;
}
.contents A:hover {
    text-decoration: underline;
}
.contents UL {
    margin: 0.1em 0.1em 0.1em 1.5em;
    padding: 0;
}
.contents HR {
    margin: 10px 10% 5px 10%;
}
#contentsbg {
    position: absolute;
    top: 15%;
    left: 6%;
    width: 88%;
    height: 79%;

    background: #000022;
    opacity: 0.40;
    filter:alpha(opacity=40);
}
#contents1bg {
    position: absolute;
    top: 19%;
    left: 10%;
    width: 51%;
    height: 71%;

    background: #000022;
    opacity: 0.40;
    filter:alpha(opacity=40);
}
#contents2bg {
    position: absolute;
    top: 19%;
    left: 65%;
    width: 25%;
    height: 71%;

    background: #000022;
    opacity: 0.40;
    filter:alpha(opacity=40);
}
#contents-left {
    position: absolute;
    overflow-y: auto;
    top: 19%;
    left: 11%;
    width: 49%;
    height: 71%;

    /* IE only */
    scrollbar-base-color: #111122;
    scrollbar-arrow-color: #4444cc;
    scrollbar-darkshadow-color: #111122;
    scrollbar-face-color: #111122;
}
#contents-right {
    position: absolute;
    overflow-y: auto;
    top: 19%;
    left: 66%;
    width: 23%;
    height: 71%;

    /* IE only */
    scrollbar-base-color: #111122;
    scrollbar-arrow-color: #4444cc;
    scrollbar-darkshadow-color: #111122;
    scrollbar-face-color: #111122;
}