body {background: #57789d; margin: 0; padding: 0; font-weight: normal; color: #fff; }
body, p, td, li, ul { font-size:13pt; font-family: arial, verdana, sans-serif; }
p {margin: 1em 0; padding: 0; font-family: arial,verdana,sans-serif; font-size: 100%; font-weight: bold; }
span.leader {font-style: italic; font-size: 110%; }
span.label {font: italic 1em Arial, sans-serif; letter-spacing: 1px; }
.top { 
background: url(images/bluetile.jpg) #57789d;
color: #fff;
position: absolute;
top: 10px;
left: 5%;
width: 90%;
height: 70px;
border: 2px solid #000;
text-align: center; 
}
.wrap { 
background: #afcae7;
color: #000;
position: absolute;
top: 84px;
left: 5%;
width: 90%;
border-bottom: 2px solid #000;
border-left: 2px solid #000;
border-right: 2px solid #000;
text-align: center; 
}
.pcimage {
background: url(images/pcs.jpg) #afcae7;
position: absolute;
right: 0px;
bottom: 65px;
width: 195px;
height: 146px;
padding: 5px;
}
.content { background: #fff;
color: #000;
position: relative;
left: 15px;
top: 18px;
width: 71%;
border: 2px solid #000;
text-align: left;
padding: 15px;
float: left;
}

.menu {
position: absolute;
right: 15px;
top: 18px;
width: 18%;
float: right;
}
.box1 {
background: #DFDFDF;
padding: 5px;
margin: 5px;
font-size: 100%;
font-weight: normal;
}
.box2 {
background: #EFEFEF;
padding: 5px;
margin: 5px;
font-size: 100%;
font-weight: normal;
}
.box3 {
background: #DFDFDF;
padding: 5px;
margin: 5px;
font-size: 100%;
font-weight: normal;
}
 #navcontainer
{
width: 8em;
border-right: 1px solid #000;
padding: 0 0 1em 0;
margin-bottom: 1em;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #90bade;
color: #333;
}

#navcontainer ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer li
{
border-bottom: 1px solid #90bade;
margin: 0;
}

#navcontainer li a
{
display: block;
padding: 2px 2px 2px 2px;
border-left: 10px solid #4f6987;
border-right: 10px solid #8ba7c7;
background-color: #57789d;
color: #fff;
text-decoration: none;
font-size: 85%;
width: 100%;
}

body #navcontainer li a { width: auto; }

#navcontainer li a:hover
{
border-left: 10px solid #7992af;
border-right: 10px solid #d2dce8;
background-color: #aac2dc;
color: #000;
}
.bottom {
background: url(images/bluetile.jpg) #1958b7;
color: #fff;
font-weight: bold;
position: relative;
left: 0;
bottom: 0;
clear: both;
width: 100%;
border-top: 2px solid #000;
}

a { 
background-color: transparent; 
color: #0000C0; 
text-decoration: 
underline; 
font-weight: bold;
}
a:link {
background-color: transparent; 
color: #0000C0; 
text-decoration: underline; 
font-weight: bold;
}
a:visited {
background-color: transparent; 
color: #004000; 
text-decoration: underline; 
font-weight: bold;
}
a:active {
background-color: transparent; 
color: #003366; 
text-decoration: underline; 
font-weight: bold;
}
a:hover {
background-color: transparent; 
color: #ff4040; 
text-decoration: underline; 
font-weight: bold;
}
a.link2:link {
background-color: transparent; 
color: #fff; 
text-decoration: underline; 
font-weight: bold;
}
a.link2:visited {
background-color: transparent; 
color: #EFFBFF; 
text-decoration: underline; 
font-weight: bold;
}
a.link2:active {
background-color: transparent; 
color: #81CF84; 
text-decoration: underline; 
font-weight: bold;
}
a.link2:hover {
background-color: transparent; 
color: #ff4040; 
text-decoration: underline; 
font-weight: bold;
}

div.float {
float : right;
}
img {
border: 0;
}
.center {
text-align: center;
}
.left {
text-align: left; 
}
table { background: #fff; width: 95%; padding: 10px; border: solid 2px #000000; }
th { background: #95A7CB; border: solid 1px #000000; text-align: center; }
hr { width: 100%; color: #000000; font-size: 110%; }
h1 { font-family: Times New Roman, arial, verdana, sans-serif; font-size: 1.8em; font-weight: bold; margin: 0; padding: 0; }
h2 { font-family: Times New Roman, arial, verdana, sans-serif; font-size: 1.5em; font-weight: bold; padding: 0; margin: 0; text-align: left; }

.table2 { background: #fff; width: 100%; padding: 10px; border: 0; margin-top: 0;margin-bottom: 0; }
.table3 { background: #fff; width: 95%; padding: 5px; border: 0; }

h3 { font-face: Times New Roman, arial, verdana, sans-serif; font-size: 1.3em; padding: 0; margin: 0; }

h4 { font-face: Times New Roman, arial, verdana, sans-serif; font-size: 1.0em; }

h5 { font-face: Times New Roman, arial, verdana, sans-serif; font-size: .8em; }

h6 { font-face: Times New Roman, arial, verdana, sans-serif; font-size: .5em; }

.gold {
background: #ffda59;
color: #000;
}
.red {
background: #800000;
color: #000;
}
.ltblue {
background: #c8dbee;
color: #000;
}
.gray {
background: #e0e0e0;
color: #000;
}
.white {
color: #fff;
}
.border {
border: 1px solid #000;
}
.border2 {
border: 15px solid #800000;
}
.border3 {
border: 2px solid #000;
}
.border4 {
border: 0;
}
.siderite { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; color: #666666}
.sidelite {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
small {
font-family: Arial, Helvetica, sans-serif; font-size: 11px;
}
.hdlbold {  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 13px; color: #000000; font-weight: bolder}
.headline {  font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 16px; color: #333333; font-weight: 900; text-indent: 5pt}

a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(images/buttons.gif);
background-repeat: no-repeat;
width: 120px;
height: 26px;
margin: 0px auto;
padding: 5px 0 0 0;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 70%;
font-weight: bold;
text-decoration: none;
}
 a.button:link, a.button:visited {
color: #002577;
}
a.button:hover, a.button:active {
background-position: 0 -32px;
color: navy;
}

iframe { background-color: #fff;
padding: 10px;
border: 0;
}