/* CSS menu horizontal*/

.menu{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; position: relative; bottom: 1px; display:block; margin:5pt; border-width: 1px; }

.menu ul{ position:absolute; display:block; margin:0; padding:0; }
    
.menu li ul{ text-align: left; visibility:hidden; margin:0; padding:0; }

.menu li li ul{ text-align: left; position:absolute; margin:0; padding:0; }
    
.menu li{ text-align: left; list-style:none; height:auto; display:block; float:left; margin:0; padding:0; }
    
.menu li li{ text-align: left; display:block; float:none; }
    
/* correct a little IE bug */
* html .menu li li{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;
    display:block;    margin:0; padding:0;}

.menu a{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; background-color: #c8c8c8; color:#000; font-weight: normal; display:block; width:150px; padding:2px 2px 2px 10px ; border-width: 1px; }
    
.menu a:hover{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; background-color: #979797; border-width: 1px; }
    
/* for a mozilla better display with key nav */
.menu a:focus{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #787878;
}

a.linkOver{ font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #eee; }