/* nav */

#nav ol, #nav ul, #nav li
{
	list-style: 		none;
	margin:				0px;
	padding:			0px;
}

#nav
{	
	display:			block;
	width:				100%;
	position:			relative;
	z-index:			10000000;
	margin-left:		20px;
}


#nav ul li
{
	float: 				left;
	margin-right:		25px;
	z-index:			10000000;
	background-color:	#666666;
}

#nav ul li a
{
	color: 				#FFFFFF;
	display: 			block;
	font-size: 			11px;
	z-index:			10000000;
	text-decoration: 	none;
	padding-bottom:		6px;
}

#nav ul li a.active
{
	text-decoration:	underline;
}

#nav ul li.active a
{
	color: 				#FFFFFF;
	z-index:			100;
}
#nav ul li.active li a
{
	border:				0;
}

#nav .level0 li.active
{
	text-decoration: 	underline;
	color: 				#FFFFFF;
}

#nav .level1 li.active
{
	text-decoration: 	underline;
	color: 				#FFFFFF;
}

#nav .level2 li.active
{
	text-decoration: 	underline;
	color: 				#FFFFFF;
}


#nav li ul
{
	display: 			none;
	margin-left: 		0px;
	padding-bottom:		15px;
	padding-top:		5px;
	position: 			absolute; 
	z-index:			100;
}

#nav li ul a:hover
{
	text-decoration: underline;
}

li > ul
{
	left: 				auto;
	top: 				auto;
	display:			none;
	z-index:			100;
}

#nav li ul li
{
	background-color:	#999999;
	border: 			0;
	clear: 				both;	
	width:				180px;
	margin-left:		-20px;
	z-index:			100;
}

#nav li ul li.first
{
	padding-top: 4px;
}

#nav li ul li.last
{
	padding-bottom: 4px;
}

#nav li.over > ul , #nav li:hover > ul
{
	display: 			block;
	height: 			auto;	
	z-index:			100;	

}


#nav li ul li a
{
	border: 			0;
	margin:				0px;
	line-height:		13px;	
	padding:			5px;
	padding-left:		20px;
	z-index:			100;
	
}

#nav li ul li:hover, #nav li ul li.over
{
	background-color:	#999999;
	z-index:			100;
	
	color: #FFFFFF;
}

#nav li ul li ul
{
	top:				auto;
	margin-top:			-32px;
	margin-left:		200px;
	display:			none;
	z-index:			100;
	
}