body{ background-color: #333333;} 

.droplinebar{
overflow: hidden;
}

.droplinebar ul{
margin: 0;
padding: 0;
float: center;
background: #333333 url('.../zon_menu/active.gif') repeat-x center; /*default background of menu bar*/; font-style:normal; font-variant:normal; font-weight:normal; font-size:15px; font-family:Century Gothic
}

.droplinebar ul li{
display: inline;
}

.droplinebar ul li a{
float: left;
color: white;
padding: 1px 35px;
text-decoration: none;
}

.droplinebar ul li a:visited{
color: white;
}

.droplinebar ul li a:hover, .droplinebar ul li .current, .droplinebar lu li a:active{ /*background of main menu bar links onMouseover*/
color: gray;
text-decoration: gray;
background: url('.../zon_menu/active.gif') repeat-x center;
}

.droplinebar lu li a:active{ /*background of main menu bar links onMouseover*/
color: yellow;
text-decoration: none;
background: url('.../zon_menu/active.gif') repeat-x center;
}

.droplinebar ul li a.current{
color: yellow;
text-decoration: none;
background: url('.../zon_menu/active.gif') repeat-x center;
}

/* Sub level menus*/
.droplinebar ul li ul{
position: absolute;
z-index: 100;
left: 20px;
top: 1px;
background: #0000; /*sub menu background color */
visibility: hidden;
}

/* Sub level menu links style */
.droplinebar ul li ul li a{
font: normal 14px Century Gothic;
padding: 1px;
padding-right: 1px;
margin: 0;
width: 130px;
text-align: center;
border-bottom: 1px solid transparant;
}

.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */
background: #0000;
}