/* for this demo only */
#nav {margin:5px 0 25px 0;}

/* the styling */
#nav {float:left; padding-left:3px; width:897px; height:auto; clear:both;
	background:#fff url("im/bottom_line_1.gif") repeat-x bottom; position:relative;}

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

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

#nav .selected a,
#nav .current a {display:block; height:21px; float:left; background:url("im/left_both_4.gif") no-repeat left top; 
padding:0 0 0 3px; border-bottom:1px solid #BDBDBD; text-decoration:none; font-size:11px; line-height:20px; 
white-space:nowrap; font-weight:normal; margin-left:5px;}

* html #nav .selected a, * html #nav .current a {width:1px;}

#nav .selected a b, 
#nav .current a b {height:100%; display:block; background:url("im/right_both_4.gif") no-repeat right top; 
padding:0 9px 0 6px; color:#000; font-weight:normal;}

#nav .selected a:hover, 
#nav .selected li:hover a {background-position:0 -75px; border-color:#E0E0E0; cursor:pointer;}

#nav .selected a:hover b, 
#nav .selected li:hover a b {background-position:100% -75px; border-color:#E0E0E0; color:#000;}

#nav .sub {display:none;}

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

#nav .current a {background-position:0 -75px; border-color:#E0E0E0; cursor:pointer;}
#nav .current a b {background-position:100% -75px; color:#000;  cursor:pointer;}


#nav .sub li a:hover, 
#nav .selected a:hover .sub li a:hover, 
#nav .selected li:hover .sub li a:hover {background:#F2F3F5; color:#000;}

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

#nav .selected li a:hover .sub, 
#nav .selected li:hover .sub {display:block; position:absolute; width:896px; top:21px; left:0; 
background:#E0E0E0; margin-top:1px; padding:2px; z-index:100; color:#000;}

#nav .sub, #nav .sub_active {margin:0; padding:0; list-style:none;}
#nav .sub_active {display:block; position:absolute; width:896px; top:21px; left:0; 
background:#E0E0E0; margin-top:1px; padding:2px; z-index:10; color:#000;}

* html #nav .sub_active, * html #nav .selected a:hover .sub {z-index:-1; margin-top:0; margin-top:1px;}

#nav .sub_active a {height:21px; float:left; text-decoration:none; line-height:20px; white-space:nowrap; font-weight:normal;}
#nav .sub_active b {height:21px; float:left; text-decoration:none; line-height:20px; font-weight:normal;}
#nav .sub_active a, 
#nav .selected a:hover .sub li a, 
#nav .selected li:hover .sub li a {display:inline; background-position:100% -150px;
padding:0 5px; margin:0 5px; font-size:11px; width:auto; font-weight:normal; border:0; color:#000;}