/* ================================================================ 
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/menu.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.
=================================================================== */
/* for this demo only */
#nav {margin:0pt auto;padding:0pt; width:1024px;}

/* the styling */
#nav {height:123px;background: url("../images/headerbg.gif") repeat-x top;}

#nav .select, #nav .current {margin:39px 0 0 0; padding:0; list-style:none; display:inline; float:left; background: url("../images/btmarrow.gif") no-repeat bottom center;}

#nav .sub {margin:0 auto; padding:0; list-style:none; margin-top:17px; font:Tahoma, Arial, Verdana}

#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; color:#fff; text-transform:none; height:58px; float:left; padding:0 0 0 9px; text-decoration:none; font-weight:bold; line-height:58px; white-space:nowrap; font-family: Helvetica,Arial,sans-serif;}

/* calculate the required widths of the top level */
#nav .one a {width:10em;}
#nav .two a {width:14em;}
#nav .three a {width:18em;}
#nav .four a {width:4em;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background: url("../images/btmnoarrow.gif") no-repeat bottom center; padding:0 15px 0 6px; color:#a5750c;}

#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:#08385e; cursor:pointer;}

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

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

#nav .current .sub .current_sub a, 
#nav .current .sub a:hover {color:#e5b156;}

#nav .current .sub, 
#nav .select a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:814px; top:40px; background: url(../images/headerbtmbg.gif) repeat-x ; padding:1px 0 20px 10px; line-height:2.4em;}

* html #nav .current .sub, * html #nav .select a:hover .sub {margin-top:0; 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 10px; margin:0 10px 0 0; width:auto; white-space:nowrap; font-weight:normal; font-size:0.95em; height:2em; line-height:2.4em;}

#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:#08385e;}

/* calculate the left edge position of each sub level */
#nav .one .sub {left:0;}
#nav .two .sub {left:-7.5em; margin-left:-9px;}
#nav .three .sub {left:-27em; margin-left:-9px;}
* html #nav .three .sub {margin-left:-9px; marg\in-left:-9px;}
#nav .four .sub {left:-39.5em; margin-left:-9px;}
* html #nav .four .sub {margin-left:-18px; marg\in-left:-27px;}