
body {
padding:0; 
margin:0; 
font-family:arial, verdana, sans-serif; 
color:#000;}



/* ================================================================ 
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-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#nav {
	position: absolute;
	top: -47px;
	left: 219px;
	z-index: 99;

}

/* the styling */
#nav {padding-left:0px; width:524px; height:47px ;}

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

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

#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:47px; 
float:left; 
width:100px; 
background:url("../images/left_both.gif") no-repeat left top; 
margin-left: 1px;
margin-right: 1px;
padding:0 0 0 9px; 

white-space:nowrap;}


#nav .select a, 
#nav .current a {
text-decoration:none; 
font-size: 10px;
font-weight: bold; 
line-height:13px; 
text-align:left;
}

#nav .select a b, 
#nav .current a b {
text-decoration:none; 
font-size: 10px;
font-weight: bold; 
line-height:13px; 
text-align:left;
}



/* calculate the required widths of the top level */
#nav .one a {width:120px;}
#nav .two a {width:120px;}
#nav .three a {width:120px;}
#nav .four a {width:120px;}




#nav .select a b, 
#nav .current a b {height:37px; margin-right: 1px; margin-right: 1px; display:block; background:url("../images/right_both.gif") no-repeat right top; padding:10px 15px 0 3px; color:#ffffff; }

#nav .sub {display:none;}

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

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

#nav .current a {background-position:0 -150px; border-color:#fff;}
#nav .current a b {background-position:100% -150px; color:#000;}


#nav .sub li a, 
#nav .select a .sub li a, 
#nav .select li .sub li a {color:#b3b3b3;}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {color:#000; font-weight:bold;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {color:#000; font-weight:bold}

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {color:#b5191e; font-weight:bold;}




#nav .current .sub {display:block; position:absolute; width:538px; height: 25px; top:46px; background:#ffffff; margin-top:1px; padding:7px 0 18px 0;}



#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:538px; height: 25px; top:46px; background:#ffffff; margin-top:1px; padding:7px 0 18px 0;}



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

#nav .current .sub li a, 
#nav .select a:hover .sub li a, 
#nav .select li:hover .sub li a {display:inline; padding:0 0px; margin:0 0px 0 0px; width:auto; white-space:nowrap; font-weight:normal; font-size:12px; height:2em; line-height:1.9em; width: 100px; text-align: center; margin-top: 10px;}


#nav .select a:hover, 
#nav li:hover a {background-position:0% -150px; border-color:#fff;}

#nav .select a:hover b, 
#nav .select li:hover a b {background-position:100% -150px; border-color:#fff; color:#000;}






/* calculate the left edge position of each sub level */
#nav .one .sub {left:2px;}
#nav .two .sub {left:-118px; margin-left:-11px;}
#nav .three .sub {left:-240px; margin-left:-20px;}
* html #nav .three .sub {margin-left:-9px; margin-left:-18px;}
#nav .four .sub {left:-362px; margin-left:-29px;}
* html #nav .four .sub {margin-left:-18px; margin-left:-27px;}


