@charset "UTF-8";

#site.inside div.MenuMain { background-image:url(nav-bg-inside.jpg); }
div.MenuMain { background-image:url(nav-bg-front.jpg); }
div.MenuMain ul.MenuBarHorizontal { margin: 0; padding: 0; list-style-type: none; font-size: 15px; cursor: default; height:40px; width: auto; }
div.MenuMain ul.MenuBarActive { z-index: 1000; }
div.MenuMain ul.MenuBarHorizontal li { margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer; float: left; background-image:none; }
div.MenuMain ul.MenuBarHorizontal ul { margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 200px; position: absolute; left: -1000em; background:#FF0000; }
div.MenuMain ul.MenuBarHorizontal ul.MenuBarSubmenuVisible { left: auto; }

div.MenuMain ul.MenuBarHorizontal ul li { font-size: 13px; width: 200px; background-image:none; }
div.MenuMain ul.MenuBarHorizontal ul ul { position: absolute; margin: 0 0 0 98%; }
div.MenuMain ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible { left: auto; top: 0; }
div.MenuMain ul.MenuBarHorizontal ul { border: 0px; }
div.MenuMain ul.MenuBarHorizontal ul a { display: block; cursor: pointer; color: #fff; padding:8px 20px 10px 20px; text-decoration: none; height: auto; }
div.MenuMain ul.MenuBarHorizontal a { display: block; cursor: pointer; color: #fff; padding:10px 20px 12px 20px; text-decoration: none; height: auto; }
div.MenuMain ul.MenuBarHorizontal a:hover, div.MenuMain ul.MenuBarHorizontal a:focus { background-color:#ff0000; text-decoration:underline; color: #FFF; }
div.MenuMain ul.MenuBarHorizontal a.MenuBarItemHover { background-color:#ff0000; text-decoration:underline; color: #FFF; }
div.MenuMain ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, div.MenuMain ul.MenuBarHorizontal a.MenuBarSubmenuVisible { background-color:#CC0000; color: #FFF; }

div.MenuMain ul.MenuBarHorizontal li a.home { margin: 0px; padding: 0px; display: block; width: 81px; height: 40px; background-image: url(home-button-off.gif); text-indent: -9999px; }
div.MenuMain ul.MenuBarHorizontal li a.home:Hover { margin: 0px; padding: 0px; display: block; width: 81px; height: 40px; background-image: url(home-button-on.gif); text-indent: -9999px; }

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

div.MenuMain ul.MenuBarHorizontal a.MenuBarItemSubmenu { background-image: url(SpryMenuBarDownHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
div.MenuMain ul.MenuBarHorizontal ul a.MenuBarItemSubmenu { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
div.MenuMain ul.MenuBarHorizontal a.MenuBarItemSubmenuHover { background-color:#ff0000; text-decoration:none; background-repeat: no-repeat; }
div.MenuMain div.MenuMain ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover { background-image: url(SpryMenuBarRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%; }
/*******************************************************************************

 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 */
div.MenuMain 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 {
div.MenuMain ul.MenuBarHorizontal li.MenuBarItemIE { display: inline; f\loat: left; }
}