div#menuContainer ul {
	margin: 0;
	padding: 0 0 0 10px;
	
	list-style: none;
}

div#menuContainer ul li {
	float: left;
	display: block;
	position: relative;

	font-size: 12px;
	font-weight: bold;
	
	white-space: nowrap;
}

div#menuContainer ul li a {
	display: block;
	
	white-space: nowrap;
	
	height: 50px;
	line-height: 28px;
	
	color: #FFFFFF !important;
	text-decoration: none;
	padding: 0 12px;
}

div#menuContainer ul li a.selected,
div#menuContainer ul li a.selected:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #b10404 !important;	
}

div#menuContainer ul li a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
	color: #b10404 !important;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menu a {
 float: left;
}

.menu ul a {
 float: none;
}

/* \*/
.menu a {
 float: none;
}

/* */

/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/

*:first-child+html .menu ul li {
 float: left;
 width: 100%;
}

* html .menu ul li {
 float: left;
 height: 1%;
}

* html .menu ul a {
 height: 1%;
}
/* End Hacks */