* { margin: 0; padding: 0; }

ul.dropdown {
	font:normal 12px Helvetica, Arial, sans-serif;
	background-color:#000;
	width:100%;
}
	ul.dropdown li {
		padding: 5px 0;
		background-color:#000;
		color: #fff;
		line-height: normal;
		border-right:1px #666 solid;
	}
	ul.dropdown li.hover, ul.dropdown li:hover { background-color:#996; }
	ul.dropdown a:link, ul.dropdown a:visited, ul.dropdown a:active { color: #fff; text-decoration: none; }
	ul.dropdown a:hover { color: #000; text-decoration: none; }
/* END LEVEL */

/* NON-FIRST LEVEL */
	ul.dropdown ul {
		width: 170px;
		background-color: #996;
		color: #000;
		font-size: 11px;
		text-transform: none;
	}
		ul.dropdown ul li {
			background-color: transparent;
			border-right:0;
			border-top:1px #aaaa71 solid;
			color: #000;
			filter: none;
		}
		ul.dropdown ul li.hover, ul.dropdown ul li:hover {
			background-color: transparent;
		}
		ul.dropdown ul a:link, ul.dropdown ul a:visited, ul.dropdown ul a:active { color: #000; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
/* ----- END LEVEL */

/* ALL LEVELS (incl. first) */
	ul.dropdown *.dir {
		padding-right: 12px;
		background-image: none;
		background-position: 100% 50%;
		background-repeat: no-repeat;
	}
/* END LEVEL */

/* Components override */
	ul.dropdown li a { display: block; padding: 5px 14px; }

/* Override default */
	ul.dropdown li { padding: 0; }

/* Reinitiate default: post-override activities  */
	ul.dropdown li.dir { padding: 0 20px 0 14px; }
	ul.dropdown ul li.dir { padding-right: 15px; }

/* Custom */
	ul.dropdown li {
	}
	ul.dropdown ul a {
		padding: 5px 5px 5px 14px;
		width: 151px; /* Especially for IE */
	}
	ul.dropdown ul a:hover {
		background-color: #88885b;
	}
	ul.dropdown a.open {
		background-color: #996;
		color: #000;
	}
	ul.dropdown ul a.open {
		background-color: #88885b;
		color: #fff;
	}
	
	/* CSS 2.1 */
	ul.dropdown li:hover > a.dir {
		background-color: #996;
		color: #000;
	}
	ul.dropdown ul li:hover > a.dir {
		background-color: #88885b;
		color: #fff;
	}