/* ================================================================ 
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_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.
=================================================================== */

#nav { padding: 0; margin: 0; list-style: none; position: relative; z-index: 500; }
#nav li.top { display: block; float: left; height: 56px; width: 103px; background-image: url(/images/nav_divider.png); background-repeat: no-repeat; background-position: right; text-align: center; }
#nav li.topend { display: block; float: left; height: 56px; width: 103px; text-align: center; }
#nav li a.top_link {
	display: block;
	float: left;
	height: 56px;
	width: 103px;
	color: #ffffff;
	padding-top: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-decoration: none;
}
#nav li a.top_link:hover { display: block; float: left; height: 56px; width: 103px; color: #000000; padding-top: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; background-image: url(/images/but.png); background-repeat: no-repeat; }
#nav li a.top_link span { display: block; }
#nav li a.top_link span.down { display: block; }
/* #nav li:hover > a.top_link { color: #000000; } */

/* 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 { display: block; height: auto; width: 260px; left: 0; top: 56px; white-space: nowrap; z-index: 300;  }
#nav li:hover ul.sub li { display: block; float: left; margin-top: 1px; height: 20px; width: 260px; background: #efefef; border: 0px solid black; position: relative; font-weight: normal; }
#nav li:hover ul.sub li a {
	display: block;
	padding-top: 3px;
	float: left;
	height: 17px;
	width: 255px;
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	text-align: left;
	padding-left: 5px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #3366CC;
	border-right-color: #3366CC;
	border-bottom-color: #3366CC;
	border-left-color: #3366CC;
}
#nav li:hover ul.sub li a:hover {
	background: #ffffff;
	color: #000000;
}

#nav li ul.sub li a.fly { background: #ffffff; }
#nav li:hover ul.sub li a.fly:hover { background: #3a93d2; color: #ffffff; }
#nav li:hover ul li:hover > a.fly { background: #3a93d2; color: #ffffff; }

#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:140px; top:-4px; background: #f6f6f6; padding:3px; border:1px solid #3a93d2; white-space:nowrap; width:160px; z-index:400; height:auto;}

