﻿#outer {width:100%; height:81px; position:relative; background:url(back.gif) repeat-x; margin:0 auto;}
#menuHolder {position:relative; float:left; left:50%;}
#dropline {padding:0; list-style:none; text-align:center; margin:0; float:left; position:relative; right:50%; font-size:12px; font-family:arial, sans-serif; height:41px;}

#dropline table {margin:-2px -10px;}

#dropline div.inner {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; text-align:center; background:#84c7e0; width:100%; z-index:20;height:29px;}
* html #dropline div.inner {width:expression(document.getElementById('dropline').offsetWidth);} /* for IE6 */

#dropline li {float:left;}

#dropline li a {display:block; float:left; height:51px; padding:0 20px 0 0; background:url(tabs.gif) right top; line-height:50px; text-decoration:none; color:#fff;}
#dropline li a.sub {display:block; float:left; height:51px; padding:0 25px 0 0; background:url(tabs-arrow.gif) right top; line-height:50px; text-decoration:none; color:#fff;}
#dropline li a b {display:block; height:51px; float:left; padding:0 0 0 20px; background:url(tabs.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#000; line-height:40px;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#000; line-height:40px;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline li.current a, 
#dropline li.current a:hover {background-position:right bottom; color:#008; line-height:40px;}
#dropline li.current a b {background-position:left bottom; font-weight:normal;}

#dropline :hover div.inner {left:0; top:51px; height:29px;}
#dropline :hover div.lineHolder {float:left; position:relative; left:50%;}

#dropline li.current div.inner {left:0; top:51px; z-index:10;}
#dropline li.current div.lineHolder {float:left; position:relative; left:50%;}
#dropline li.current ul {float:left; position:relative; right:50%; height:29px;}

#dropline ul {padding:0; margin:0; list-style:none; position:relative; float:left; right:50%;}
#dropline ul li {float:left;}
#dropline ul li a {color:#000; float:left; height:29px; line-height:27px; padding:0 10px 0 0; background:#84c7e0;}
#dropline ul li a b {height:29px; line-height:27px; padding:0 0 0 10px; background:#84c7e0; font-weight:normal;}
#dropline ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}

#dropline li.current ul li.current_sub a b {color:#008;}
#dropline li.current ul li a.drop {padding:0 14px 0 0; background:url(subtab-arrow-off.gif) right top;}
#dropline li.current ul li.current_sub a.drop {padding:0 14px 0 0; background:url(subtab-arrow-off.gif) right top;}

#dropline :hover ul li a:hover {position:relative; background:url(subtab.gif) right top;}
#dropline :hover ul li a.drop {background:url(subtab-arrow-off.gif) right top;}
#dropline :hover ul li a.drop:hover {background:url(subtab-arrow.gif) right top;}
#dropline :hover ul li a:hover b {background:url(subtab.gif) left top;}

#dropline li.current ul li a {color:#000; height:29px; line-height:27px; padding:0 10px 0 0; background:#84c7e0;}
#dropline li.current ul li a b {height:29px; line-height:27px; padding:0 0 0 10px; background:#84c7e0;}
#dropline li.current ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}

#dropline :hover ul li:hover > a.drop {background:url(subtab-arrow.gif) right top;}
#dropline li.current ul li:hover > a.drop {background:url(subtab-arrow.gif) right top;}
#dropline :hover ul li:hover > a b {background:url(subtab.gif) left top;}

#dropline :hover ul ul {padding:0; margin:0; list-style:none; position:absolute; left:-9999px; width:0;}
#dropline :hover ul li:hover {position:relative;}
#dropline :hover ul :hover ul {left:-1px; top:29px; width:150px; background:transparent;}
#dropline :hover ul :hover ul li {border-left:1px solid #2f93b9; border-right:1px solid #2f93b9;}
#dropline :hover ul :hover ul li.last {border-bottom:1px solid #2f93b9;}

#dropline :hover ul :hover ul li a {height:25px; line-height:25px; text-align:left; padding:0 0 0 10px; width:140px; background:#9cd2e6;}
#dropline :hover ul :hover ul li a.fly {text-align:left; padding:0 0 0 10px; width:140px; background:#9cd2e6 url(fly.gif) no-repeat right center;}
#dropline :hover ul :hover ul li a:hover {background:#b0d9ea;}
#dropline :hover ul :hover ul li:hover > a {background:#b0d9ea;}

#dropline :hover ul :hover ul ul {position:absolute; left:-9999px; width:0;}

#dropline :hover ul :hover ul :hover ul {left:120px; width:150px; top:0;}
#dropline :hover ul :hover ul :hover ul li {border-left-color:#eef;}
#dropline :hover ul :hover ul :hover ul li.first {border-top:1px solid #eef;}
#dropline :hover ul :hover ul :hover ul li a {background:#b0d9ea; filter: alpha(opacity=85);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
 -moz-opacity: 0.85; opacity:0.85;
}
#dropline :hover ul :hover ul :hover ul li a:hover {background:#c2e1ef;}
