@charset "utf-8";
/* CSS Document */

.glossymenu{
margin: 0px 0;
padding: 0;
width: 270px; /*width of menu*/
border: none;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
font: bold 11px Arial, Helvetica, sans-serif;
color: white;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-align:right;
line-height:16px;
	padding-top: 1px;
    padding-left: 150px;  
    padding-bottom: 1px; 
    padding-right: 1px; 
text-decoration: none;
}


.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;
border: none;
visibility:hidden;
}

.glossymenu a.menuitem:hover{
color: white;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
}

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

.glossymenu div.submenu ul li{
}

.glossymenu div.submenu ul li a{
	display: block;
	font: 11px  Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align:right;
	padding-top: 3px;
	padding-left: 0px;
	padding-bottom: 3px;
	padding-right: 1px;
}

.glossymenu div.submenu ul li a:hover{
color: #00AEF0;
}

a:focus
{
-moz-outline-style: none;
outline: none;
}

a.menu:focus, a.menu:hover, a.menu:active { outline:none; }  

a.menu:link {
	color: #FFFFFF;
	text-decoration: none;
	
}
a.menu:visited {
	color: #FFFFFF;
	text-decoration: none;
	
}
a.menu:hover {
	color: #FFFFFF;
	text-decoration:none;
	padding-top: 1px;
    padding-left: 150px;  
    padding-bottom: 1px; 
    padding-right: 1px; 
	background: url(menucolor.png);
	background-repeat:repeat;
	background-color:none;
	
}
a.menu:active {
	color: #FFFFFF;
	text-decoration:none;
}