.flexdropdownmenu, 
.flexdropdownmenu ul
{ /*topmost and sub ULs, respectively*/

font: normal 15px "times new roman"; 
margin: 0; 
padding: 0; 
position: absolute;
 left: 0;
 top: 0;
 list-style-type: none; 
background: lightblue; 
border: 0px solid green; 
border-bottom-width: 0;
 visibility: hidden;
 display: none; 

/*collapse all sub menus to begin with*/

box-shadow: 3px 3px 8px #818181; 

/*shadow for CSS3 capable browsers.*/

-webkit-box-shadow: 3px 3px 8px #818181;

-moz-box-shadow: 3px 3px 8px #818181;

}




.flexdropdownmenu li{
position: relative;
}


.flexdropdownmenu li a{
display: block;
width: 160px;

 /*width of menu (not including side paddings)*/

color:"black";
background: lightblue;
border-bottom: 1px solid black;
text-decoration: none;
padding: 4px 5px;

}



* html .flexdropdownmenu li
{ /*IE6 CSS hack*/

display: inline-block;
width: 170px;
 /*width of menu (include side paddings of LI A*/

}


.flexdropdownmenu li a:hover, 
.flexdropdownmenu li.selected>a{
background:"white";color:lightblue;
}


.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}