/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {
	/* clear:both; */
	padding:0; margin:0; list-style:none; background:#fff; position:relative; z-index:500; font-family:arial, verdana, sans-serif;
	width:780px;
	height:35px;
}
#nav li.top {
	/* clear:right; */
	padding:0; margin:0;display:block; float:left;
	height:35px;
}

/* for IE6 */
* html body #nav {margin-bottom:-4px;}
* html body #nav li.top{margin-bottom:-4px;}

/* Default list styling */

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

#nav li:hover ul.sub{
	left:0px;
	top:35px;
	background-color: white;
	border: 1px solid #CCCCCC;
	border-width: 0;
	font:normal 12px;
	line-height:18px;
	width: 165px;
	white-space:nowrap;
	height:auto;
	z-index:300;
}
#nav li:hover ul.sub li{
	display:block;
	/* height:25px; */
	position:relative;
	float:left;
	width: 165px;
	border: 1px solid #CCCCCC;
	border-width: 0 1px;
	font-weight:normal;
	font-size:12px;
}
#nav li:hover ul.sub li a{
	background: url(image/menu.gif) no-repeat;
	background-color: #FFFFFF;
	width:auto;
	display:block;
	/* text-indent:25px; */
	border: 0px solid #CCCCCC;
	border-bottom-width: 1px;
	/* padding: 3px 0; */
	padding: 3px 0 3px 25px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	z-index:300;
}

* html #nav li:hover ul.sub li a{
	width: 100%;
}

#nav li:hover ul.sub li a:hover {
	background: url(image/menu_over.gif) no-repeat;
	background-color: #EBF5FF;
	color:#0000ff;
	border-color:#CCCCCC;
	z-index:300;
}

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

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover 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_reader{
	left:-30px;
	width: 145px;
}

#nav li:hover ul.sub_reader li{
	width: 145px;
}

#nav li:hover ul.sub_disease{
	width: 180px;
}

#nav li:hover ul.sub_disease li{
	width: 180px;
}

#nav li:hover ul.sub_saint{
	width: 140px;
}

#nav li:hover ul.sub_saint li{
	width: 140px;
}

#nav li:hover ul.sub_navi_happy{
	width: 160px;
}

#nav li:hover ul.sub_navi_happy li{
	width: 160px;
}

#nav li:hover ul.sub_enlightenment{
	width: 240px;
}

#nav li:hover ul.sub_enlightenment li{
	width: 240px;
}

#nav li:hover ul.sub_navi_movie{
	width: 180px;
}

#nav li:hover ul.sub_navi_movie li{
	width: 180px;
}