@charset "UTF-8";

/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

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

 LAYOUT INFORMATION: describes box model, positioning, z-order

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{ margin: 0 60px 0 0; padding: 0; list-style-type: none; font-size: 100%; cursor: default; width: auto; float: right; }
ul.MenuBarActive
{
	z-index: 1000;
}
ul.MenuBarHorizontal li
{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; background-image: none; position: relative; text-align: left; cursor: pointer; width: 100px; float: left; }
ul.MenuBarHorizontal ul
{ margin: 0; padding: 0; list-style-type: none; font-size: 100%; background-color: #1a4f7b; z-index: 1020; cursor: default; width: 158px; position: absolute; left: -1000em; }
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{ left: auto; }
ul.MenuBarHorizontal ul li
{ width: 158px; margin: 0; padding: 0; }
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

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{ background-color: #1a4f7b; background-image: url(DropDownBG.jpg); background-repeat: repeat-y; background-position: right 0; border: solid 1px #387a9d; }
ul.MenuBarHorizontal ul li a:link, ul.MenuBarHorizontal ul li a:active, ul.MenuBarHorizontal ul li a:visited { background-color: #1a4f7b; background-image: url(DropDownBG.jpg); background-repeat: repeat-y; background-position: right 0; padding-top: 4px; padding-bottom: 4px; }
ul.MenuBarHorizontal ul li a:hover { color: #bce27f; background-image: url(DropDownBG.jpg); background-repeat: repeat-y; background-position: right 0; padding-top: 4px; padding-bottom: 4px; }
ul.MenuBarHorizontal li a:link, ul.MenuBarHorizontal li a:visited, ul.MenuBarHorizontal li a:active
{ display: block; cursor: pointer; padding: 6px 0; color: #fff; font-weight: bold; background-color: #95cd2a; text-decoration: none; text-transform: uppercase; }
ul.MenuBarHorizontal li a:hover { color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; cursor: pointer; display: block; padding: 6px 0; }
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{ color: #bce27f; text-decoration: none; }

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

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

 *******************************************************************************/
ul.MenuBarHorizontal a.MenuBarItemSubmenu
{ background-image: url(SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%; }
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
{ background-image: none; 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%;
}
/*******************************************************************************

 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;
	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;
	}
}
.MenuIcon { background-color: #1a4f7b; background-image: inherit; float: left; margin: 0; padding: 0 2px; border-style: none; border-width: 0; display: inline; }
.InlineText { height: auto; margin: 0; padding: 3px 0 0; }
