/* <style> */

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

div.horz_menu a { display: block; float: left; }
div.vert_menu a { display: block; width: 100px; } 	/* for IE where width actually means min-width (IE doesn't support min-width) */
div.vert_menu>a { width:auto; min-width: 100px; } 	/* for all other browsers, which luckily also supports 
													   child selectors when IE doesn't */
div.horz_menu {
    font-size: 16px;
	margin-right: 4px;
}

div.vert_menu
{
  position: absolute;	/* required */
  visibility: hidden;	/* required */
  font-size: 14px;
  background-color: inherit;
  padding: 4px 2px 0px 4px;
  line-height: 1.3em;
  border-radius: 0 0 4px 4px;
}

/* ----- jsmenu ----------------------------------------------------------- */
div.jsmenu, div.jsmenu a {
	font-family: "Trebutchet MS", Trebuchet, Arial, Helvetica, sans-serif;
    font-style: normal;
	font-weight: normal;
    text-decoration: none;
    height: 95%;
}
div.horz_divider {
	float: left;
	height: 2px;
	margin: 5px 12px 0px 12px;
}
div.jsmenu, div.horz_menu a {
	color: #26428c;
	background-color: #b0b2d2;
	padding: 0px 8px 0px 4px;
	margin: 0px;
}
div.jsmenu div.vert_menu a {
	color: #26428c;
	padding: 0px 8px 2px 4px;
	margin: 0px;
}
div.jsmenu div.horz_menu a.parent {
	background: url('/images/menu-dots.gif') no-repeat bottom;
}
div.jsmenu div.vert_menu a.parent {
	background: url('/images/menu-dots-r.gif') no-repeat right;
}
div.jsmenu div.horz_menu a:hover,
div.jsmenu div.vert_menu a:hover {
    color: #d21e30;
}
div.jsmenu div.horz_menu a.active:hover {
}
div.jsmenu div.horz_menu a.active {
	background: #b0b2d2 url('/images/menu-dots.gif') no-repeat bottom;
}
div.jsmenu div.vert_menu a.active:hover { 
	background: #b0b2d2 url('/images/menu-dots-r.gif') no-repeat right;
}
div.jsmenu div.vert_menu a.active {
	background: #b0b2d2 url('/images/menu-dots-r.gif') no-repeat right;
}