#m1 {
	position: relative;
	z-index:8;
	_width: 755px;
	background: url('/images/bg_m1.gif') repeat-x top;
	padding: 4px 15px 12px 10px;
	overflow: hidden
}

#m1 ul{
	padding: 0;
	margin: 0;
}

/* Don't apply padding here (offsetWidth will differ in IE)
    If you need padding add it to the child anchor */
#m1 ul li{
	float: right;
	list-style: none;
	background:url('/images/sep.jpg') no-repeat right
}

#m1 ul li a{
	z-index: 10;
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	padding:6px;
	padding-right:10px;
	color:#DEDFDE;
	font:bold 1.3em Georgia;
	_font:bold 1.2em Georgia;
	font-variant:small-caps;
}

#m1 ul li a:hover{
	text-decoration:none;
	font-weight:900;
	color:#fff;
}


#m1 li.background {

	z-index: 8;
	position: absolute;
	visibility: hidden;
}

#m1 .background .left {
	background: url('/images/bg_menu.png') no-repeat center center !important;
	_background:#52514A;
	height: 21px;
	margin-top:4px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}