.glossymenu {border-left:1px solid #9A9A9A; border-right:1px solid #9A9A9A; border-top:1px solid #9A9A9A; border-bottom:0px solid #9A9A9A; margin:5px 0; padding:0; width: 150px;/*width of menu*/
}

.glossymenu a.menuitem{
background: red url('glossyback.gif') repeat-x bottom left;
color: white; display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto; padding-left: 10px; text-decoration: none; font-style:normal; font-variant:normal; font-weight:normal; font-size:14px; font-family:Arial; padding-right:0; padding-top:4px; padding-bottom:4px }


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

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

.glossymenu a.menuitem:hover{background-image: url('glossyback2.gif');}

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

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

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

.glossymenu div.submenu ul li a{
display: block; font: normal 13px Arial;
color: black; text-decoration: none; padding: 2px 0; padding-left: 10px;}

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