/* remove the bullets, padding and margins from the lists */
.menu ul{
        list-style-type: none;
        padding: 0;
        margin: 0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
        float: left;
        position: relative;
        z-index: 100;
        
}

/* use the table to position the dropdown list */
.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

/* style all the links */
.menu :visited {
        display: block;
        width: 150px;
        padding: 7px 0;
        color: #666666;
        background: #FFFFFF;
        text-decoration: none;
}
.menu a {
        display: block;
        width: 150px;
        padding: 7px 0;
        color: #666666;
        background: #FFFFFF;
        text-decoration: none;
        border-left: 10px solid white;
        border-right: 10px solid white;
}
/* style the links hover */
.menu :hover{
        color: #666666;
        background: #E3DEFD;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:150px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul a:hover ul{
visibility:visible;
}
.menu ul li:hover ul{
visibility:visible;
}

.suboption_text {
font-size: 12px;
padding-left: 1px;
}