.glossymenu{
margin: 2px 0;
padding: 2px;

border:none;

}

.glossymenu a.menuitem{
background: url(Menu_Bg.jpg) repeat-x left;
height: 28px;
font: bold 8pt Verdana;
 color: 21232b; 

display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;


padding-left: 15px;
text-decoration: none;
border: 0px solid #EDEDED;
}

.menuitem1{
	background: url(Menu_Bg.jpg) repeat-x left;	
	font: bold 8pt Verdana;
	color: #21232b; 
	height:22px;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;

	padding-left: 15px;
	text-decoration: none;
	border: 0px solid #EDEDED;
	padding-top: 6px;
}

.menuitem-left{

background: url(Menu_line.jpg);
 width: 1px;
 height: 28px;

}

.menuitem1 a:hover{
color:menuitem1;
text-decoration: none;
}

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

.submenu{ /*DIV that contains each sub menu*/
background-color: #E8E8E8;
border-top: solid 2px white;
border-bottom: solid 0px white;
}

.submenu td{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
border-bottom: 0px solid #dadada;
list-style-type: none;
}

.submenu td a{
color: #FF6600;

background:  no-repeat  center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 10px; /*link text is indented 19px*/
text-decoration: none;

font: 40% Arial;
}

.submenu td a:hover{
color: #4E6D9B;
background-color: #F3F3F3;
}