#topmenu{
width: 1001px;
height: 25px;
background: black;
background: url(images/topmenubg.jpg);
}




#topmenu ul{
margin: 0;
padding: 0;
list-style-type:none;
}


#topmenu ul li{
float:left;
display:block;
width:140px;
height:25px;
text-align:center;
position:relative;
}


#topmenu ul li a{
display:block;
width:140px;
height:20px;
padding-top: 5px;
color:#ccc;
font:11px arial 600;
text-decoration:none;
text-transform: uppercase;
background: url(buttons/UPbutton.jpg);
}

#topmenu ul li a:hover{
height: 19px;
padding-top: 6px;
color:#fff;
background: url(buttons/DOWNbutton.jpg);
}

/* end: topmenu  */






/* start: 1st level dropdown  */

#topmenu ul li ul{
display: none;
position: absolute; 
top: 25px;
left: 0px;
}


#topmenu ul li > ul {
top: 25px;
left: 0x;
}


#topmenu ul li:hover ul,
#topmenu ul li.over ul{
display: block;
}

#topmenu ul li ul li,
#topmenu ul li ul li{
clear: left;
position: relative;
text-align:left;
}


#topmenu ul ul li a{
clear:left;
width: 145px;
padding: 6px 0 0 5px ;
height: 19px;
border: 1px solid #000;
border-top: 0;
font-size: 11px;
font-family: arial;
font-weight: 500;
font-variant: small-caps;
text-tranform: none;
opacity:0.9;
filter:alpha(opacity=90);
background: #005;
color: #fff; 
}



#topmenu ul ul li a:hover{
opacity: 1;
filter: alpha(opacity=100);
background: #800;
color: #fff;
}


/* end:  1st level dropdown  */

/* start: 2nd dropdown  */


#topmenu ul ul ul{
display: none;
position: absolute;
top:   -1px;
left: 151px;
}

#topmenu ul ul li > ul {
top: -1px;
left: 151px;
}


#topmenu ul ul ul li:first-child{
border-top: 1px solid #000;
}


#topmenu ul li ul li:hover ul,
#topmenu ul li ul li.over ul{
display:block;
}