/* ================================================================ 
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_pullup_1.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.
=================================================================== */


/* top margin for this demo only */
#nav {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:16px; 
	position:relative; 
	z-index:500; 
	font-family:verdana, arial, sans-serif;
	float:right;
	width:17px;
	padding-top:1px;
	}
#nav li.top {display:block; float:left;}
#nav li a.top_link {
	display:block; 
	float:left; 
	height:16px; 
	line-height:27px; 
	color:#fff; 
	text-decoration:none; 
	font-size:9px; 
	font-weight:bold; 
	padding:0 0 0 0px; 
	cursor:pointer;cursor: default;
	}
#nav li a.top_link span {float:left; display:block; padding:0; height:36px;}
#nav li a.top_link span.down {float:left; display:block; padding:0; height:36px;}
#nav li a.top_link:hover {color:#000;}
#nav li a.top_link:hover span {line-height:27px;}
#nav li a.top_link:hover span.down {line-height:27px;}

#nav li:hover > a.top_link {color:#000;}
#nav li:hover > a.top_link span {line-height:29px;}
#nav li:hover > a.top_link span.down {line-height:29px;}

/* 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
{
	left:-160px; 
	bottom:-33px; 
	top:auto; 
	padding:3px;
padding-left:11px;	
	/*border:1px solid #4f8383; */
	white-space:nowrap; 
	width:auto; 
	height:auto; 
	z-index:300;
	
	padding-top:20px;
	}
* html #nav li:hover ul {width:0;}
#nav li:hover ul li {
	display:block; 
	position:relative; 
	float:left; 
	font-weight:normal; 
	clear:left;
	width:160px;
	
	color:#000;
	}
#nav li:hover ul li a {
	display:block; 
	font-size:9px;  
	line-height:15px; 
	padding:0; 
	color:#000; 
	text-decoration:none;
	padding-left:5px;
	background-image:url(../pics/div_sub_bg.gif);
	background-repeat:no-repeat;
	height:15px;
	}
#nav li ul li a.fly
{color:#fff; font-weight:normal;}
#nav li:hover ul li a:hover {
	text-decoration:none;
	color:#000;
	background-image:url(../pics/div_sub_bg2.gif);
	background-repeat:no-repeat;
	}
#nav li:hover ul li a.fly:hover
{color:#000; text-decoration:none;}


#nav li:hover ul li:hover.fly > a.fly {color:#000; text-decoration:none;} 

#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:-5px; 
	margin-left:100%; 
	bottom:-4px; 
	top:auto; 
	padding:3px; 
	border:1px solid #4f8383; 
	white-space:nowrap; 
	width:auto; 
	z-index:500; 
	height:auto;
	}

