.sdmenu {
    comments: This is first menu item w gray top (in Gray 868686);
    
    font-family: Arial;
    font-size: 10px;
    padding-bottom: 0px;
    background: #eee url(bottom.gif) no-repeat  right bottom;
    color: #000000;
}

.sdmenu .title, .sdmenu .titlehidden{
    comments: Colored Side Items 2nd+(in Gray 868686);
    display: block;
    padding: 3px 0;
    font-weight: bold;
    color: white;
    background: #868686 repeat-x;
}

.sdmenu .title {
    border-bottom: 1px solid #DDD;
}

.sdmenu .arrow {
    margin-left: 10px;
    margin-right: 7px;
}

.sdmenu .titlehidden {
    border-bottom: none;
}


.sdmenu #top {
    comments: Colored Side Items (in Gray 868686);
    background: #868686; no-repeat;
}


.sdmenu .submenu {
    overflow: hidden;
}

.sdmenu .submenu a {
    font-family: Arial;
    font-size: 10px;
    padding: 4px 0;
    text-indent: 10px;
    background: #EEE;
    display: block;
    border-bottom: 1px solid #DDD;
    color: #666666;
    text-decoration: none;
}

.sdmenu .submenu a:hover {
    font-family: Arial;
    font-size: 10px;
    background : #C9C9C9 no-repeat right center;
    color: #000000;
}