#verticalmenu{
        display:block;
        float:left;
        margin: 0;
        padding: 0;
        width: 218px; /*width of menu*/
}

#verticalmenu a.menuitem{
        /* background: #1e1065; */
        background: #000033;
        font: normal 12px Georgia, Verdana, Helvetica, Sans-serif;
        display: block;
        position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
        width: auto;
        padding: 4px 0;
        padding-left: 25px;
        color: #ffffff;
        text-align: left;
        text-decoration: none;
        border-bottom: 1px solid #ffffff;
}


#verticalmenu a.menuitem:hover, a.menuitem:visited, #verticalmenu .menuitem:active{
        color: #ffffff;
}


#verticalmenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
        position: absolute;
        top: 5px;
        left: 5px;
        border: none;
}

#verticalmenu a.menuitem:hover{
        background: #130943;
}

#verticalmenu div.submenu{ /*DIV that contains each sub menu*/
        text-align: left;
        text-indent: 15px;
}

#verticalmenu div.submenu ul{ /*UL of each sub menu*/
        list-style: none;
        margin: 0;
        padding: 0;
}

#verticalmenu div.submenu ul li{
        text-indent: 30px;
        /* border-bottom: 1px solid #0000a8; */
        border-bottom: 1px solid #ffffff;
}

#verticalmenu div.submenu ul li a{
        display: block;
        font: normal 12px Georgia, "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
        color: #ffffff;
        /* background: #1e1065; */
        background: #330033;
        text-decoration: none;
        padding: 4px 0;
        padding-left: 10px;
}


#verticalmenu div.submenu ul li a:hover{
        color: #ffffcc;
        background: #130943;
}