html, body {
/*  background-image: url(../images/untitled.bmp); */
  min-height: 100%;
  width: 100%;
  height: 100%;
  margin: 0px;
  padding:0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10pt;
  color: #000000;
}

.small { color: white; font-size: 8pt; font-family: verdana; }
.verysmall { color: black; font-size: 7pt; font-family: verdana; }

.pagehead { background-color: black; vertical-align: top; font-weight: normal; color: white; }
.pagehead a { font-weight: normal; color: white; }
.pagehead a:hover { color: white; }
.pagehead1 a:hover { color: #FFCC00; }

.pagetitle { background-image: url(../images/titles_bg.jpg); color: #FFFFFF; font-size: 8pt; font-weight: normal; }
.pagetitle h4 {font-size: 11pt; font-weight: bold; color: #FFCC00; padding-top: 0px; padding-left: 10px; }
.pagetitle p {padding-left: 10px; }

#active { background-color: #333333; color: #FFCC00; }
/* .topnav { height: 30px; vertical-align: middle; } */
.topnav a { font-weight: bold; font-size: 10px; text-transform: uppercase; text-decoration: none; display: block; width: 100%; height: 100%; background: #4D4D4D url(../images/menucorner.gif) no-repeat bottom right; }
.topnav td { border: 1px solid #666; white-space: nowrap; }
.topnav a div { padding: 2px 0px 4px 4px; }
.topnav a:hover { background-color: #CC0000; }

.topnavline td { font-weight: normal; color: white; font-size: 10px; padding: 10px 0px 6px 4px; display: block; background: #333333; } 
.topnavline a { font-size: 10px; color: white; text-decoration: none; }

.navigation {
  background-image: URL(../images/right_nav_bg.gif);
  vertical-align: top;
  position: relative;
  width: 200px;
  top:0; 
}

#message div.menuBar,
#message div.menuBar a.menuButton,
#message div.menuBar a.menuButton2
 { font-size: 7pt; margin: 0px; color: #FFFFFF; margin-left: 0px; }

#message div.menuBar { background-color: transparent; width: 200px; text-align: left; margin-left: 0px; }

#message div.menuBar a.menuButton {
  background-image: URL(../images/right_btn_off.gif);
  border: 0px 0px 0px 0px solid;
  width: 200px;
  height: 54px;
  color: black;
  cursor: pointer;
  padding: 5px 5px 5px 15px;
  xposition: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

#message div.menuBar a.menuButton:hover {
  background-image: URL(../images/right_btn_on.gif);
  width: 200px;
  height: 54px;
  color: black;
}

#message div.menuBar a.menuButton h6 { font-size: 8pt; font-weight: bold; margin-bottom: 2px; margin-top: 2px; }

#message div.menuBar a.menuButton2 {
  background-color: transparent; /*#F7F7F7;*/
  margin-left: 1px;
  width: 197px;
  color: black;
  cursor: pointer;
  padding: 5px 5px 5px 20px;
  xposition: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}

#message div.menuBar a.menuButton2:hover {
  background-color: #F7F7F7; /*#D1D5D5;*/
  width: 197px;
  color: black;
}

.pagetitle2 { background-image: url(../images/titles2_bg.jpg); background-color: white; color: #FFFFFF; font-size: 11pt; font-weight: bold; text-align: center; width=800px; }
.pagetitle2 p {color: #FFCC00; padding-left: 10px; text-align: left; }

.content { position: relative; margin-left: 9px; margin-right: 10px; width: 800px; background-color: white; padding: 0px; font-size: 10pt; }
.content p { font-size: 9pt; text-align: justify; padding: 0;  margin-left: 10px; margin-right: 10px; }
.content h5 { font-size: 11pt; margin-left: 10px; margin-right: 10px; }
.content CAPTION { color: #006699; }
.content h1 { font-size: 12pt; font-weight: bolder; color: #003366; }

#mainimg { align: center; border: 1 solid #003366; } 

.datatable { font-size: 9pt; border: 1px solid #D6DDE6; border-collapse: collapse; width: 780px; }
.datatable td { border: 1px solid #D6DDE6; padding: 4px; }
.datatable th { border: 1px solid #828282; background-color: #E8EAEA; font-weight: bold; padding-left: 4px; color: #000000; }

.datatable tr.altrow { background-color: #EAF0F5; color: #000000; }
.datatable tr.noterow { background-color: transparent; color: #000000; font-size: 7pt; }