html, body 
{
   margin: 0; 
   padding: 0; 
   color: #000; 
   background: #FFF; 
   font: 100% Verdana, Arial, Helvetica, sans-serif;
}

#main 
{
   font-size: small; 
   color: #777; 
   background: #FFF; 
   margin: 0; 
   padding: 1% 10%;
   margin-left:20px;
   clear: left;
}

h1   
{
   color: #FFF; 
   font: bold 200%/1em Arial, Verdana, sans-serif;
   margin: 0; 
   padding: 0.33em 0 0.33em 38%; 
   white-space=nowrap; 
   font-size: 200%; 
   letter-spacing: 3px; 
   background: rgb(0%, 60%, 85%);
   border: 1px solid rgb(0%, 30%, 50%);
   border-width: 2px 0;
   line-height: 1em;
}

h4
{
   margin-bottom: -5px;
}

TH 
{
   font-weight: bold; 
   text-align: center; 
   background: white;    
}
TD {text-align: center; background:white; }
TH, TD {color: #777; padding: 3 1.5em; border-bottom: 1px solid #DDD; vertical-align:middle; font-size: .9em;}
THEAD TH {vertical-align: bottom; border: 1px solid gray; border-width: 0 1px 1px 0;}

#nav {margin: 0; padding: 0;}
#nav a 
{
   text-decoration: none; 
   display: block;
   background: #CCC; 
   color: #333;
   padding: 0 16px 0 0px;
   width: .1em; /* Fix A: IE problem with making tabs correctly clickable */
   background: #DDD url(tabs2-big.gif) 100% 100% no-repeat;
}
html>body #nav a {width: auto;} /* Fix B: IE problem with making tabs correctly clickable */

#nav a:hover
{
   color: rgb(62%,35%,22%);
}

#nav li 
{
   list-style: none; 
   float: left; 
   margin: 0; 
   white-space: nowrap;
   font-size: 10px; 
   line-height: 20px; 
   margin-left: 1px;
   padding-left: 16px;
   background: #BBB url(tabs2-big.gif) 0 100% no-repeat;
}

#nav #current2 {color: #FDB; background-image: url(tabs2-big-ct.gif);}
#nav #current2 #current{color: #FDB; background-image: url(tabs2-big-ct.gif);}