#menu {
	float:left;
	width:840px;
	background:transparent;
	font-size:96%;
	line-height:1.5;
}

#menu ul {
	width:840px;
	float:left;
	margin:0 0 0 40px;
	padding:0 10px 0 0;
	list-style:none;
	font-size:12px;
}

#menu li {display:inline;margin:0;padding:0;}

#menu a {float:left;background:url(images/left.gif) no-repeat left top;margin:0; padding:0 0 0 7px;text-decoration:none;}

#menu a span {float:left;display:block;background:url(images/right.gif) no-repeat right top;padding:5px 12px 4px 6px;color:#081C5B;}
/* Small hack for IE5-Mac \*/

#menu a span {float:none;}
/* End IE5-Mac hack */
#menu a:hover span {color:#ffffff;}
#menu a:hover {background-position:0% -44px;}
#menu a:hover span {background-position:100% -44px;}
#menu #current a {background-position:0% -44px;}
#menu #current a span {background-position:100% -44px;color:#ffffff}
.clear {clear:left}