body{color:#fff;background:#000;}

.glossymenu, .glossymenu li ul{
font: bold 9pt "arial", "sans-serif";
list-style-type: none;
margin: 0;
padding: 0;
width: 12em; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu {
position:relative;
top:40px;
left:40px;
border-style: solid;
border-color: #222;
border-width: 1px;
padding:0px 5px 5px 5px;
}

.glossymenu li ul{
border: 1px solid #555;
}

.glossymenu h2{
font-size:90%;
color: #666;
background: #000;
text-transform: uppercase;
border-width: 1px;
border-style: solid;
border-color: #ccc;
margin:5px 0px 2px 0px;
height:20px;
line-height:20px;
}

.glossymenu li ul{
margin: 0;
padding: 0;
list-style-type: none;
 /*WIDTH OF MAIN MENU ITEMS*/
}



.glossymenu li{
position: relative;
text-align:center;
}

.secondCat {font-size:120%;background:black;border-style: solid;border-color: #333;border-width: 1px;margin:4px 0px 2px 0px;}

.glossymenu li a{
color: #bbb;
display: block;
width: auto;
padding: 5px 0;
padding-left: 0px;
text-decoration: none;
}

.glossymenu li li a{
background: black;
}



.glossymenu li li{
border-style: solid;
border-color: #222;
border-width: 1px;
margin:0px 0px 0px 0px;
}

.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 14em; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{

width: 13.8em; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 10px;
top:4px;
background:url(arrow.gif) no-repeat center right;
}

.glossymenu li a:hover{
background: #333333;
}



/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */