/* style the outer div to give it width */
#dropline {
	padding:0;
	list-style:none;
	background:url(back.gif);
	text-align:center;
	margin:0 auto;
	font-size:12px;
	font-family:arial, sans-serif;
	position:relative;
}
#dropline div {padding:0; margin:0 auto; list-style:none; position:absolute; left:-9999px; width:1000px; text-align:center; background:url(trans.gif);}
#dropline ul li {
	display:inline;
	margin:0;
	text-align:left;
	padding: 0px;
}
#dropline ul li a {display:inline-block; height:30px; line-height:30px; margin:0; padding:0 10px; background:transparent; font-weight:bold; font-size:11px;}

#dropline li {display:inline; margin:0 -2px; text-align:left;}
#dropline li a {display:inline-block; height:36px; margin:5px 0 0 0;padding:0 25px 0 0; background:url(button.gif) right top; line-height:30px; text-decoration:none; color:#000;}
#dropline li a.sub {background:url(button-arrow.gif) right top;}

html>/**/body #dropline li {display:inline-block; padding:0;}

* html #dropline li a {margin-bottom:-4px; margin-right:3px;}

#dropline li a b {display:block; height:36px; float:left; padding:0 0 0 25px; background:url(button.gif) left top; cursor:pointer;}

#dropline li a:hover {background-position:right bottom; color:#fff;}
#dropline li a:hover b {background-position:left bottom;}

#dropline li:hover > a {background-position:right bottom; color:#fff;}
#dropline li:hover > a b {background-position:left bottom;}

#dropline :hover div {left:0; top:41px;}

#dropline :hover ul li a:hover {text-decoration:underline; color:#800;}