@charset "UTF-8";

ul.dropdown, ul.dropdown li, ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: .4em .8em .4em .8em;
	text-align:center;
}
ul.dropdown {
	position: relative;
	float: left;
}
ul.dropdown li {
	float: left;
	line-height: 1.5em;
	vertical-align: middle;
	zoom: 1;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	position: relative;
	cursor: default;
	color:#FFCC00;
}
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 23px;
	left: 0px;
	width: 170px;
	z-index:100;
	
}
ul.dropdown ul li {
	float: none;
	background:#4C381D;
	color:#fff;
	padding:0;
	height:100%;
	width:170px;
	z-index:101;border-top:1px solid #fff;
}
ul.dropdown ul li a {
	background:#4C381D;
	color:#fff;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom:1px solid #fff;
	padding:5px 0 5px 5px;
	z-index:102;
	text-align:left;
}
ul.dropdown ul li a:hover {
	background:#382102;
	color:#FFCC00;
	display:block;
	z-index:100;
}
ul.dropdown ul ul {
	top: 1px;
	left: 99%;
	z-index:0;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}
/*<!--[if IE 6]>
ul.dropdown li :hover, ul.dropdown ul:hover, ul.dropdown li:hover  ul, ul.dropdown ul li:hover, ul.dropdown ul li:hover ul, ul.dropdown ul ul:hover, ul.dropdown ul ul li:hover  {
display:block;
visibility:visible;
}
<!--[endif]-->
/* */

/* hide the sub levels and give them a positon absolute so that they take up no room */

#login ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:12px;
	left:-3px;
	width:155px;
}
/* make the second level visible when hover on first level list OR link */

ul.dropdown li :hover, ul.dropdown ul:hover, ul.dropdown li:hover  ul, ul.dropdown ul li:hover, ul.dropdown ul li:hover ul, ul.dropdown ul ul:hover, ul.dropdown ul ul li:hover   {
	visibility:visible;

}
ul.dropdown ul ul:hover ul {
	visibility:hidden;
}