.glossymenu {
    margin: 0px 0;
    padding: 0;
    width: 135px; /*width of menu*/
    border: 1px; /*solid #b3b3b3;*/
    border-bottom-width: 0;
}

.glossymenu a.menuitem {
    background: url(/image/glossyback.gif) repeat-x bottom left;
    font: normal 12px "Arial", "Ming(ISO10646)", "Tahoma", "verdana", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    display: block;
    position: relative; /*To help in the anchoring of the .statusicon icon image*/
    width: auto;
    padding: 4px 0;
    padding-left: 3px;
    text-decoration: none;
}


.glossymenu a.menuitem:visited {
    background: url(/image/glossyback.gif) repeat-x bottom left;
    font: normal 12px "Arial", "Ming(ISO10646)", "Tahoma", "verdana", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: white;
    text-decoration: none;
}
.glossymenu .menuitem:active {}/*color: white;*/

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

.glossymenu a.menuitem:hover {
    background-image: url(/image/glossyback2.gif);
    font: normal 12px "Arial", "Ming(ISO10646)", "Tahoma", "verdana", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: #ffff00;
    text-decoration: none;
}

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

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

.glossymenu div.submenu ul li{
    border-bottom: 1px solid blue;
}

.glossymenu div.submenu ul li a {
    display: block;
    font: normal 12px "Arial", "Ming(ISO10646)", "Tahoma", "verdana", "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
    color: black;
    text-decoration: none;
    padding: 1px 0;
    padding-left: 10px;
}

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