HTML, BODY {  
  HEIGHT: 100%;    
  BACKGROUND-COLOR: #FFFFFF; 
  FONT-FAMILY: Tahoma, Arial, Helvetica, Sans-Serif; 
  SCROLLBAR-FACE-COLOR: #446FCB; 
  SCROLLBAR-HIGHLIGHT-COLOR: #CCCCCC; 
  SCROLLBAR-SHADOW-COLOR: #FFFFFF; 
  SCROLLBAR-3DLIGHT-COLOR: #000000; 
  SCROLLBAR-ARROW-COLOR: #FFFFFF; 
  SCROLLBAR-DARKSHADOW-COLOR: #000000; 
  SCROLLBAR-BASE-COLOR: #CCCCCC;  
}

<!-- background colour -->
.header {background-color:#036AB6;}
Table.outsideBox {border-style: solid; border-color:gray; border-width:1px;} 

.menu {background-color:#CCCCCC; line-height: 20pt; font-size: 10pt; font-weight:bold;}
.footer {background-color:#999999; line-height: 20pt; color: #FFFFFF; font-weight:bold;}


<!-- all the content boxes on pages -->
Table.box {border-style: solid; border-color:gray; border-width:1px;padding: 3px;} 
Table {BACKGROUND-COLOR: #FFFFFF;}


.dataTable{padding: 3px;}



.boxHdr {background-color:#446FCB; line-height: 16pt; font-size: 9pt; font-weight:bold; color:white;
 }

.boxBg  {background-color:#d6dff7;}



TD {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;}
TD.header{BACKGROUND-COLOR: #446FCB; COLOR: #FFFFFF; FONT-WEIGHT:bold;}
TH {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size: 10pt; padding: 3px; font-weight:bold; TEXT-ALIGN:left;}
LI {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px}
UL {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; line-height: 12pt;}
OL {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px}

p {font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #666666; line-height: 12pt; } 
p.justify {TEXT-ALIGN: justify}

p.newsItem {font-size: 10px; padding: 5px;}


FORM {MARGIN-TOP: 0pt; MARGIN-BOTTOM: 0pt}

HR {MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; HEIGHT: 1pt}

A {COLOR: #0000d0}
A:link {TEXT-DECORATION: none}
A:visited {TEXT-DECORATION: none}
A:hover {COLOR: #FF9900; TEXT-DECORATION: none;}
A.footer {COLOR: #0000d0; TEXT-DECORATION: none}
A.uparrow{FONT-SIZE: 7pt; COLOR: RED;}

.title {FONT-SIZE: 10pt; font-weight:bold;}
.subtitle{FONT-SIZE: 12pt; FONT-WEIGHT: bold;}
.regtext{FONT-SIZE: 10pt;}
.white {COLOR: #FFFFFF;}
.tinytext{FONT-SIZE: 8pt;}


 
INPUT.hdr{font-size: 8pt; border:0px;}
/* for all input, text area and select boxes, force the font size.. */
input,textarea,select {  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}

input.btn{
   color:#050;
   font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; 
   font-size:84%;
   font-weight:bold;
   background-color:#fed;
   border:1px solid;
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#FF9900');}

input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;}



.redx         { color: red;  TEXT-ALIGN:left;}
.greenx       { color: #008000; TEXT-ALIGN:left;}
.bluex        { color: blue; TEXT-ALIGN:left;}
.greyx        {COLOR: #CCCCCC; TEXT-ALIGN:left;}
.blackx       {COLOR: black; TEXT-ALIGN:left;}
.bluex        {COLOR: blue; TEXT-ALIGN:left;}
.burgx        {COLOR: #800000; TEXT-ALIGN:left;}
.orangex      {COLOR: #EF9103; TEXT-ALIGN:left;}
.whitex      {COLOR: #FFFFFF; TEXT-ALIGN:left;}

h1 {
	font-size: 20px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
h5 {
	font-size: 11px;	
}