.glossymenu{
margin: 0px;
padding: 0px;
width: 183px; /*width of menu*/
}
.glossymenu h3 {
	border-top: 1px solid rgb(239, 238, 238);
/*	border-left: 3px solid rgb(49, 109, 173);*/
	margin: 0pt 0pt 5px;
	padding: 3px 3px 3px 8px;
	color: rgb(49, 109, 173);
	background-attachment: scroll;
	background-color: rgb(249, 249, 249);
	background-image: url(../images/bg_sbox_ttl.gif);
	background-repeat: repeat-x;
	background-position: center bottom;
	font-size:12px;
}
.glossymenu h4 {
	border-top: 1px solid rgb(239, 238, 238);
	margin: 0pt 0pt 5px;
	padding: 3px 3px 3px 8px;
	color: #0054A5;
	font-size:12px;
}
.glossymenu a.menuitem{
	font-family: "Lucida Grande", Verdana, Helvetica, Arial,serif !important;
	font-weight:normal;
	font-size: 80%;
	color: #2368AF;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 2px 4px 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDDDDD;
	text-decoration: none;
	background-color: #ECF3F9;
	margin-top: 1px;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: #2368AF;
}

/*.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-color: #E1EFFE;
}

.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: 0px;
padding: 0px;
}

.glossymenu div.submenu ul li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DDDDDD;
}

.glossymenu div.submenu ul li a{
display: block;
font-weight:normal;
font-size: 10px;
color: #666666;
text-decoration: none;
padding: 4px 0px;
padding-left: 18px;
}

.glossymenu div.submenu ul li a:hover{
background: #F5F5F5;
colorz: white;
}