@charset "UTF-8";
ul.MenuBarHorizontal { margin: 0 0 0 10px; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; }
ul.MenuBarActive { z-index: 1000; }
ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; width: auto; float: left; }
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: 205px; }
ul.MenuBarHorizontal ul ul { position: absolute; margin: 0 0 0 170px; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
ul.MenuBarHorizontal ul {}
ul.MenuBarHorizontal a { display: block; cursor: pointer; background-color: #ED1C24; padding: 16px 30px; color: white; text-decoration: none; }
ul.MenuBarHorizontal li ul li a {padding:10px 15px;}
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{ background-color: #cc131a; color: #FFF; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{ background-color: #cc131a; color: #FFF; }
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{ background-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/* 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; filter:alpha(opacity:0.1); }
/* 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; } }