/* General Menu 
----------------------------------*/

#nav, #nav ul {
	line-height:1.5em;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 18px;
	height:auto;
	padding:0;
	
	z-index:20;
}
#nav li a {
	background:url(../images/bg-menu-h.gif) no-repeat scroll 0 0 transparent;
	border:1px solid #3B1C2F;
	color:#FFFFFF;
	text-transform:uppercase;
	float:left;
	font:bold 0.7em "Arial",Helvetica,sans-serif;
	height:24px;
	margin:0 2px 0 3px;
	padding:3px 5px;
	width:85px;
	text-decoration:none;
}
#nav li a:hover, #nav li .selected {
	background:url(../images/bg-menu-l.gif) no-repeat scroll 0 0 transparent;
	border:1px solid #93428F;
}
#nav li {
	float:left;
	position:relative;
}
#nav ul {
	display:none;
	left:0;
	margin:12px 0 0;
	position:absolute;
	top:1.5em;
	width:140px;
	z-index:4;
}
#nav li ul a {
	background:#B2B2B2;
	float:left;
	height:auto;
	font-size:.85em;
	padding:5px 3px 5px 5px;
	width:140px;
	border:1px solid #999;
}
#nav li ul a#title {
	background:#666;
	float:left;
	height:auto;
	font-size:.85em;
	padding:5px 3px 5px 5px;
	width:140px;
	border:1px solid #999;
}
#nav li ul a:hover, #nav li ul a#title:hover {
	background:#333;
	float:left;
	height:auto;
	padding:5px 3px 5px 5px;
	border:1px solid #333;
}
#nav ul ul {
	top:50px;
}
#nav li ul ul {
	left:12em;
	margin:0 0 0 10px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
	display:block;
}