@charset "utf-8";
.images {background:#c00; width:20px; padding:1px;} /* not part of the menu */

#outer {
	border:1px solid #a50;
	border-color:#a50 #fa5 #610 #fa5;
	background:#f2a057 url(images/grad.gif) repeat-x bottom left;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	height:30px;
	font-size:.85em;
}

#point {
	display:table;
	padding:0;
	list-style:none;
	white-space:nowrap;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: auto;
	margin-left: auto;
	
}
#point li {display:table-cell; margin:0; padding:0;}


#point li a {
	float:left;
	font-family:arial;
	height:25px;
	line-height:25px;
	text-decoration:none;
	color: #00008C;
	background:#f2a057 url(images/grad.gif) repeat-x bottom left;
	padding-top: .25em;
	padding-right: .75em;
	padding-bottom: 0;
	padding-left: .75em;
	border-right-width: 1pt;
	border-left-width: 1pt;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d60;
	border-left-color: #fb6;
} 


#point li a:hover, #point li a.current {background:#e93 url(images/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(images/up_arrow.gif) no-repeat center bottom; cursor:pointer} 
</style>

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