.copyright {color: rgb(102, 102, 102); }

BODY, TD, .text1 {
font-family: Verdana,Arial;
color: #303030;
font-size: 9pt;
font-weight:normal;
text-decoration:none;
}
.header1 {
font-family: Arial;
color: #FFFFFF;
font-size: 18px;
font-weight:normal;
text-decoration:none;
}
H1 {
font-family: Arial;
color: #FF9900;
font-size: 18px;
font-weight:normal;
tex-decoration:none;
}

H2, .header2 {
font-family: Arial;
color: #FF9900;
font-size: 17px;
font-weight:normal;
text-decoration:none;
}
.link1 {
font-family: Arial;
color: #FFFFFF;
font-size: 8pt;
font-weight:normal;
text-decoration:none;
padding-left:5px;
padding-right:8px;
}
.link1:hover {
font-family: Arial;
color: #FFFFFF;
font-size: 8pt;
font-weight:normal;
text-decoration:underline;
padding-left:5px;
padding-right:8px;
}

.link2 {
font-family: Arial;
color: #FF9900;
font-size: 8pt;
font-weight:normal;
text-decoration:none;
padding-left:5px;
padding-right:8px;
}
.link2:hover {
font-family: Arial;
color: #000000;
font-size: 8pt;
font-weight:normal;
text-decoration:underline;
padding-left:5px;
padding-right:8px;
}

.link3 {
font-family: Arial;
color: #808080;
font-size: 8pt;
font-weight:normal;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}
.link3:hover {
font-family: Arial;
color: #000000;
font-size: 8pt;
font-weight:normal;
text-decoration:underline;
padding-left:5px;
padding-right:5px;
}

.inputbox {
font-family: Verdana,Arial;
color: #303030;
font-size: 8pt;
font-weight:normal;
text-decoration:none;
}


#menu {
 width: 120;  
 padding: 0;   /* padding to buttons */
}

#menu ul {
 list-style: none;
 padding: 0;   /* padding to buttons */
 margin: 0 ;   /* indent from outside div */
 width:100%;
 padding-bottom: 1;
}

#menu li {
 left: 0;
 margin: 0 ;
 padding: 1;
 display: block;
 position:relative;
 width: 100%;   
}

 


#menu a {
 display: block;
 font-family: VERDANA, ARIAL, HELVETICA;
 color: white;
 font-size: 8pt;
 font-weight:bolder;
 text-decoration:none;
 width: 100%;   /* button outside dimensions */
 text-align:center;
 line-height:20px;
 height: 20;
 background-color: #A4A4A4;
 margin: 0;   /* padding of button within list item */
}

#menu a:hover {  /* override as neccesary for mouse over effects */
 color: black;
 text-decoration:underline;
}

#menu A.menuactive {
 color: black;
}


/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu ul ul {
 display: none;   /* removes the anoying space between buttons where popupmenus exist.*/
 visibility:hidden;  /* dropdowns hidden by default, until hovered over */
 position:absolute;
 top:0;
 left:120; 
 width: 130px;  /* width of the entire dropdown */
 margin: 0;  /* relative position of the menu to the button... 0=tight on bottom.. */
 padding: 1;
 background-color: #999; /* color of the entire dropdown */
}

#menu ul ul ul {
 position: absolute;
 top: auto;  /* auto means that it will be in the typicall indented list position below the first menu */
 left: 0;   /* 0 */
 margin: -20 130;       /* adjust the margins to position the 2nd level popout menu to the right*/
 width: 130;   /* width is based on the containing block */
}

#menu li ul a {  /* override colours for drop down buttons */
 background-color: #ff9900;
 color:white;
 width: 130px;
 text-align:center;
 font-size: 8pt;
 padding: 1;
 margin: 0; 
}


#menu li ul a:hover {  /* override colours for drop down buttons */
 color: black;
 background-color: #ccc;
}

#menu ul li:hover, #menu ul li.sfhover {
 color: blue;
}


#menu li:hover ul ul, 
#menu li:hover ul ul ul, 
#menu li.sfhover ul ul, 
#menu li.sfhover ul ul ul 
{
 left: -999em;
}

#menu li:hover ul, 
#menu li.sfhover ul 
{ 
  visibility:visible;
  display: block;  /* anoyingly restores the anoying space between buttons where popupmenus exist.*/
}

#menu li li:hover ul, 
#menu li li li:hover ul, 
#menu li li.sfhover ul, 
#menu li li li.sfhover ul {
  visibility:visible;
  left: auto;
  display: block;  /* anoyingly restores the anoying space between buttons where popupmenus exist.*/
}