﻿.flexdropdownmenu, .flexdropdownmenu ul {
	/*topmost and sub ULs, respectively*/

	font-size: 14px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	list-style-type: none;
	background: white;
	border: 1px solid #005e9d;
	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: 305px; /*width of menu (not including side paddings)*/;
	color: #005e9d;
    background-color: #f6dd03;
	border-bottom: 1px solid #005e9d;
	text-decoration: none;
	padding: 4px 5px;
}
* html .flexdropdownmenu li {
	/*IE6 CSS hack*/
display: inline-block;
	width: 200px; /*width of menu (include side paddings of LI A*/
}
.flexdropdownmenu li a:hover, .flexdropdownmenu li.selected > a {
	background-color: #005e9d;
	color: #f6dd03;
	font-weight: bold;
}
.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}
a.selected {
	background-image: none;
    background-color: #f6dd03;
    color: #005e9d !important;
}