<style type="text/css"> 
.glossymenu{ 
margin: 5px 0; 
padding: 0; 
width: 185px; /*width of menu*/ 
border: 1px solid #304DAF; 
border-bottom-width: 0; 
} 
.glossymenu a.menuitem{ 
background: black url(http://ucozon.ru/menu_files/new/glossyback.gif) repeat-x bottom left; 
font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color: #CCCCCC; 
display: block; 
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/ 
width: auto; 
padding: 4px 0; 
padding-left: 10px; 
text-decoration: none; 
} 

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

.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{ 
background-image: url(http://ucozon.ru/menu_files/new/glossyback2.gif); 
} 

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

.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 solid #304DAF; 
} 

.glossymenu div.submenu ul li a{ 
display: block; 
font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color: #CCCCCC; 
text-decoration: none; 
padding: 2px 0; 
padding-left: 10px; 
} 

.glossymenu div.submenu ul li a:hover{ 
background: #062244; 
colorz: #999999; 
} 

</style> 

<div class="glossymenu"> 
<a class="menuitem" href="/"> </a> 
<a headerindex="0h" class="menuitem submenuheader" href="/dir/1"><span class="accordprefix"></span> </a> 
<div style="display: none;" contentindex="0c" class="submenu"> 
<ul> 
<li><a href="/"></a></li> 

<li><a href="/"></a></li> 
<li><a href="/"></a></li> 
<li><a href="/"></a></li> 
 </ul> 
</div>
<a class="menuitem" href="http://rip-diz.ru/">Rip by Rip-Diz.Ru</a> 
</noindex>