@charset "UTF-8";

ul.MenuBarHorizontal {
cursor:default;
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:auto;
}

ul.MenuBarActive {
z-index:1000;
}

ul.MenuBarHorizontal li {
cursor:pointer;
float:left;
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
position:relative;
text-align:left;
width:8em;
}

ul.MenuBarHorizontal ul {
cursor:default;
font-size:100%;
left:-1000em;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
width:8.2em;
z-index:1020;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
left:auto;
}

ul.MenuBarHorizontal ul li {
width:8.2em;
}

ul.MenuBarHorizontal ul ul {
margin:0 0 0 100%;
position:absolute;
}

ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {
left:auto;
top:0;
}

ul.MenuBarHorizontal a {
/*background-color:#EEE;
color:#333;*/
cursor:pointer;
display:block;
padding:0.5em 0.75em;
text-decoration:none;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenu {
background-image:url(SpryMenuBarDown.gif);
background-position:99% 50%;
background-repeat:no-repeat;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenu {
background-image:url(SpryMenuBarRight.gif);
background-position:95% 50%;
background-repeat:no-repeat;
}

ul.MenuBarHorizontal a.MenuBarItemSubmenuHover {
background-image:url(SpryMenuBarDownHover.gif);
background-position:99% 50%;
background-repeat:no-repeat;
}

ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover {
background-image:url(SpryMenuBarRightHover.gif);
background-position:95% 50%;
background-repeat:no-repeat;
}

ul.MenuBarHorizontal a:hover,ul.MenuBarHorizontal a:focus,ul.MenuBarHorizontal a.MenuBarItemHover,ul.MenuBarHorizontal a.MenuBarItemSubmenuHover,ul.MenuBarHorizontal a.MenuBarSubmenuVisible {
/*background-color:#33C;
color:#FFF;*/
}

/* added UI style overrides */

ul.MenuBarHorizontal a, ul.MenuBarHorizontal a.Main, ul.MenuBarHorizontal a.Main:active, ul.MenuBarHorizontal a.Main:focus, ul.MenuBarHorizontal a.Main:hover {
background-color:#ffffff;
color: #333;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color:#ffffff;
color: #FFF;
text-decoration:none;
}
ul.MenuBarHorizontal a:visited, ul.MenuBarHorizontal a:link {
color:#3F3F3F;
}
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible {

color: #FFF;
}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus {
background-color:#FE0000;
color:#FFFFFF;
}
ul.MenuBarHorizontal ul a {
background-color:#3F3F3F;
color:#F3F1F1;
}
ul.MenuBarHorizontal ul a:visited, ul.MenuBarHorizontal ul a:link {
color:#F3F1F1;
}

ul.MenuBarHorizontal ul {
width: 19em;
}
ul.MenuBarHorizontal li {
width:125px;
}
ul.MenuBarHorizontal ul li {
width: 19em;
}

/*******************************************************************************
 BROWSER HACKS
 *******************************************************************************/
/* 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;
}
/* 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;
		background: #FFF;
	}
}