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

#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:arial; font-size:10px; height:2.8em; line-height:2.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]-->