body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-image: url(gfx/bg_grey.jpg);
    background-repeat: repeat-x;
}
.menu-font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
a.submenu:link {
    color: #000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
a.submenu:visited {
    color: #000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
a.submenu:hover {
    color: #006600;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
a.submenu:active {
    color: #000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.date-font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
}

table  {
    position:relative; top: 20%; left: 20%;
}

body, td    { font-family: Verdana, arial, helvetica, sans-serif; 
    font-size: 12px; }
h1  { font-size: 16px; }
h2  { font-size: 9px; }
a:link { color:#33c }   
a:visited { color:#339 }    
/* excludes ns4 and other older browsers */
@media all {
    h1, h2, p { margin:0 0 .8em 0 }
}

/* Specifications for container for layers to show/hide.
     Most browsers need both width and height set. */
#container  {
    position:relative;
    width:450;
    height:20px;
    z-index:100;
    left: 0px;
}
/* Include id's for all your layers here, with commas between. */
#lyr0, #lyr1, #lyr2, #lyr3, #lyr4, #lyr5    {
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    width: 450;
    visibility: hidden;
}               

/* for link style change */ 
a:link.on, a:visited.on { color:#000000; text-decoration:none; }
a:link.off, a:visited.off { color:#FFFFFF; text-decoration:none; }
a:link.done, a:visited.done { color:#FFFFFF; text-decoration:none;  }
a.on:hover, a.off:hover, a.done:hover { color:#000000; text-decoration:none }