/* ================================================================ 
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.
===================================================================background: url(blank_over.gif); */

.preload1 {
	background-color:#00CC66;
}
.preload2 {background: url(blank_overa1.gif);}
/* top margin for this demo only */
#nav {
	padding:0;
	/* margin:200px 0 0; background:#fff; */
	list-style:none;
	height:70px;
	position:relative;
	z-index:500;
	font-family:verdana, arial, sans-serif;
	width: 300;
}
#nav li.top {
	display:block; 
	float:left; 
	padding-top:-5px;
	zindex:500;
	
}
#nav li a.top_link {
	display:block; 
	height:40px; 
	line-height:27px; 
	color:#666; 
	text-decoration:none; 
	font-size:14px; 
	padding:0 0 0 10px; 
	cursor:pointer;
	z-index:500; 
	/*background: url(blank1.gif);font-weight:bold;float:left; */
}
#nav li a.top_link span {
	float:left; 
	display:block; 
	padding:0 24px 0 12px; 
	height:36px;
	/* background:url(blank1.gif) right top; */
}
#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 20px 0 12px; 
	height:36px; 
	/*background:url(blanka1.gif) no-repeat right top; */
	}
#nav li a.top_link:hover {
	color:#666; 
	/*background: url(blank_over1.gif) no-repeat; */
}
#nav li a.top_link:hover span {
	/*background:url(blank_over1.gif) no-repeat right top;  */
	line-height:29px;
}
#nav li a.top_link:hover span.down {
	/* background:url(blank_overa1.gif) no-repeat right top;*/
	line-height:29px;
}

#nav li:hover > a.top_link {
	color:#000000; 
	/* background: url(blank_over1.gif) no-repeat;*/
}
#nav li:hover > a.top_link span {/*background:url(blank_over1.gif) no-repeat right top;*/ line-height:29px;}
#nav li:hover > a.top_link span.down {/*background:url(blank_overa1.gif) no-repeat right top;*/ line-height:29px;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;/* background:#fff; */}

/* 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; zindex:500;}

#nav li:hover ul
{left:0; bottom:40px; top:auto;  background: #fff; padding:3px; border:1px solid #4f8383; white-space:nowrap; width:auto; height:auto; z-index:300;}
* html #nav li:hover ul {width:0;}
#nav li:hover ul li
{display:block; position:relative; float:left; font-weight:normal; background:#fff; clear:left;}
#nav li:hover ul li a
{display:block; font-size:11px; height:20px; line-height:20px; padding:0 5px; color:#000; text-decoration:none;}
#nav li ul li a.fly
{color:#4f8383; font-weight:bold;}
#nav li:hover ul li:hover 
{background:#fff;}
#nav li:hover ul li a:hover {text-decoration:underline;}
#nav li:hover ul li a.fly:hover
{background:#4f8383; color:#fff; text-decoration:none;}
#nav li:hover ul li:hover.fly {background:#4f8383;}

#nav li:hover ul li:hover.fly > a.fly {background:#4f8383; color:#fff; 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; 
	background: #fff; 
	padding:3px; 
	border:1px solid #4f8383; 
	white-space:nowrap; 
	width:auto; 
	z-index:500; 
	height:auto;
}
