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

font: normal 13px Verdana;

margin: 0;

padding: 0;

position: absolute;

left: 0;

top: 0;

list-style-type: none;

background: white;

border: 1px solid black;

border-bottom-width: 0;

visibility: hidden;

display: none; /*collapse all sub menus to begin with*/

box-shadow: 0px 0px 0px #818181; /*shadow for CSS3 capable browsers.*/

-webkit-box-shadow: 0px 0px 0px #818181;

-moz-box-shadow: 0px 0px 0px #818181;

}





.flexdropdownmenu li{

position: relative;

}



.flexdropdownmenu li a{

display: block;

width: 210px; /*width of menu (not including side paddings)*/

color: #fffdb3;/*black;*/

background: #690801; /*#fae7a9;*/

border-bottom: 1px solid black;

text-decoration: none;

padding: 4px 5px;

}



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

display: inline-block;

width: 220px; /*width of menu (include side paddings of LI A*/

}



.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected>a{

background: #b15c00; /*#F0CE7D;*/

}



.rightarrowclass{

position: absolute;

top: 6px;

right: 5px;

}