@charset "UTF-8";

ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 100%;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	text-transform: lowercase;
}
ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 8.2em; position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }
ul.MenuBarHorizontal ul li { width: 8.2em; }
ul.MenuBarHorizontal ul ul { position: absolute; margin: -5% 0 0 95%; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }

/*******************************************************************************
 DESIGN INFORMATION: describes color scheme, borders, fonts
 *******************************************************************************/

ul.MenuBarHorizontal ul{ border: 1px solid #CCC; }
ul.MenuBarHorizontal a{ display: block; cursor: pointer; color: #333; text-decoration: none; }
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{ color: #FF6600; text-decoration: underline; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{ color: #FF6600; }

/*******************************************************************************
 BROWSER HACKS: the hacks below should not be changed unless you are an expert
 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{ position: absolute; z-index: 1010; border-width:0px; padding:0px; }
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection{ ul.MenuBarHorizontal li.MenuBarItemIE { 	display: inline; 	f\loat: left; 	 }
}

/*******************************************************************************
 PERSO
 *******************************************************************************/
 
ul.MenuBarHorizontal #ul-noir { padding:6px; background-color: #000b2c; border-top-width: 1px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #000b2c; border-right-color: #000b2c; border-bottom-color: #000b2c; border-left-color: #000b2c; }
ul.MenuBarHorizontal #ul-noir a {
	color: #FFFFFF;
	text-transform: lowercase;
}
ul.MenuBarHorizontal #ul-noir a:hover, #ul-noir a:focus { color: #FF6600; }
ul.MenuBarHorizontal #ul-vert { padding:6px; background-color: #39a61f; border-top-width: 1px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #39a61f; border-right-color: #39a61f; border-bottom-color: #39a61f; border-left-color: #39a61f; }
ul.MenuBarHorizontal #ul-vert a {
	color: #FFFFFF;
	text-transform: lowercase;
}
ul.MenuBarHorizontal #ul-vert a:hover, #ul-vert a:focus { color: #330000; }