@charset "UTF-8";

/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */

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

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

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

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

ul.MenuBarHorizontal						{margin: 0; padding: 0; list-style-type: none; font-size: .8em; cursor: default; width: auto; font-style: normal}
ul.MenuBarActive							{z-index: 1000}
ul.MenuBarHorizontal li						{margin: 0; padding: 0; list-style-type: none; font-size: 100%; position: relative; text-align: center; cursor: pointer; width: 11em;float: left; border-right: 1px solid #CCCCCC}
ul.MenuBarHorizontal ul						{margin: 0; padding: 0; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 25.7em; background-color:#000000; position: absolute; margin: 0% 0 0 -50%; left: -1000em; font-style: normal}
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {left: auto}

/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li					{width: 25.7em}

/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul					{position: absolute; margin: 50% 0 0 -50%;}

html>body>ul.MenuBarHorizontal ul ul		{position: absolute; margin: 0% 0 0 -50%}

/* adjustment made for You submenu choice*/
ul.MenuBarHorizontal ul ul.youItem					{position: absolute; margin: 50% 0 0 -188%;}

html>body>ul.MenuBarHorizontal ul ul.youItem		{position: absolute; margin: 0% 0 0 -188%}



/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
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						{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #818B63}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a						{display: block; cursor: pointer; background-color: #000; color: #fff; text-decoration: none; height: 3.5em; padding: 0.4em 0.9em}

/* Menu items that have mouse over or focus have a grey background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus  { background-color: #666; color: #FFF}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{background-color: #333; color: #FFF}

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

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

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

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu		{/*background-image: url(SpryMenuBarDown.gif);*/background-repeat: no-repeat; background-position: 95% 50%}

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu	{/*background-image: url(SpryMenuBarRight.gif);*/ background-repeat: no-repeat; background-position: 95% 50%}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover	{/*background-image: url(SpryMenuBarRight.gif);*/ background-repeat: no-repeat; background-position: 95% 50%}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{/*background-image: url(SpryMenuBarHover.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}

/* 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}
}

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

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

 *******************************************************************************/
 
.subMenuContainer								{width: 26.2em; padding:1px; position:relative; background-color:#000000}
.subMenuContainerItem							{width:145px; float:left}