BODY,UL,P,TABLE,TD,TH,H1,H2,H3,H4,H5,H6,BIG,SMALL {font-family: arial,arial MT,helvetica,sans-serif,arial,verdana,helvetica ; } 

H1{ vertical-align: middle;font-size: 14pt;color:#666666;padding-top:2px;padding-bottom:2px;padding-left:8px;border-bottom: 1px dashed #000;background-color:#f3f3f3;}
 
H2{ vertical-align: middle;font-size: 12pt;color:#666666;padding-top:2px;padding-left:8px;padding-bottom:2px;border-bottom: 1px dashed #000; width:40%;} 



H3{ font-size: 12pt; } 
H4{ font-size: 11pt; } 
BODY,TABLE,TD,P {font-size: 10pt;font-family: arial;color:#333333; } 

.summary{font-size: 10pt;font-family: arial;color:#333333; }


TH {text-align:left; }



#nav {
  list-style-type:none; 
  padding:0; 
  width:750px; 
  height:5em; 
  margin:0;
  }
#nav li {
  display:block; 
  width:7em; 
  height:2em; 
  float:left; 
  margin-right:0.2em;
  }

#menu a {
  display:block; 
  width:7em; 
  height:2em; 
  position:relative; 
  text-decoration:none;
  }
#nav a{
font-family:arial;
font-size:10pt;
  display:block; 
  font-style:none; 
  width:7em; 
  font-weight:bold;
  color:#000000; 
  border-bottom:0.5em solid #0099FF; 
  position:relative; 
  top:0; 
  left:0; 
  cursor:pointer;
  }
.menulilink a:hover em{
  color:#0099FF;
  }
#menu a:hover  {
  border-bottom:0.5em solid #fff;
  }
  
  .menuactive{
  border-bottom:0.5em solid #0099FF;
  }
  
.menulilink a:active, .menulilink a:focus {
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
  }

.menulilink a:active em, .menulilink a:focus em {

  /* change the em bottom border and text to blue on
  active/focus thus giving a suitable alternative to
  the dotted border */
  border-bottom:0.5em solid #00c; 
  color:#00c;
  outline:0; /* for browsers that understand */
  }


#menu li ul {  /* this one is the dropdown */
 position: absolute; /* so we can hide it */
 left: -999em;  /* by default it is hidden */
 visibility: hidden;
}