/* for this demo only */
.navwrap {
position:relative;


}



#nav {
background: url(/images/back_0.gif) repeat-x; 

position:absolute; 
font-family:arial, verdana, sans-serif; 
font-size:11px; 
z-index:490;
float:left; width:505px; height:35px; position:relative;
margin-top:10px;
}

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

#nav li {display:inline; margin:0; padding:0;height:auto;}

#nav .select a,
#nav .current a {display:block; height:35px; float:left; background:url("/images/back_0.gif"); padding:0 5px 0 5px; text-decoration:none; font-size:13px; line-height:35px; white-space:nowrap; font-weight:normal;}
* html #nav .select a, * html #nav .current a {width:1px;}

#nav .select a b, 
#nav .current a b {height:100%; display:block; background:url("/images/right_both.gif"); padding:0 9px 0 6px; color:#fff; font-weight:bold; cursor:pointer;}

#nav .select a:hover, 
#nav .select li:hover a {cursor:pointer;}


#nav .sub {display:none; background:#000; font-size:11px; color:#fff;}

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

#nav .current a {background:url("/images/back_1.gif");}
#nav .current a b {background-position:100% -75px; color:#fff; cursor:pointer;}


#nav .sub li a, 
#nav .select a.sub li a, 
#nav .select li:hover.sub li a {background:#000; display:block; font-size:11px; padding:4px 10px 0 10px; z-index:100; color:#fff; height:22px; line-height:19px; background: url(../images/split.gif) no-repeat right center;}

#nav .sub li a:hover, 
#nav .select a:hover .sub li a:hover, 
#nav .select li:hover .sub li a:hover {text-decoration: underline; display:block;  color:#fff;}

#nav .sub_active .current_sub a, 
#nav .sub_active a:hover {background:#000; color:#fff;}

#nav .select li a:hover .sub, 
#nav .select li:hover .sub {display:block; position:absolute; width:750px; top:34px; left:0; background:#000; margin-top:1px; padding:0; z-index:100; color:#fff; font-size:11px;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none; background:#000;}
#nav .sub_active {display:block; position:absolute; width:750px; top:35px; left:0; background:#000; margin-top:1px; padding:0 0 0 0; z-index:10; color:#fff; font-size:11px;}
* html #nav .sub_active, * html #nav .select a:hover .sub {z-index:-1; margin-top:0; margin-t\op:1px;}



#nav .sub_active a {height:21px; float:left; text-decoration:none; line-height:18px; white-space:nowrap; font-weight:normal; font-size:11px; padding:4px 10px 0 10px; background: url(../images/split.gif) no-repeat center right; color:#fff;}
#nav .sub_active a:hover {text-decoration: underline;background: url(../images/split.gif) no-repeat center right; }