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

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

/* OUTER MENUBAR The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal {
margin:0 ; padding:0; width:100%;  position:relative; z-index:20000;float:left;background-color:#181553; }


/* MENUBAR Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */




/* MENU item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li {
 float:left;  line-height:20px; width:125px; border-left:2px solid #fff; position:relative !important;}

.MenuBarHorizontal li {
	float:left;
	width:auto;
	position:relative;
}

/* SUBMENUS should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */



ul.MenuBarHorizontal ul {
width:130px !important; color:#444444!important;	z-index: 1020;	cursor: default;	left: -1000em;	float:left; float:left;position: absolute; background:url(../../images/drop-down-bg.png) no-repeat bottom right; padding-bottom:6px;
}

/* SUBMENU that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible {
	left:-1px;
	position: absolute;
	top:20px;
}

/* MENUitem containers are same fixed width as parent */
ul.MenuBarHorizontal ul li {
	width: 125px;
	float:left;
	border-left:1px solid #181553;
	border-right:1px solid #181553;
	
}

/* SUBMENUs should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul {
 display:none;

}

/* 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 {
display:block!important;width:125px;position: absolute;  left:109px; display:block; top:0px!important;  z-index:13000;float:left;
}

/* TOP MENU items are a light AQUA block with padding and no text decoration */
ul.MenuBarHorizontal li a {display:block; padding-left:2px; color:#fff; text-decoration:none; font-weight:bold;}
 
ul.MenuBarHorizontal li a:hover {
display:block; padding-left:2px; color:#fff; text-decoration:none; font-weight:bold;}

ul.MenuBarHorizontal li.active a{display:block; padding-left:2px; color:#fff; text-decoration:none; font-weight:bold;}

/* MENU items that have mouse over or focus have a BLUE background and white text */


.MenuBarHorizontal ul li a {
font-size:10px; color:#181553!important; border-bottom:1px solid #181553; line-height:13px; display:block; width:119px!important; font-weight:normal; padding:2px 3px!important; height:auto!important;  background:none;background-color:#f3f4f4; float:left;}

.MenuBarHorizontal ul li a:hover{
 display:block;  width:119px!important; background:none;background-color:#f3f4f4!important; font-weight:normal!important;font-size:10px; color:#181553;height:auto!important;line-height:13px;}