.glossymenu
{
    margin: 0!important;
    padding: 0!important;
    width: 197px!important; /*width of menu*/
    border: 1px solid #9A9A9A!important;
    border-bottom-width: 0!important;
    margin-top:1px!important;
}

.glossymenu a.menuitem
{
    background:#335E67;
    font: 12px "Segoe UI",Arial,Helvetica,Sans-Serif!important;
    color: white!important;
    display: block!important;
    position: relative!important; /*To help in the anchoring of the ".statusicon" icon image*/
    width: auto!important;
    padding: 5px!important;
    padding-left: 19px!important;
    border-bottom: 1px solid white;
    text-decoration: none!important;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active
{
    color: white!important;
}

.glossymenu a.menuitem .statusicon
{
    /*CSS for icon image that gets dynamically added to headers*/
    position: absolute!important;
    top: 5px!important;
    right: 5px!important;
    border: none!important;
}

.glossymenu a.menuitem:hover
{
    background: url('images/glossyback2.gif') repeat-x scroll 10px center!important;
}

.glossymenu div.submenu
{
    /*DIV that contains each sub menu*/
    background: white!important;
}

.glossymenu div.submenu ul
{
    /*UL of each sub menu*/
    list-style-type: none!important;
    margin: 0!important;
    padding: 0!important;
}

.glossymenu div.submenu ul li
{
    border-bottom: 1px solid grey!important;
    background-image:none!important;
    margin:0!important;
    padding:0!important;
}

.glossymenu div.submenu ul li a
{
    display: block!important;
    font: normal 12px "Segoe UI",Arial,Helvetica,Sans-Serif!important;
    color: #335E67;
    text-decoration: none;
    padding: 4px 0;
    padding-left: 18px!important;
    background:none;
}

.glossymenu div.submenu ul li a:hover
{
    background: #9fd386;
    color: white;
}