@charset "utf-8";

.glossymenu
{
	margin: 5px 0;
	padding: 15px 0px 0px 0px; /*top, right, bottom, left*/

	width: 180px; 
}

.glossymenu a.menuitem
{
	background: #B4D2EF;
	background-image: url(../img/slices/border.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-right: 10px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #1D2845;
	text-align: right;
	text-decoration: none;
}

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

.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
{
	color: #1D2845; /*hover text*/
}

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

.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 dotted white;
	padding-left: 12px; /* padding sumbenu */
	font-weight: bold;
}

.glossymenu div.submenu ul li a
{
	display: block;
	text-decoration: none;
	padding: 2px 0;
	padding-right: 20px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1D2845;
	text-align: right;
}

.glossymenu div.submenu ul li a:hover
{
	color: #999;
	text-decoration: none;
}