TABLE.ICLheadOther {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: 0px; font-family: verdana; font-size: 10pt;}

TABLE.ICLheadIE3 {color: #003333;  
      margin-left: 5px; margin-right: 0px; margin-top: -8px; font-family: verdana; font-size: 10pt;}

TABLE.ICLheadIE4 {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: 0px; font-family: verdana; font-size: 10pt;}

TABLE.ICLheadIE5 {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: 0px; font-family: verdana; font-size: 10pt;}


/* 
Although the heading needs to be just a little higher, -8px seems to be the most that it will move 
*/
TABLE.iclheadNS4 {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: -8px; font-family: verdana; font-size: 10pt;}


TABLE.ICLheadNS6 {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: 0px; font-family: verdana; font-size: 10pt;}

/* 
margin-top of 0px has no effect in Opera 4, so I'm using -8px which seems to work 
*/
TABLE.ICLheadOpera4 {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: -8px; font-family: verdana; font-size: 10pt;}

TABLE.ICLheadOpera5 {color: #003333; 
      margin-left: 5px; margin-right: 0px; margin-top: -8px; font-family: verdana; font-size: 10pt;}


/*
#CCFFFF  Mint
#003333  Dark Green
#e6e6fa  Lavender
*/

BODY {	color: #000000;  
		background-color: #ccffff;
	    margin-left: 5px;
		margin-right: 5px; 
		margin-top: 0.1in; 
		font-family: verdana, Helvetica, serif;
		font-size: 10pt;}


/* Set the visited colour to the same as the link colour. Make sure the hover directive is
after the visited directive, otherwise visited links do not change to red on hover. */

A:link {color: blue;}
A:visited {color: blue;}
A:hover {color: red;}

A.navlink { text-decoration: none; }

H1 { font-size: 14pt; }
H2 { font-size: 12pt; }
H3 { font-size: 40pt; }

UL { font-size: 10pt; }
LI { font-size: 10pt; }
P { font-size: 10pt; font-family: verdana, Helvetica, serif;}

TABLE { font-size: 12px; color: #000000;}
TH { font-size: 12px; color: #000000;}
TD { font-size: 12px; color: #000000; }

/*
TABLE.homepage { font-size: 14px; color: #000000; font-weight: bold; background-color: #e6e6fa;}
TH.homepage { font-size: 16px; font-weight: bold; color: white; background-color: #003333;}
TD.homepage { font-size: 14px; font-weight: bold; color: #000000; background-color: #e6e6fa;}
*/

/*
TABLE.contact { font-size: 10pt; color: #CCFFFF;}
TH.contact { font-size: 10pt; color: #CCFFFF;}
TD.contact { font-size: 10pt; color: #CCFFFF; }
*/

TH.nav { font-size: 10pt; color: white; background-color: #003333; }		
TD.nav { font-size: 10pt; background-color: #99ffff; }		
TD.navHead { font-size: 10pt; background-color: #99ffff; }		
TD.navSubHead { font-size: 8pt; background-color: #99ffff; }		
/*
DIV.navHead { font-size: 10pt; background-color: #e6e6fa; }		
DIV.navSubHead { font-size: 10pt; background-color: #e6e6fa; display: none;}		
*/

TABLE.coloured { font-size: 10pt; background-color: #99ffff; }		
TH.coloured { font-size: 10pt; color: white; background-color: #003333; }	
TD.coloured { font-size: 10pt; color: #003333; background-color: #99ffff; }		
TD.meta { font-size: 8pt; color: #003333; background-color: #99ffff; }		
/*TD.heading { font-size: 40pt; color: #000000; background-color: #ccffff; font-family: verdana, Helvetica, serif; }		
*/

TD.button { font-size: 10pt; color: #003333; background-color: #99ffff; }		
A.button { text-decoration: none; }

INPUT.button { color: #003333; background-color: #99ffff; font-size: 10pt; width: 100;}
INPUT.longbutton { color: #003333; background-color: #99ffff; font-size: 10pt; width: 150;}

P.progressbar { font-size: 12pt; color: red; }

P.small { font-size: 8pt;  font-family: arial;}
P.big { font-size: 12pt;  font-family: verdana;}
P.updateddate { font-size: 8pt;  font-family: arial;}
div.small { font-size: 8pt;  font-family: arial;}