/* http://www.cssplay.co.uk/menus/pro-dropline-9.html */

.MainMenu {position:relative; font-size:12px; height:55px; width:520px; float:left;}
.MainMenu ul {padding:0; margin:0 0 0 10px; list-style:none; width:99%; height:35px;}
.MainMenu ul ul {padding:0; margin:0; list-style:none; height:35px;}

.MainMenu li {float:left; height:35px; background:#fff;}
.MainMenu li a {float:left; display:block; padding:0 0 0 10px; height:35px; line-height:35px; background: url("../Image/Menu_Tab.png") no-repeat left top; color:#000; text-decoration:none; font-family:tahoma, arial, verdana, sans-serif;}
.MainMenu li a strong {float:left; height:35px; display:block; padding:0 22px 0 10px; background:url("../Image/Menu_Tab.png") no-repeat right top; cursor:pointer; display:inline; font-weight:normal;}
.MainMenu li.current a {background-position:0 -70px; border-color:#000; cursor:pointer;}
.MainMenu li.current a strong {background-position:100% -70px; border-color:#000; color:#fff;}
.MainMenu li ul {position:absolute; top:35px; left:-9999px; z-index:10; background:#808080;}
.MainMenu li.current ul {left:0; z-index:1; background:#7f7f7f; border-left:1px solid #7f7f7f}

.MainMenu li a:hover {background-position:0 -70px; border-color:#000; cursor:pointer;}
.MainMenu li a:hover strong {background-position:100% -70px; border-color:#000; color:#fff;}

.MainMenu li:hover > a  {background-position:0 -70px; border-color:#000; cursor:pointer;}
.MainMenu li:hover > a strong {background-position:100% -70px; border-color:#000; color:#fff;}

.MainMenu li.current a:hover {background-position:0 -35px; border-color:#000;}
.MainMenu li.current a:hover b {background-position:100% -35px; color:#9f0;}
.MainMenu li.current:hover a {background-position:0 -35px; border-color:#000;}
.MainMenu li.current:hover a strong {background-position:100% -35px; color:#9f0;}

.MainMenu ul :hover ul {left:0; border-left:1px solid #d0d0d0;}

.MainMenu ul :hover ul.right li,
.MainMenu ul li.current ul.right li {float:right;}

.MainMenu ul :hover ul.blank {background:#7f7f7f; border-left:1px solid #e6e6e8;}

.MainMenu ul :hover ul li a {display:inline; background:#808080 url("../Image/Menu_Bar.gif") right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#ddd; height:35px; line-height:34px;}
.MainMenu ul :hover ul.right li a {background:#808080 url("../Image/Menu_Bar.gif") left center no-repeat;}


.MainMenu ul li.current ul li a,
.MainMenu li.current a:hover ul li a,
.MainMenu li.current:hover ul li a	{display:inline; background:#000 url("../Image/Menu_Bar.gif") right center no-repeat; padding:0 10px; margin:0; font-size:12px; width:auto; white-space:nowrap; font-weight:normal; border:0; color:#aaa; height:35px; line-height:34px;}

.MainMenu ul li.current ul.right li a,
.MainMenu li.current a:hover ul.right li a,
.MainMenu li.current:hover ul.right li a {background:#000 url("../Image/Menu_Bar.gif") left center no-repeat;}

.MainMenu ul :hover ul li a.last,
.MainMenu ul li.current ul li a.last,
.MainMenu li.current a:hover ul li a.last,
.MainMenu li.current:hover ul li a.last {background-image:none;}

.MainMenu li ul li.current_sub a,
.MainMenu li a:hover ul li.current_sub a,
.MainMenu li:hover ul li.current_sub a,
.MainMenu li a:hover ul li a:hover,
.MainMenu li:hover ul li a:hover {color:#fff;}

.MainMenu li.current ul li.current_sub a,
.MainMenu li.current a:hover ul li.current_sub a,
.MainMenu li.current:hover ul li.current_sub a,
.MainMenu li.current a:hover ul li a:hover,
.MainMenu li.current:hover ul li a:hover {color:#9f0;}
