/*  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: #907F50;
		 line-height: 1.2em;
	}

	#menu li li { 
		clear: left;
		float: left;
	}
	
	#menu li a {
	font-size: .7em;
	display: block;
	color: #fff;
	text-align: center;
	width: 105px;
	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: 90px;
	background-color: #907F50;
		}
	
	/* 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: #A40015;
		}
	
	
		#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: #A40015 url(../images/SpryMenuBarDownHover.gif) 95% 50%  no-repeat }
		
		
		#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: #A40015 url(../images/SpryMenuBarRightHover.gif) 95% 50%  no-repeat }
		
	
	#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: 115px;
	}
.twoColFixRtHdr #container #menu .submenu-h li {
}
