DIV#menu{
    position:absolute;
    width:100%;
    z-index:100;
    font-size:85%;
}

ul.main{
    margin:2px;
    padding:2px;
    width:100%;
    position:relative;
    list-style:none;
    text-align:center;

}
.main li.off{
    position:relative;
    float:left;
    height:1em;
    width:75px;
    overflow:hidden;
    background:#ffffff;
    font-weight:bold;

}
.main li.on{
    float:left;
    overflow:hidden;
    width:75px;
    background:#ffffff;
    font-weight:bold;
}
.main>li.on{
overflow:visible;
}

.main a{
    display:block;
    text-decoration:none;
    color:#000000;
    background:#ffffff;
}
.main a:hover{
    font-weight:bold;
    text-decoration:underline;
    color:#0099ff;
    background:#ccffff;
}


ol.sub{
    margin:2px;
    padding:2px;
    position:relative;
    left:0;
    top:0;
    width:120px;
    list-style:none;
    text-align:left;
    background:#ffffff;
}

.sub a{
    padding:2px 2px 2px 2px;
    display:block;
    width:120px;
    background:#ffffff;

}
.sub a:hover{
    font-weight:bold;
    text-decoration:underline;
    color:#0099ff;
    background:#ccffff;
}