div#menu{
	width:900px;
	margin:0 auto;
	background:url(../images/styles/bg_menu.gif) bottom left no-repeat #e10133; /*some browsers are to slow when aligning the menu items via jQuery and so the background shines through, this prevents this flickering*/	
	text-align: center;
	padding:0 0 5px;
	overflow:hidden;
	}

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

	div#menu ul li{
		float:left;
		margin:0;
		background:url(../images/styles/bg_menu_li.gif) top right no-repeat;		
		}
		
	div#menu ul li a{
	text-decoration:none;
	text-transform:uppercase;
	color:#FFFFFF;
	font-size:11px;
	display:block;
	font-weight:Normal;
	letter-spacing:0.5px;
	padding:10px 20px;
		}
		div#menu ul li a:hover, div#menu ul li a.active{
			background:#961719;
			}
		
ul.submenu{
	list-style:none;
	margin:0 0 0.8em;
	padding:0;
	border-top:1px solid #e5e5e5;
	}
	ul.submenu li{
		padding:7px 0;
		border-bottom:1px solid #e5e5e5;
		}
		ul.submenu li a{
			xfont-size:1.1em;
			text-decoration:none;
			font-size:1.1em;
			}
			ul.submenu li a:hover{
				text-decoration:underline;
				}