ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

/* DO NOT AMEND ABOVE THIS LINE */

/* top level menu */
ul.dropdown li {
	float: left;
	display:block; 
	text-decoration:none; 
	border-bottom: 2px solid #7ac043;
	font-size: 130%;
	margin-right: 10px;
	padding: 5px 20px 20px 5px;
	min-width: 30px;
	height: 15px;
	line-height: 16px;
}

/* top level anchor tag */
ul.dropdown li a {
	padding: 0px;
	line-height: 16px;
	float: left;
	text-decoration: none;
}

/* top level anchor tag hover */
ul.dropdown li a:hover {
	color: #ffffff;
	padding: 0px;
	line-height: 16px;
	float: left;
	text-decoration: none;
}

/* top level and dropdown hovers */
ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
	border-bottom: 2px solid #f7941d;
	background: #f9a44a url(../images/img-menu-background.gif) no-repeat;
	background-position: right bottom;
	text-decoration:none; 
	font-size: 130%;
	margin-right: 10px;
	color: #ffffff;
	min-width: 30px;
	line-height: 16px;
}

/* keeps color of top level link as hover colour in IE6 */
ul.dropdown li.hover a {
	color: #ffffff;
}

/* selected top level menu item */
ul.dropdown li.selected {
	position: relative;
	z-index: 599;
	cursor: default;
	border-bottom: 2px solid #f7941d;
	background: #f9a44a url(../images/img-menu-background.gif) no-repeat;
	background-position: right bottom;
	text-decoration:none; 
	font-size: 130%;
	margin-right: 10px;
	color: #ffffff;
	min-width: 30px;
	line-height: 15px;
	/* firefox needs a line height of 16px */
}

ul.dropdown li.selected a {
	color: #ffffff;
}

/* top level anchor tag styling when hovering on dropdown */
ul.dropdown li:hover a {
    text-decoration: none;
    color: #ffffff;
    margin-right: 0px;
}


/* main dropdown menu */
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 999;
	background-color: #f9a44a;
	width: 225px;
}
 
 
/* IE7/other browser dropdown menu item hover */
ul.dropdown ul li:hover {
	border-bottom: 0px;
	width: 200px;
	background: #332a87;
	display: block;
	margin-right: 0px;
}

/* IE6 dropdown menu item hover */
ul.dropdown ul li.hover {
	border-bottom: 0px;
	background: #332a87;
	width: 210px;
	display: block;
	margin-right: 0px;
}

/* sub menu anchor tag */
ul.dropdown ul a {
    font-size: 70%;
    color: #ffffff;
    width: 200px;
    display: block;
}

/* sub menu anchor tag hover */
ul.dropdown ul a:hover {
	font-size: 70%;
    color: #ffffff;
    display: block;
    width: 200px;
	background: #332a87;
    
}

/* individual dropdown items styling */
/* HEIGHT IS IMPORTANT SO THAT MENU DOESN'T JUMP!!! */
ul.dropdown ul li {
 border-bottom: 0px;
 height: 37px;
 padding-bottom: 0px;
 float: none;
}


/* DO NOT AMEND BELOW THIS LINE */

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}