/* ================================================================ 
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_three.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
#dropline {position:relative; font-size:12px; height:46px; width:925px; background:#fff;}
#dropline, #dropline ul {padding:0; margin:0; list-style:none; width:925px; height:25px;}
#dropline table {border-collapse:collapse; margin:-1px -20px; 0 0; padding:0; width:0; height:0; font-size:1em;}

#dropline li {float:left; height:21px; background:#fff;}
#dropline li a {float:left; display:block; padding:0 0 0 3px; height:21px; line-height:20px; background: url("dropline/left_blue.gif") no-repeat left top; color:#000; text-decoration:none; font-family:tahoma, arial, verdana, sans-serif;}
#dropline li a b {float:left; height:21px; display:block; padding:0 6px 0 3px; background:url("dropline/right_blue.gif") no-repeat right top; cursor:pointer; margin-right:5px; display:inline;}
#dropline li.current a {background-position:0 -75px; border-color:#000;}
#dropline li.current a b {
	background-position: 100% -75px;
	color: #88E6D2;
}
#dropline li ul {position:absolute; top:21px; left:-9999px; z-index:10; background:#000;}
#dropline li.current ul {left:0; z-index:1; background:#000;}

#dropline li a:hover {background-position:0 -75px; border-color:#000; cursor:pointer;}
#dropline li a:hover b {background-position:100% -75px; border-color:#0000; color:#fff;}

#dropline li:hover > a  {background-position:0 -75px; border-color:#000; cursor:pointer;}
#dropline li:hover > a b {background-position:100% -75px; border-color:#000; color:#fff;}

#dropline li.current a:hover {background-position:0 -75px; border-color:#000;}
#dropline li.current a:hover b {background-position:100% -75px; color:cyan;}
#dropline li.current:hover a {background-position:0 -75px; border-color:#000;}
#dropline li.current:hover a b {background-position:100% -75px; color:cyan;}

#dropline ul :hover ul {left:0;}

#dropline ul :hover ul li a,
#dropline ul li.current ul li a,
#dropline li.current a:hover ul li a,
#dropline li.current:hover ul li a
{display:inline; background:#000 url(dropline/sub_sep.gif) right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:white; height:25px; line-height:24px;}

#dropline li ul li.current_sub a,
#dropline li a:hover ul li.current_sub a,
#dropline li:hover ul li.current_sub a,
#dropline li a:hover ul li a:hover,
#dropline li:hover ul li a:hover
{color:#fff; text-decoration:underline;}

#dropline li.current ul li.current_sub a,
#dropline li.current a:hover ul li.current_sub a,
#dropline li.current:hover ul li.current_sub a,
#dropline li.current a:hover ul li a:hover,
#dropline li.current:hover ul li a:hover
{color:cyan; text-decoration:underline;}