#outer {
	padding: 3px 0;
	
	background: #f2a057 url(grad.gif) repeat-x bottom left;
	margin: 0px 0 0px 0;
	height: 1.8em;
}

#point {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0;}
#point li a {
	float: left;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 3.8em;
	line-height: 3.8em;
	letter-spacing: 1px;
	padding: 0 1em;
	text-decoration: none;
	color: #fff;
	background: #f2a057 url(grad.gif) repeat-x bottom left;
	border-right: 1px solid #d60;
	border-left: 1px solid #fb6;
}
#point li a:hover, #point li a.current {background:#e93 url(down_arrow.gif) no-repeat center top; color:#fff;}

#point li a:hover b, #point li a.current b 
{display:block; float:left; background:transparent url(up_arrow.gif) no-repeat center bottom; cursor:pointer}


<!--[if IE]>
<style type="text/css">
#point {display:inline-block;}
#point {display:inline;}
#point li {float:left;}
#outer {text-align:center;}
</style>
<![endif]-->