@font-face{ 
    font-family: Roboto; 
    src: url('fonts/RobotoCondensed-Light.eot'); /* For IE */ 
    src: local('RobotoCondensed-Light'), url('fonts/RobotoCondensed-Light.ttf') format('truetype'); /* For non-IE */ 
} 

.glossymenu{
margin:3px 0; padding:0; width: 758px; /*width of menu*/

}

.glossymenu a.menuitem{
background: #ffffff;
cursor:default;
display: block;
position: relative;
width: auto;
text-decoration: none; 
padding-left:10px;
padding-top:2px; 
padding-bottom:0px; 
font-family:  Roboto, Arial, Helvetica, sans-serif; 
font-size:26px; 
color: #444444; font-weight:normal;  
letter-spacing:0.20px; 
text-transform:uppercase; 
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: #444444;
cursor:default;
}

.glossymenu a.menuitem .statusicon{ 
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background: #ffffff;
color: #444444;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
font: 11px/15px Arial, Helvetica, sans-serif;
text-align: justify;
color: #666666;
text-decoration: none;
padding-right:10px; 
padding-left:10px;
padding-top:5px; 
padding-bottom:5px;

}

.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;

}

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