/*------------------------------------------------------------------------------	
MENU VERTICAL
------------------------------------------------------------------------------*/		

/*CONTROLS ALL VERTICAL LISTS*/ 
	#menu_updown { 
		float: left;
		line-height: 1;
		list-style: none;
		text-align: left;
	  	z-index: 1;
	}

/*----- BELOW THREE DIVS CONTROL ALL LIST ITEMS -----*/
	/*width needed or else Opera goes nuts*/

	#menu_updown li { }

	#menu_updown li a { 
		display: block;
		padding: 7px 14px;
		color: #4c4c4c;
		font-family: verdana;
		font-size: 12px;
		border-right: 1px solid #999;
		text-decoration: none;
	}

   #menu_updown a.hiding.local {
      background: #AAAAAA;
   }
   
	#menu_updown a:hover {
		color: #007e9e;
		background: #eee;
		text-decoration: none;
	}

	#menu_updown a:active {
		color: #fff;
		background: #c38739;
	}

	#menu_updown li a.current {
		color: #fff;
		text-decoration: none;
	}

/*CONTROLS ONLY SECOND-LEVEL LIST ITEMS*/ 
/*	using left instead of display to hide menus because display: none isn't read by screen readers	*/	
	#menu_updown li ul {  
		position: absolute;
		left: -999em; 
		margin: 0 0 0 -1px;
		padding: 0;
	  	z-index: 1;
	}
	
	#menu_updown ul {
		float: left;
		list-style: none;
		line-height: 1;
		width: 201px;  /*set to go across entire container*/
	}

	#menu_updown ul li { 
		float: left; 
      margin-left: 100px;
		height: 25px;
	}

	#menu_updown ul li a {
		display: block;
		padding: 6px 6px;		
		width: 185px;
		color: #4c4c4c;
		background: #eee; 
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		text-decoration: none;
	}

	#menu_updown ul li a:hover {
		color: #007e9e;
		background: #eee;
		text-decoration : none;
	}

	#menu_updown ul li a:active {
		color: #fff;
		background: #c38739;
		text-decoration: none;
	}

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
	#menu_updown li ul ul {   
		margin: -23px 0 0 201px; /* 4 of 4 controls the hori. flyout of a dropdown*/
	  	z-index: 1;
	}

* html #menu_updown li ul ul {   
		margin: -23px 0 0 185px;
	}

/* lists nested under hovered list items */
	#menu_updown li:hover ul ul, #menu_updown li:hover ul ul ul, #menu_updown li:hover ul ul ul ul, #menu_updown li.sfhover ul ul, #menu_updown li.sfhover ul ul ul, #menu_updown li.sfhover ul ul ul ul {
		left: -999em;
	}
	#menu_updown li:hover ul, #menu_updown li li:hover ul, #menu_updown li li li:hover ul, #menu_updown li li li li:hover ul, #menu_updown li.sfhover ul, #menu_updown li li.sfhover ul, #menu_updown li li li.sfhover ul, #menu_updown li li li li.sfhover ul {
		left: auto;
	}

/*------------------------------------------------------------------------------	
MENU HORIZONTAL
------------------------------------------------------------------------------*/		

/*CONTROLS ALL HORIZONTAL LISTS*/ 
	#menu { 
		float: left;
		line-height: 1;
		list-style: none;
		text-align: left;
	  	z-index: 1;
	}

/*----- BELOW THREE DIVS CONTROL ALL LIST ITEMS -----*/
	/*width needed or else Opera goes nuts*/

	#menu li { float: left; }

	#menu li a { 
		display: block;
		padding: 3px 5px;
		color: #ffffff;
		font-family: verdana;
		font-size: 12px;
		border-right: 1px solid #999;
		text-decoration: none;
	}

   #menu a.hiding {
      background: #AAAAAA;
   }
   #menu a.showing.global {
      background: #00BB00;
   }
   
   #menu a.hiding.global {
      background: #008800;
   }


	#menu a:hover {
		color: #5d5d21;
		background: #eee;
		text-decoration: none;
	}

	#menu a:active {
		color: #fff;
		background: #c38739;
		text-decoration: none;
	}

	#menu li a.current {
		color: #fff;
		text-decoration: none;
	}

/*CONTROLS ONLY SECOND-LEVEL LIST ITEMS*/ 
/*	using left instead of display to hide menus because display: none isn't read by screen readers	*/	
	#menu li ul {  
		position: absolute;
		left: -999em; 
		margin: 0 0 0 -1px;
		padding: 0;
	  	z-index: 1;
	}
	
	#menu ul {
		float: left;
		list-style: none;
		line-height: 1;
		width: 201px;  /*set to go across entire container*/
	}

	#menu ul li { 
		float: left; 
		height: 25px;
	}

	#menu ul li a {
		display: block;
		padding: 6px 6px;		
		width: 185px;
		color: #ffffff;
		background: #eee; 
		border-right: 1px solid #999;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		text-decoration: none;
	}

	#menu ul li a:hover {
		color: #007e9e;
		background: #eee;
		text-decoration : none;
	}

	#menu ul li a:active {
		color: #fff;
		background: #c38739;
		text-decoration: none;
	}

/*CONTROLS THIRD-AND ABOVE LEVEL LIST ITEMS*/
	#menu li ul ul {   
		margin: -23px 0 0 201px; /* 4 of 4 controls the hori. flyout of a dropdown*/
	  	z-index: 1;
	}

* html #menu li ul ul {   
		margin: -23px 0 0 185px;
	}

/* lists nested under hovered list items */
	#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul ul ul ul {
		left: -999em;
	}
	#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul, #menu li li li li.sfhover ul {
		left: auto;
	}