dl, dt, dd, #menu, #menu ul, #menu li {

margin: 0;
padding: 0;
list-style-type: none;
z-index: 50;    

}

#menu {
position: absolute; /* Menu position that can be changed at will */
top: 20;


margin-left: 10px;
padding-top: 0px;

text-align: left;

z-index: 50;
 



}
#menu dl {

float: left;
width: 125px;
height: 20px;   

 

}
#menu dt {

text-align: left;
font-weight: normal; 
padding-left: 10px;

padding-right: 10px;
text-align: left;    
 
    
                                              
}




#menu dd {
margin-top: 0px;
display: none;
 
}

#menu dt:hover
{
    


}
#menu li {


padding-left: 10px;
padding-right: 10px;
padding-bottom: 3px;
text-align: left ;
             
color: #ffffff;
 
     




}

#menu li.first
{
    padding-top: 5px;
    background-image: url("first.png");
    background-repeat: no-repeat;
    background-position: top;
    


}


#menu li.last {

height: 0px;
border-top: 1px #cccccc solid;   
text-align: left;
  
color: #ffffff;


}

#menu li a, #menu dt a {
  padding-left: 3px;
    padding-right: 1px;  
    font-family: 'Century Gothic', 'Trebuchet MS', Verdana;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
outline: none;  
height: 100%;
border: 1 none;



}

font.dot
{
    font-family: 'Trebuchet MS', Arial, Verdana;       
    font-weight: 100;
    
    font-size: 16px;
    color: #dc006b;

}

#menu li.sub a, #menu li.sub, #menu li.first, #menu li.first a   
{
    font-family: 'Trebuchet MS', Arial, Verdana;
    font-size: 13px;
    color: #000000; 
    

}



#menu li a:hover, #menu li.sub a:hover, #menu li a:focus, #menu li a:active, #menu li.first a:hover  
{
   color: #dc006b; 
}

#menu ul
{
width: 125px;
border: 0px #000000 solid;
   
background-image: url("menu.png");
background-position: bottom;

background-repeat: no-repeat;

}