BODY,HTML {background-color: #D4E1F1; margin: 0px}
BODY,TD {color: black; font-family: Verdana, sans-serif; font-size: 8pt; text-align: justify}
A {color: #000080}
A:hover {color: #0000C0}
#title {z-index: 1; top: 0px; left: 0px; right: 0px; height: 88px; position: absolute}

#masthead {position: absolute; top: 5px; left: 10px; z-index: 50}
#linkbar {z-index: 3; position: absolute; left: 0px; top: 88px; right: 0px; height: 20px; padding: 0px 0px 0px 20px; text-align: left}
#linkbar A {position: relative; top: 1px; padding: 0px 0px 10px; text-decoration: none; color: white}
.menu {position: absolute; top: 108px; width: 175px; border: solid black 1px; padding: 0px; z-index: 4}
.sub_hint {display: inline; float: right; margin-right: 3px; font-size: 12pt; line-height: 15px}
.smallprint {font-size: 8pt}
.menu A {display: block; text-decoration: none; color: black; padding: 0.3em 0px 0.3em 10px; line-height: 1.4em}
.menu A:hover {color: white}

@media all {
.pagecontent {position: relative; top: 0px; }
}
@media screen {
.pagecontent {position: relative; left: 0px; top: 0px; right: 0px; margin: 0px 30px; padding-bottom: 5px;}
* html .pagecontent {left: 30px; margin: 0px 0px; }
}

div.contentframe {padding: 0; position: absolute; top: 110px; width: 100%; left: 0px; right: 0; margin: 0 auto; bottom: 0px; overflow: auto;}

/* Daft old IE doesn't understand implement CSS positioning properly, so I'll compute the positioning information for it.*/
* html div.contentframe {height: expression((document.body.clientHeight - 110) + "px"); )}


H2 {border-bottom-style: solid; border-bottom-width: 1px}
.data TH, .data TD {font-size: 10pt; padding: 2px 5px; text-align: left}
.data TH {color: white}
.data TH.sub { color: black}
.data TD {background-color: white}
.data {background-color: black}
IMG {border: none}
IMG.right {margin-left: 25px}
IMG.left {margin-right: 20px; margin-bottom: 20px; float: left}
P.clear {clear: both}
.tablehead {color: white; font-weight: bold}

.menu A:hover, .data TH, #title {background-color: #E0E0F0}
#linkbar, .data TH.sub, .menu {background-color: #000066; color: white}
H2 {border-bottom-color: #A0A0B8}
A:hover {color: #A78D76}
A {color: #513C2B}

/* #title {background-image: url('images/header.jpg'); background-position: 0% top}
#linkbar, .menu {background-image: url('images/light.jpg')} */

#linkbar {background-position: 0% -50px}

.menu A, #linkbar {font: Tahoma, sans-serif; font-size: 8pt}
#title img {position: absolute; top: 10px; left: 10px}
#subtitle {position: absolute; left: 200px; top: 32px; color: #2323BF; font-size: 28px}

#title {background-color: #D4E1F1}

ul {list-style: square}

h3 {color: #2323BF}
