/*
		background: #b0aed1; - button background
		background: #8884d1; - button hover background
*/

/* alternating text */
a span.long { display: none; } /* normally don't display the long text */
a:hover span.short { display: none; } /* when hovering, hide the short text */
a:hover span.long { display: inline; } /* when hovering, show the long text */

/* HNAV Vertical Fly Out Navigation */
div#hmenu {
 width: 100%;
 float: left; 
 margin: 0;						/* control toplevel margin/placement of menu/buttons */
 background: #568100;			/* default toplevel menu background color */
 background: #b0aed1;
 border: none;							/* controls gray/other border of toplevel buttons */
 xheight: 1.8em;

}
	
div#hmenu li.submenu:hover {
 background: #99CC00;						/* toplevel menu hover  color in Firefox only */
 background: #8884d1;

}
	
div#hmenu ul {
 margin: 0; 
 padding: 0; 
 border: 0;
 background: #568100;					/* default sub level menu background color */
 background: #b0aed1;

}
	
div#hmenu li {
	position: relative; 
	list-style: none; 
	margin: 0;
	float: left; 
	width: 10em;							/* width of toplevel menu item in IE & Firefox */
width: 12em;
width: 14.5em;
width: 190px;
	background: #568100;						/* default sub level menu background color - extraneous*/
	background: #b0aed1;
	border-left: 1px solid #aaa;

	}
div#hmenu li:hover {
	background: #99CC00;						/* toplevel menu hover  color in Firefox only */
	background: #8884d1;
	 z-index: 100;
	}
div#hmenu li.submenu {
	background: url(images/arrow_down.gif) 95% 50% no-repeat;
	}
div#hmenu li a {
	display: block; 
	padding: 0.25em 0 0.25em 0.5em;
	text-decoration: none; 
	color: #FFFFFF;							/* controls background text of main & sub menus in IE only */
	color: #000;
	}
div#hmenu>ul a {
	width: 10em;							/* this will cause the second level text to extend right off menu */
	color: #FFF;							/* controls background text of main & sub menus in Firefox */
	color: #000;
	}
div#hmenu ul ul {
	position: absolute; 
	width: 10em;
width: 12em;
width: 190px;
	display: none;
	border-left: 1px solid #aaa;			/* gives left border to pull down menus */
	border-right: 1px solid #aaa;
	}
div#hmenu ul ul li {
	border-bottom: 1px solid #aaa;
	width: 10em;
width: 12em;
width: 190px;
	}
div#hmenu li.submenu {
	background: url(images/arrow_down.gif) 95% 50% no-repeat;
	}
div#hmenu li.submenu li.submenu:hover {
	background: #99CC00;						/* toplevel menu hover  color in Firefox only */
	background: #8884d1;
	}

div#hmenu ul ul li.submenu {
	background: url(images/arrow_right.gif) 95% 50% no-repeat; /* second level right arrow */
	}
	
div#hmenu ul.level1 li.submenu:hover ul.level2, div#hmenu ul.level2 li.submenu:hover ul.rollover, 
	div#hmenu ul.level2 li.submenu:hover ul.level3 {
	display:block;
	}


div#hmenu ul.level2 {
	top: 1.7em;								/* start coordinate of 2nd level; greater will cause deattach */
	left: -1px;								/* start coordinate of 2nd level menu */
	}
	
/* from global - 200 wide */
div#hmenu ul.level2 a:link, div#hmenu ul.level2 a:hover, div#hmenu ul.level2 a:visited { 
width: 200px; 
width: 190px;
width: 182px;
/* submenu width = 200 */
}
div#hmenu ul ul li a, div#hmenu ul ul { 
width: 190px;
width: 182px;
width: 190px;
}

/* end from */

div#hmenu ul.level3 {
	top: 0em;								/* start coordinate of 2nd level; greater will cause deattach */
	left: 10.0em;
left: 12em;
left: 190px;
left: 188px;
}

div#hmenu ul.rollover {
	top: 0px; 
	left: -1px; left: -2px;
	}