/* fancy menu */

#fancymenu {
	/*position: relative;*/
	float: left;
	margin: 0;
	margin-bottom: 2em;
	padding-top: 1em;
	padding-left: 0;
	height: 25px !important;
	height: 29px;
	width: 400px;
	overflow: hidden;
	}
	#fancymenu ul {
		margin: 0;
		/*padding: 0 -10px;*/
		}

		/* 
	 	* 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;
			margin-top: -7px !important;
			margin-top: 0;
			text-align: center;
			vertical-align: middle;
			}
			#fancymenu ul li a {
				display: block;
				float: left;
				position: relative;
				overflow: hidden;
				height: 20px !important;
				height: 29px;
				text-decoration: none;
				vertical-align: middle;
				z-index: 10;
				}
.menuItem { 
	padding: 0 1em;
	/* width: 75px;*/
	}
	.menuItem a {
		padding-top: 0 !important;
		padding-top: 0.5em;
		/* width: 75px;*/
		}

#fancymenu li.background {
	margin-top: -8px !important;
	margin-top: 0;
	position: absolute;
	visibility: hidden;
	background: url("../img/fancyMenu/bg_menu_right.png") no-repeat top right !important;
	background: url("../img/fancyMenu/bg_menu_right.gif") no-repeat top right;
	height: 25px !important;
	height: 29px;
	z-index: 8;
	}
  
 #fancymenu .background .left {
 background: url("../img/fancyMenu/bg_menu.png") no-repeat top left !important;
 background: url("../img/fancyMenu/bg_menu.gif") no-repeat top left;
 height: 25px !important;
 height: 29px;
 margin-right: 7px; /* 7px is the width of the rounded shape */
 margin-top: 0;
 }