/* CSS Document */
#hor_menu ul {
	list-style-type: none;
}

/* horizontal */
#hor_menu ul li {
	float:left;
	position:relative;	
	_width:1%;
}

/* second level */
#hor_menu ul ul {
	display:none;  
	position:absolute;
	left:5px; /* for IE */
	top: 14px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
#hor_menu ul ul li {
	float:none;
	width:180px;
	vertical-align: bottom; /* This fixes the IE5 Win gap! */
}

/* third level */
#hor_menu ul ul ul {
	position: absolute;
	left: 180px;
	top:  -1px;
	display:none;
}

/* fourth level */
#hor_menu ul ul ul ul {
	display:none;
}

/* ******************************************************************* */
/* SHOW SUBMENU  1 */
#hor_menu ul li:hover ul, #hor_menu ul li.over ul {
	display:block;
	}

/* but not submenu 2 */
#hor_menu ul li:hover ul ul, #hor_menu ul li.over ul ul {
	display:none;
}

/* SHOW SUBMENU  2 */
#hor_menu ul ul li:hover ul, #hor_menu ul ul li.over ul {
	display:block;
}
/* ******************************************************************* */

/* STYLING UP THE LINKS */
/* horizontal */
#hor_menu ul a {
	display:block;
	background:none;
	color:#ccc;
	text-decoration:none;
	padding:0px 15px 4px 15px;
	font: 10px/10px 'Verdana';
	white-space:nowrap;
}
#hor_menu ul a:hover {
	color:#fff;
}

/* submenu 1*/
#hor_menu ul ul a {
	border-bottom:1px solid #666;
	border-top:none;
	color: #c18388;
	font: 10px/18px 'Verdana';
	height:18px;
	padding:0px 10px;	
	background: #333;
	white-space: nowrap;
	
}

#hor_menu ul ul a:hover {
	color: #ee0300;
}

/* ******************************************************************* */

#hor_menu ul {
	z-index:1;
}
#hor_menu ul ul {
	z-index:2;
	border-bottom: 1px solid #fff;
}
#hor_menu ul ul ul {
	z-index:3;
}

/* ******************************************************************* */