/* LEVEL ONE */
ul.dropdown {
	position: relative; 
}
ul.dropdown, ul.sub_menu, ul.sub_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none; 
}
ul.dropdown li { 
	float: left;
	background: transparent;
	margin: 0;
	padding: 0;
}
ul.dropdown a:hover	 { 
	background:	#986f41 url(../images/layout/bafana-nav-a-bg.png) repeat-x;
	color: #F3D673;
}
ul.dropdown a:active { 
	background: #986f41 url(../images/layout/bafana-nav-a-bg.png) repeat-x;
	color: #F3D673;
}
ul.dropdown li a     { 
	display: block; 
	border-left: 1px solid #986f41;
	padding: 7px 14px;
	color: #fff; 
	text-decoration: none;
}
ul.dropdown li:last-child a { /* Doesn't work in IE */ 
	border-right: none; 
} 
ul.dropdown li.hover, ul.dropdown li:hover { 
	background: #986f41; 
	color: #F3D673;
	color: black; 
	position: relative; 
}
ul.dropdown li.hover a { 
	color: #F3D673;
}

/* LEVEL TWO */
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	display: block;
}
ul.dropdown ul li { 
	font-weight: normal; 
	color: #fff;
	clear: left;
	width: 100%;
	display: block;
}

ul.dropdown ul li a	{ 
	background: #4c3720;
	border-right: none; 
	border-bottom: 1px solid #986F41; 
	display: block;
	text-align: left;
} 

/* LEVEL THREE */
ul.dropdown ul ul { 
	left: 100%; 
	top: 0; 
}
ul.dropdown ul li {
	background: #4c3720;
}
ul.dropdown li:hover > ul { 
	visibility: visible; 
}