/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/dropline-current-override.html
Copyright (c) 2005-2010 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


#droplineMenu {width:844px; height:40px; background:#24a5ce; position:relative; text-align:center; margin:0 auto; z-index:100;}
#droplineMenu ul {padding:0; margin:0; list-style:none;}
#droplineMenu table {border-collapse:collapse; width:0; height:0; margin-top:-1px;}
#droplineMenu ul ul li {float:left;}
#droplineMenu ul ul li a {display:block; float:left;}
#droplineMenu ul ul div {position:absolute; left:-9999px;}
#droplineMenu ul ul div b {display:block; width:844px; height:40px; position:absolute; left:0; top:0; background:#006789; z-index:-1; filter: alpha(opacity=60); opacity:0.6;}

#droplineMenu ul#menuOuter {display:inline-block;} 
#droplineMenu ul#menuOuter li.lv1-li {display:inline-block; display:inline; height:40px;}

#droplineMenu ul ul li a {height:40px; line-height:40px; padding:0 10px 0 0; font-size:11px; font-family: tahoma, sans-serif; color:#fff; text-decoration:none;}
#droplineMenu ul ul li a b {display:block; height:40px; float:left; padding:0 0 0 10px; font-weight:normal; cursor:pointer;}

#droplineMenu ul ul li a:hover { line-height:40px;}
#droplineMenu ul ul li a:hover b {color:#fc0;  line-height:40px;}

#droplineMenu ul ul li:hover > a {line-height:40px; border-bottom:2px solid #fc0;}
#droplineMenu ul ul li:hover > a b {color:#fc0; line-height:40px;}

#droplineMenu ul ul li.current a { line-height:40px; }
#droplineMenu ul ul li.current a b {color:#fc0;   line-height:40px;}

#droplineMenu ul ul li.current div {left:0; top:40px; width:844px; text-align:center;}

#droplineMenu ul ul :hover div {left:0; top:40px; width:844px; text-align:center; }

#droplineMenu ul ul li div ul {display:inline-block;}
#droplineMenu ul ul li div ul li {display:inline-block; display:inline;}

#droplineMenu ul ul li div ul li a {height:40px; line-height:40px; font-size:11px; padding:0 20px;}
#droplineMenu ul ul li div ul li a:hover {background-image:none; color:#fc0; line-height:40px;}

#droplineMenu ul#menuOuter li.lv1-li a:hover {direction:ltr;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div {left:-9999px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div {left:-9999px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover div {left:0;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover div {left:0;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current a {background-image:none; color:#fff; line-height:40px;} 
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current a b {background-image:none; color:#fff; line-height:40px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a {background-image:none; color:#fff; line-height:40px;} 
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a b {background-image:none; color:#fff; line-height:40px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a {background:url(tab.gif) right top; line-height:40px;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover a b {color:#fc0; background:url(tab.gif) left top; line-height:40px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover {background:url(tab.gif) right top; line-height:40px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover b {color:#fc0; background:url(tab.gif) left top; line-height:40px;}

#droplineMenu ul ul li.current div ul li a {background-image:none; color:#fff; line-height:40px;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current:hover ul li a {background-image:none; line-height:40px;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current a:hover ul li a {background-image:none; line-height:40px;}

#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div ul li.current_sub a {color:#fc0;}
#droplineMenu ul#menuOuter li.lv1-li:hover ul li.current div ul li a:hover {color:#fc0;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div ul li.current_sub a {color:#fc0;}
#droplineMenu ul#menuOuter li.lv1-li a:hover ul li.current div ul li a:hover {color:#fc0;}

#droplineMenu ul ul li.current div ul li.current_sub a {background-image:none; color:#fc0; line-height:40px;}
#droplineMenu ul ul li.current div ul li.current_sub a:hover {background-image:none; line-height:40px;}
