.flexdropdownmenu, .flexdropdownmenu ul{ /*topmost and sub ULs, respectively*/
    font: normal 1em Verdana;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    background: #FFFFFF;
    border-top: 1px solid #FFFFFF;
    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 #004000;
    -moz-box-shadow: 3px 3px 8px #004000;
}


.flexdropdownmenu li {
    padding: 0;
    margin: 0;
    position: relative;
}

.flexdropdownmenu li a {
    font-weight: normal;
    display: block;
    width: 160px; /*width of menu (not including side paddings)*/
    color: #FFFFFF;
    background: #008000;
    border-bottom: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    text-decoration: none;
    padding: 2px 5px;
    margin: 0;
}

* 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: #FFFFFF;
    color: #008000;
    border-bottom: 1px solid #008000;
    border-left: 1px solid #008000;
    border-right: 1px solid #008000;
}

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