body {
background:#9dfffe;
color:Black;
margin:0;
scrollbar-face-color: #0c4a84;
scrollbar-highlight-color: #ccffff;
scrollbar-3dlight-color: #ccccff;
scrollbar-darkshadow-color: #000033;
scrollbar-shadow-color: #000066;
scrollbar-arrow-color: #ff0000;
scrollbar-track-color: #99ffff;
}

H1, H2, H3, H4, H5 { font-family: Trebuchet MS, Arial, Helvetica, Verdanna, Sans Serif}
BODY,  B, LI, TD, P, UL, OL { font-family:  Arial, Helvetica, Verdanna, Sans Serif}
H1 { color:  #0c4a84; font-style: normal; font-weight: bold; font-size: 24pt }
H2 { color:  #0c4a84; font-style: normal; font-weight: bold; font-size: 20pt }
H3 { color:  #0c4a84;; font-style: normal; font-weight: bold; font-size: 16pt }
H4 { color:  #0c4a84;; font-style: normal; font-weight: bold; font-size: 13pt }
H5 { color:  #000066; font-style: italic; font-weight: bold; font-size: 11pt }
H6 { color:  #000066; font-style: normal; font-weight: normal; font-size: 9pt }
B  { color:  #0c4a84; font-style: normal; font-weight: bold; font-size: 10pt }
BODY, LI,TD, P { color:#000066; font-style:normal; font-weight:normal; font-size:10pt }

A { font-weight:normal; font-size:10pt; }
A:link     { color:#000066; text-decoration:underline; }
A:visited { color:#000066; text-decoration:underline; }
A:active { color:#fff; background:#0c4a84; text-decoration:none; }
A:hover  { color:#fff; background:#0c4a84; text-decoration:none; }

#platypus { float:left; clear:left; text-align:left; margin:0 1% 2px 1%; padding:0; }

#platypus a:link, #platypus a:visited {font-size:7pt; font-weight:normal; text-decoration:none; color:#666;}
#platypus a:hover, #platypus a:active {font-size:7pt; font-weight:normal; text-decoration:none; color:Red; background:none;}

p.linksbottom {
margin:0;
color:#ff0000;
font-weight:bold;
}

p.linksbottom A { font-weight:bold; }
p.linksbottom A:link     { color:#ff0000; text-decoration:none; }
p.linksbottom A:visited { color:#ff0000; text-decoration:none; }
p.linksbottom A:active { color:#0c4a84; background:none; text-decoration:underline; }
p.linksbottom A:hover  { color:#0c4a84; background:none; text-decoration:underline; }

/* For index.html */

img {
border:none;
}

table.wide {
width:98%;
border-collapse:collapse;
border:none;
margin:0 1%;
}

table#logo {
width:390px;
height:330px;
background:White url(../../pic/logo100.gif) no-repeat center;
border:1px solid #99ccff;
border-collapse:collapse;
}

table#logo td {
padding:0;
}

table#logo p {
text-align:center;
font-weight:bold;
font-size:18pt;
color:#0c4a84;
margin:0 auto;
}

table.listsindex {
border-collapse:separate;
border-spacing:2px;
width:90%;
}

table.listsindex td {
vertical-align:top;
}

table.listsindex td p {
margin-top:1em;
margin-bottom:0;
}

table.listsindex td ul {
margin-top:0.2em;
}

table.listsindex td li {
list-style-type:disc;
}

table.listsindex td li span {
font-weight:bold;
color:#0c4a84;
}

/* For index.php */

.menuindex {
margin-top:5px;
}

.menuindex .menu {
width:90%;
height:22px;
background-color:#0c4a84;
color:White;
padding:3px 0;
}

.menuindex .menu table {
width:98%;
margin:0;
}

.menuindex .menu td {color:White;}

.menuindex .menu td.home {display:none;}

.menuindex .menu span {font-size:12pt; margin:0 2px 0 3px; vertical-align:middle;}

.menuindex .menu A { font-weight: bold; text-decoration:none;  font-size: 9pt;}
.menuindex .menu A:link {color: #ffffff;}
.menuindex .menu A:visited {color: #ffffff;}
.menuindex .menu A:active {color: #ff0000; background:#66ccff}
.menuindex .menu A:hover {color: #ff0000; background:#66ccff}

.small A { font-weight:normal; text-decoration:none; font-size:7pt;}
.small A:link {color: #0c4a84;}
.small A:visited {color: #0c4a84;}
.small A:active {color: #ff0000; background:none;}
.small A:hover {color: #ff0000; background:none;}

.center {
text-align:center;
}