#fancymenu
{
	position: relative;
	width: 558px;
	padding: 0px;
	margin: 0px 0;
	overflow: hidden;
	margin:auto;
}
#fancymenu a
{
	font-family: Lucida Grande, Lucida Sans Unicode, lucida, Verdana;
	font-size: 14px;
	font-weight: bold;
	/*color: #629409;*/
	color:#fff;
	background-color:inherit;
	text-decoration: none;
	border: 0px solid white;
}
#fancymenu a:hover
{
	font-family: Lucida Grande, Lucida Sans Unicode, lucida, Verdana;
	font-size: 14px;
	font-weight: bold;
	/*color: #8cbb42;*/
	color:#cbea88;
	background-color:inherit;
	text-decoration: none;
	border: 0px solid white;
}


#fancymenu ul
{
	padding: 0;
	margin: 0;
	list-style: none;
}

#fancymenu li
{
	text-align:center;
}

#fancymenu li a
{
	padding-top:1px;
	padding-left:15px;
	padding-right:15px;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#fancymenu ul li
{
	float: left;
	list-style: none;
}

#fancymenu a
{
	z-index: 10;
	display: block;
	float: left;
	height: 20px;
	position: relative;

}

#fancymenu li.background
{
	background: url( '../images/bg_menu_right.png' ) no-repeat top right !important;
	background: url( '../images/bg_menu_right.gif' ) no-repeat top right;
	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#fancymenu .background .left
{
	background: url( '../images/bg_menu.png' ) no-repeat top left !important;
	background: url( '../images/bg_menu.gif' ) no-repeat top left;
	height: 20px;
	margin-right: 6px; /* 7px is the width of the rounded shape */
	margin-left: 0px;
}