/* CSS Document */

.glossymenu{
margin: 30px 0px 0px 2px;
padding: 0px;
width: 195px; /*width of menu*/
border-bottom-width: 0;
float: left;
}

.glossymenu a.menuitem{
background: url(../images/square.gif) 6px 4px no-repeat #FFFFFF;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
color: #626262;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 4px 4px 28px;
text-decoration: none;
outline: none;
text-transform: uppercase;
margin: 0px 0px 8px 0px;
letter-spacing: 0.02em;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #626262;
outline: none;
}
.glossymenu .menuitem:active {
background-color: #F5F5F5;
color: #000000;
}

.glossymenu a.menuitem .statusicon{ 
position: absolute;
top: 3px !important;
left: 7px !important;
border: none;
}
*html .glossymenu a.menuitem .statusicon {
top: 4px !important;
left: -21px !important;
}

.glossymenu a.menuitem:hover{
background-color: #F5F5F5;
outline: none;
color:#000000;
}
.glossymenu a.menuitem:active{
background-color: #F5F5F5;
outline: none;
}

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

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

.glossymenu div.submenu ul li{
font-size: 11px;
background: url(../images/dot.gif) left center no-repeat #FFFFFF;
color: #505050;
padding: 3px 0px 3px 17px;
}

.glossymenu div.submenu ul li a{
display: block;
font: normal 11px Arial, Helvetica, sans-serif;
color: #787878;
text-decoration: none;
outline: none;
}

.glossymenu div.submenu ul li a:hover{
background: #FFFFFF;
color: #204579;
outline: none;
}