/* common styling */
.menu {
	font-family: Trebuchet MS;
	width:400px;
	position:absolute;
	font-size:12px;
	margin:50px auto;
	left: 520px;
	top: 410px;
	z-index: 100;
}
.menu ul li a, .menu ul li a:visited { text-decoration:none; width:; height:22px; text-align:left; color:#fff; padding-left:0px; border:0 solid #fff; border-width:0 0 0 0; background:; line-height:20px; font-size:12px;}
.menu ul {padding:0; margin:0;list-style-type: none; }
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#CCCC66; background:#814317;}
.menu ul li:hover ul {display:block; position:absolute; bottom:22px; left:0;}
.menu ul li:hover ul li a.hide {background:#814317; color:#CCCC66;}
.menu ul li:hover ul li {display:block; background:#fff; color:#CCCC66;width:128px; clear:both;}
.menu ul li:hover ul li:hover a.hide {background:#814317; color:#CCCC66;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#e7e7e7; color:#000; width:100%; padding-left:10px;}
.menu ul li:hover ul li a:hover {background:#CCCC66; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:150px; bottom:0;}
.menu ul li:hover ul li:hover ul li a {background:#CCCC66; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#CCCC66; color:#000;}

.menu ul li:hover ul.left {left:-50px;}
.menu ul li:hover ul li:hover ul.left {left:-210px; width:50px;}