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

font: bold 12px Tahoma;

margin: 0;

padding: 0;

position: absolute;

left: 0;

top: 0;

list-style-type: none;

background: #ffd038;

border: 1px solid #004D00;

border-bottom-width: 0;

visibility: hidden;

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

box-shadow: 3px 3px 8px #f0f0f0;/*shadow for CSS3 capable browsers.*/

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

-moz-box-shadow: 3px 3px 8px #f0f0f0;
}




.flexdropdownmenu li{

position: relative;

}



.flexdropdownmenu li a{

display: block;

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

color: #006800;

background: #ffd038;

border-bottom: 1px solid #004D00;

text-decoration: none;

padding: 4px 4px;

}



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

display: inline-block;

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

}



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

background: #006800;

color: #FFFFFF;
}





.rightarrowclass{
position: absolute;
top: 9px;
right: 4px;
}