/*  Menu created by: Brett Nooyen (brett@balancestudios.com) 
	Email for any support
	
	This menu uses /Scripts/menu.js, the function sfHover, to emulate hovering in IE6 */	
	
	#menu {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: auto;
	background: #907F50;
	position: relative;
	}  
	#menu li {
	float: left;
	position: relative;
	background-color: #000000;
	}

	#menu li li { 
		clear: left;
		float: left;
	}
	
	#menu li a {
	font-size: 0.8em;
	display: block;
	color: #fff;
	text-align: center;
	width: 210px;
	text-decoration: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
		/* BRETT@BALANCE:
		
		In order to make the navigation fit perfectly, all items couldn't be the same width.  So I extended
		the last item to 162px to fit */
		
		#menu li a.end {
	width: 210px;
	background-color: #000000;
		}
	
	/* BRETT@BALANCE:
		
		The next 6 lines display the subnavs when they are hovered over */
	
		#menu li.submenu-h:hover ul.tier1, 
		#menu li.submenu-v:hover ul.tier2,
		/* Next line is for IE6 only */
		#menu li.sfhover-h ul.tier1,#menu li.sfhover-v ul.tier2 { 
			display: block; }
		
	
		#menu li:hover, #menu li a:hover, #menu li.sfhover-h, #menu li.sfhover-v {
	background-color: #6F005A;
		}
	
	
		#menu li.submenu-h a.top1 {
	background-repeat: no-repeat;
	background-position: 95% 50%;
	background-image: url(../images/SpryMenuBarRight.gif);
}
		
		#menu li.submenu-h:hover a.top1, #menu li.sfhover-h a.top1 {
	background-color: #6F005A;
	background-image: url(../images/SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
		
		
		#menu li.submenu-v a.top2 {
			background: url(../images/SpryMenuBarRight.gif) 95% 50%  no-repeat }
		
		#menu li.submenu-v:hover a.top2, #menu li.sfhover-v a.top2 {
	background-color: #6F005A;
	background-image: url(../images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}
		
	
	#menu ul {
	display: none;
	position: absolute;
	border: 1px solid #ccc;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
	#menu ul.tier1 {
	top: 25px;
	left: 0px;
	}
	
	#menu li.submenu-v { position: relative; }
	
	#menu ul.tier2 {
	top: 0px;
	left: 210px;
	}
.twoColFixRtHdr #container #menu .submenu-h li {
}