.menu 
{
	height:					71px;
	float:					left;
	font:					bold 12px Trebuchet MS, Tahoma;
	margin:					0px auto;
	padding-left:			30pt;
}

.menu>li
{
	float:					left;
	height:					37px;
	list-style:				none;
	margin:					0px 1px 0px 0px;
	padding:				0;
}

.menu>li>span
{
	cursor:					default;
}

.menu>li>a, .menu>li>span
{
	background:				url('Images/menuItem.png') repeat-x;
	color:					#FFF;
	display:				block;
	font-variant:			small-caps;
	padding:				10px 20px;
}

.menu>li>a.menuSelected, .menu>li>span.menuSelected, .menu>li>a.menuChildSelected, .menu>li>span.menuChildSelected
{
	background:				url('Images/menuItemHighlight.png') repeat-x;
}

.menu>li>a:hover, .menu>li>span:hover
{
	background:				url('Images/menuItemHighlight.png') repeat-x;
}

.menu>li>ul 
{
	height:					32px;
	margin:					1px 0 0 0;
	padding:				0;
	position:				absolute;
	visibility:				hidden;
}

.menu>li>ul>li 
{
	float:					left;
	height:					31px;
	list-style:				none;
	margin:					0px 1px 0px 0px;
	padding:				0;
}

.menu>li>ul>li>a, .menu>li>ul>li>span
{
	background:				url('Images/subMenuItem.png') repeat-x;
	color:					#FFF;
	display:				block;
	font-size:				11px;
	font-variant:			small-caps;
	padding:				7px 20px;
	width:					auto;
}

.menu>li>ul>li>a.menuSelected, .menu>li>ul>li>span.menuSelected, .menu>li>ul>li>a.menuChildSelected, .menu>li>ul>li>span.menuChildSelected
{
	background:				url('Images/subMenuItemHighlight.png') repeat-x;
}

.menu>li>ul>li>a:hover, .menu>li>ul>li>span:hover
{
	background:				url('Images/subMenuItemHighlight.png') repeat-x;
}