/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-hor, a.mainlevel_active-hor, a.mainlevel_current-hor,
a.mainlevel-hor:link, a.mainlevel_active-hor:link, a.mainlevel_current-hor:link,
a.mainlevel-hor:visited, a.mainlevel_active-hor:visited, a.mainlevel_current-hor:visited {
  background-color: transparent; color: #005398;
}
a.mainlevel-hor:hover, a.mainlevel_active-hor:hover, a.mainlevel_current-hor:hover { color: #10B6C5; }

a.sublevel-hor, a.sublevel_active-hor, a.sublevel_current-hor,
a.sublevel-hor:link, a.sublevel_active-hor:link, a.sublevel_current-hor:link,
a.sublevel-hor:visited, a.sublevel_active-hor:visited, a.sublevel_current-hor:visited {
  background-color: #C6E23F; color: white;
}
a.sublevel-hor:hover, a.sublevel_active-hor:hover, a.sublevel_current-hor:hover { color: #666666; }

ul.mainlevel-hor ul ul a.sublevel-hor, ul.mainlevel-hor ul ul a.sublevel_active-hor, ul.mainlevel-hor ul ul a.sublevel_current-hor,
ul.mainlevel-hor ul ul a.sublevel-hor:link, ul.mainlevel-hor ul ul a.sublevel_active-hor:link, ul.mainlevel-hor ul ul a.sublevel_current-hor:link,
ul.mainlevel-hor ul ul a.sublevel-hor:visited, ul.mainlevel-hor ul ul a.sublevel_active-hor:visited, ul.mainlevel-hor ul ul a.sublevel_current-hor:visited {
  background-color: blue; color: white;
}
ul.mainlevel-hor ul ul a.sublevel-hor:hover, ul.mainlevel-hor ul ul a.sublevel_active-hor:hover, ul.mainlevel-hor ul ul a.sublevel_current-hor:hover {
  background-color: #E0E0E0; color: blue;
}
ul.mainlevel-hor ul .expanded {
  display: block; padding-right: 10px;
  background: url("../images/arrow_right.gif") no-repeat right center;
}
/** customize style / layout here */
a.mainlevel-hor, a.mainlevel_active-hor, a.mainlevel_current-hor, span.mainlevel-hor,
a.mainlevel-hor:link, a.mainlevel_active-hor:link, a.mainlevel_current-hor:link,
a.mainlevel-hor:visited, a.mainlevel_active-hor:visited, a.mainlevel_current-hor:visited,
a.mainlevel-hor:hover, a.mainlevel_active-hor:hover, a.mainlevel_current-hor:hover {
  height:20px; text-align: left; text-decoration: none;
  display: block; margin: 11px 0 4px 8px; font-weight: normal;
  padding: 0 5px 0 5px;	/* top, right, bottom, left */
}

a.sublevel-hor, a.sublevel_active-hor, a.sublevel_current-hor, span.sublevel-hor,
a.sublevel-hor:link, a.sublevel_active-hor:link, a.sublevel_current-hor:link,
a.sublevel-hor:visited, a.sublevel_active-hor:visited, a.sublevel_current-hor:visited,
a.sublevel-hor:hover, a.sublevel_active-hor:hover, a.sublevel_current-hor:hover {
  height:20px; line-height: 1.1em; margin: 0;
  text-align: left; text-decoration: none; font-weight: normal; border:1px solid #efefef;
  display: block; padding: 5px 5px 0 8px;	/* top, right, bottom, left */
}
a.mainlevel-hor, a.mainlevel_active-hor, a.mainlevel_current-hor, span.mainlevel-hor {
	float: left; width: auto;
}
a.sublevel-hor, a.sublevel_active-hor, a.sublevel_current-hor, span.sublevel-hor {
	font-size: 90%; border-top: 0px solid silver;
}
#active_menu-hor,
a.mainlevel_active-hor, a.mainlevel_current-hor,
a.mainlevel_active-hor:link, a.mainlevel_current-hor:link,
a.mainlevel_active-hor:visited, a.mainlevel_current-hor:visited,
a.mainlevel_active-hor:hover, a.mainlevel_current-hor:hover,
a.sublevel_active-hor, a.sublevel_current-hor,
a.sublevel_active-hor:link, a.sublevel_current-hor:link,
a.sublevel_active-hor:visited, a.sublevel_current-hor:visited,
a.sublevel_active-hor:hover, a.sublevel_current-hor:hover {
	font-weight: bold;
}

ul.mainlevel-hor, .mainlevel-hor ul { padding: 0; margin:0; height:25px; }

ul.mainlevel-hor { z-index: 101; }

ul.mainlevel-hor ul { z-index: 102; }

ul.mainlevel-hor ul ul { z-index: 103; }

ul.mainlevel-hor li {
	padding: 0; margin: 0; list-style: none;
	float: left; position: relative;
}
/* My Styles */
#menulist_root-hor .li_1-hor, #menulist_root-hor .li_2-hor, #menulist_root-hor .li_3-hor { background:none; }
#menulist_root-hor li a#menulink_1-hor{ padding-right:0; margin-right:0;}
#menulist_root-hor .li_1-hor a, #menulist_root-hor .li_1-hor a:link, #menulist_root-hor .li_1-hor a:visited,
#menulist_root-hor .li_2-hor a, #menulist_root-hor .li_2-hor a:link, #menulist_root-hor .li_2-hor a:visited {
  color:#57657C;
}
#menulist_root-hor .li_1-hor a:hover, #menulist_root-hor .li_2-hor a:hover { color:#10B6C5; }
#menulist_root-hor li.li_3-hor { padding-left:60px; }
/* End Here */

ul.mainlevel-hor li li { position: relative; width:180px; margin: 0; }

ul.mainlevel-hor li li ul { left: 5px; top: 0; }

ul.mainlevel-hor ul { display:none; position:absolute; top:26px; left:0; }

ul.mainlevel-hor li > ul { top: 26px; left: auto; }

ul.mainlevel-hor li:hover ul, ul.mainlevel-hor li.hover ul { display: block; }

ul.mainlevel-hor li:hover ul ul, ul.mainlevel-hor li.hover ul ul { display: none; }

ul.mainlevel-hor li:hover ul li:hover ul, ul.mainlevel-hor li.hover ul li.hover ul { display: block; }

ul.mainlevel-hor, ul.mainlevel-hor li li { clear: left; }

/** separator */
span.mainlevel-hor, span.sublevel-hor {	border-width: 0px; padding: 5px; }
