/* ================================================================ 
This copyright notice must be untouched at all times.

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

/* the styling */
#nav {
	margin:0px; 
	padding:0px; 
	float:left; 
	width:730px;  
	height:26px;
	background: url(../images/navbar_bg.gif) repeat-x bottom;
}

#nav .select, 
#nav .current {
	margin: 0; 
	padding:0; 
	list-style:none; 
	display:block;
}

#nav .sub {
	margin:0; 
	padding:0; 
	list-style:none; 
	display:block;
}

#nav li {
	display:block; 
	float:left; 
	margin:0; 
	padding:0; 
	position:relative; 
	z-index:100;
}

#nav .current li {
	z-index:50;
}

#nav .select a, 
#nav .current a {
	display:block; 
	height:26px; 
	float:left; 
	width:100px; 
	padding:0 0 0 20px; 
	text-decoration:none; 
	font-size:1.2em; 
	font-family:Geneva, Arial, Helvetica, sans-serif; 
	line-height:26px; 
	overflow:hidden; 
	white-space:nowrap;
}

/* calculate the required widths of the top level */
#nav .one a {width:50px;}
#nav .two a {width:75px;}
#nav .three a {width:75px;}
#nav .four a {width:75px;}
#nav .five a {width:70px;}
#nav .six a {width:70px;}
#nav .seven a {width:70px;}
#nav .eight a {width:70px;}

#nav .select a {height:100%; display:block; color:#DDD;}
#nav .current a {height:100%; display:block; color:#FFF;}

#nav .sub {display:none;}

/* for IE5.5 and IE6 only */
#nav table {
	position:absolute; 
	border-collapse:collapse; 
	left:0; 
	top:-1px; 
	font-size:1em;
}

#nav .select a:hover {cursor:pointer; color:#FFFFFF;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {
	display:block; 
	padding:0 0 0 9px; 
	color:#FF9900;
}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {
	display:block; 
	padding:0 0 0 9px; 
	color:#FF9900;
}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {
	display:block; 
	position:absolute; 
	background:#FFFFFF url(../images/nav_shade32px.gif) repeat-x top left; 
	height: 35px;
	border-bottom:0px solid #000; 
	width:730px; 
	top:26px; 
	margin-top:0; 
	padding: 10px 0 0 0; 
	overflow:hidden;
}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; margin-t\op:1px;}

#nav .current .sub li a,
#nav .select a:hover .sub li a,
#nav .select li:hover .sub li a {
	display:block; 
	padding:0 0 0 9px; 
	margin:0 10px 0 0; 
	width:auto; 
	color:#000;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	height:20px; 
	max-height:20px; 
	overflow:hidden;
}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-50px; margin-left:-20px;}
#nav .three .sub {left:-125px; margin-left:-40px;}
#nav .four .sub {left:-200px; margin-left:-60px;}
#nav .five .sub {left:-275px; margin-left:-80px;}
#nav .six .sub {left:-345px; margin-left:-100px;}
#nav .seven .sub {left:-415px; margin-left:-120px;}
#nav .eight .sub {left:-485px; margin-left:-140px;}
* html #nav .three .sub {margin-left:-125px; marg\in-left:-40px;}
* html #nav .four .sub {margin-left:-200px; marg\in-left:-60px;}
* html #nav .five .sub {margin-left:-275px; marg\in-left:-80px;}
* html #nav .six .sub {margin-left:-345px; marg\in-left:-100px;}
* html #nav .seven .sub {margin-left:-415px; marg\in-left:-120px;}
* html #nav .eight .sub {margin-left:-485px; marg\in-left:-140px;}