@charset "utf-8";

/*----------------------------------------------------------*/
/* screen media*/
/*----------------------------------------------------------*/

#nav{
	text-align:left;
	list-style:none;
	position:relative;
	z-index:500;
	}

#nav a{
	color:#333;
	}

#nav li.top{
	display:block;
	float:left;
	border-left:solid 1px #333;
	background:#E4BC44;
	line-height:1;
	}
/*----*/
#nav li.first{
	padding-left:10px;
	border-left:none;
	}
/*----*/

#nav li a.top_link{
	display:block;
	float:left;
	text-decoration:none;
	cursor:pointer;
	}
#nav li a.top_link span{
	float:left;
	display:block;
	}
#nav li a.top_link span.down{
	float:left;
	display:block;
	}
#nav li a.top_link:hover{
	color:#993366;
	background:#E4BC44;
	}
#nav li a.top_link:hover span{
	background:#E4BC44;
	}
#nav li a.top_link:hover span.down{
	background:#E4BC44;
	}

#nav li:hover > a.top_link{
	color:#993366;
	background:#E4BC44;
	}
#nav li:hover > a.top_link span{
	background:#E4BC44;
	}
#nav li:hover > a.top_link span.down{
	background:#E4BC44;
	}

/* Default list styling */

#nav li:hover {
	position:relative;
	z-index:200;
	}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
	}
#nav li:hover ul.sub{
	left:0;
	top:1em;
	background: #FFF;
	padding:3px 0;
	border:1px solid #E4BC44;
	white-space:nowrap;
	width:auto;
	height:auto;
	z-index:300;
	line-height:1.4;
	}
#nav li:hover ul.sub li{
	display:block;
	height:1.4em;
	position:relative;
	float:none;
	width:auto;
	font-weight:normal;
	padding:0 5px;
	border-left:none;
	}
#nav li:hover ul.sub li a{
	display:block;
	height:1.4em;
	width:auto;
	color:#000;
	padding:0;
	text-decoration:none;
	}
#nav li:hover ul.sub li a:hover{
	background:#E4BC44;
	color:#FFF;
	}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul{
	left:90px;
	top:-4px;
	background: #FFF;
	padding:3px;
	border:1px solid #E4BC44;
	white-space:nowrap;
	width:auto;
	z-index:400;
	height:auto;
	}