.dropdown-menu {width:107px; height:25px;position:relative; z-index:100;border:1px solid #FFF;}

.dropdown-menu ul{width:107px}
.dropdown-menu a, .dropdown-menu a:visited {
	display:block;
	font-size:13px;
	text-decoration:none;
	color:#fff;
	margin-top:-3px;
	width:97px;
	height:25px;
	border:0px solid #000;
	background:#1E2320 url(../images/dropdown-arrow.gif) no-repeat right center;
	padding-left:10px;
	line-height:24px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.dropdown-menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;right:0; width:108px;border-top:1px solid #FFF;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.dropdown-menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.dropdown-menu ul ul a, .dropdown-menu ul ul a:visited {
	background:#393B3A;
	color:#FFF;
	height:auto;
	line-height:1em;
	padding:5px 10px;
	width:87px;
	border-bottom: 1px dashed #292928;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	position:relative; z-index:80;
}
.dropdown-menu ul ul li.last a, .dropdown-menu ul ul li.last a:visited {
	border-bottom: 1px solid #FFF;
}

/* style the top level hover */
.dropdown-menu ul ul a:hover, .dropdown-menu ul ul li.current a{color:#fff; background:#1E2320;}
.dropdown-menu :hover > a, .dropdown-menu ul ul :hover > a {color:#fff}

/* make the second level visible when hover on first level list OR link */
.dropdown-menu ul li:hover ul,
.dropdown-menu ul a:hover ul{visibility:visible; }