/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.horz_menu a,
div.horz_menu div { display: block; float: left; }
div.vert_menu a,
div.vert_menu div { display: block; width: 120px; } 	/* for IE where width actually means min-width (IE doesn't support min-width) */
div.vert_menu>a,
div.vert_menu>div { width:auto; min-width: 120px; } 	/* for all other browsers, which luckily also support
													   child selectors when IE (v6) doesn't */
div.horz_menu {
	position: absolute;
	margin-right: 4px;
	z-index:1;
}

div.vert_menu
{
	position: absolute;	/* required */
	visibility: hidden;	/* required */
/*	next two lines effectively borders the entire (enclosed) drop down box */
	background-color: #c0d57a; 
	padding:1px;
	
	z-index:99;	
}

div.jsmenu div.vert_menu div.parent,
div.jsmenu div.vert_menu div.active { /* non-link parent items */ 
	font-family: "Trebutchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #224722; /* dark green */
	padding: 2px 14px 2px 4px;
}

/* ----- jsmenu ----------------------------------------------------------- */
div.horz_divider {	
	float: left;
	height: 5px;
	margin: 8px 7px 0px 7px;
}
div.jsmenu div.horz_menu a,    /* Horizontal menu items */
div.jsmenu div.horz_menu div { /* non-link items (only one horiz. level so OK here) */
	font-family: "Trebutchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
	font-style: normal;
	text-decoration: none; 
	text-align:center;
	color: #ffffcc;
	padding: 2px 8px 2px 4px;
	margin: 0px;
    height: 18px;
}
div.jsmenu div.vert_menu a {	/* vertical menu link items */
	font-family: "Trebutchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	text-decoration: none;
	color: #224722; /* dark green */
	margin: 0px;
	background-color: #f0f0d8; /* neutralish yellowish */	
	padding: 2px 14px 2px 4px;
}
div.jsmenu div.horz_menu a.parent,
div.jsmenu div.horz_menu div.parent { /* has sub-items (not presently displayed) */
	background: url('/images/menu-arrow.gif') no-repeat bottom;
}
div.jsmenu div.vert_menu a.parent,
div.jsmenu div.vert_menu div.parent { /* has sub-items (not presently displayed) */
	background: url('/images/menu-arrow-r.gif') no-repeat right #f0f0d8;
}
div.jsmenu div.horz_menu a:hover,
div.jsmenu div.horz_menu div:hover {
	color: #a8dc67;
}
div.jsmenu div.vert_menu a:hover {  /* those with no sub-items */
	color: #224722; /* dark green */
	background-color: #ffffd7;
}

/* (active) has sub-items that are being displayed */
div.jsmenu div.horz_menu a.active,
div.jsmenu div.horz_menu div.active {
	color: #a8dc67; 
	background: url('/images/menu-arrow.gif') no-repeat bottom;
}
div.jsmenu div.horz_menu a.active:hover,
div.jsmenu div.horz_menu div.active:hover {
	color: #a8dc67;
	background: url('/images/menu-arrow.gif') no-repeat bottom;
}
div.jsmenu div.vert_menu a.active,
div.jsmenu div.vert_menu div.active {
	color: #224722;
	background: url('/images/menu-arrow-r.gif') no-repeat right #ffffd7;
}
div.jsmenu div.vert_menu a.active:hover,
div.jsmenu div.vert_menu div.active:hover {
	color: #224722;
	background: url('/images/menu-arrow-r.gif') no-repeat right #ffffd7;
}