@charset "UTF-8";

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

div#spryMenu 	{z-index: 1; position: relative; left:0px; top:0px; width:912px; margin: 0px auto; padding: 10px 0px 10px 1px; height:26px;}
div#spryMenu a	{outline: 0 !important; padding-left: 8px !important;}
div.sidebar		{padding: 0px; margin: 0px; display: block; height: 26px;}

/* 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; padding: 0; list-style-type: none; font: 10px Verdana; font-weight: bold; font-variant: small-caps; cursor: default; width: auto;}
	
	/* 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 */
	ul.MenuBarActive			{z-index: 1000;}
	
	/* Menu item containers, position children relative to this container and are a fixed width */
	ul.MenuBarHorizontal li		{margin: 0 10px 0 0; padding: 0px; list-style-type: none; font-size: 100%; position: relative; text-align: left; cursor: pointer;
									width: auto; float: left;}
	
	/* 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		{margin: 0px; padding: 0px; list-style-type: none; font-size: 100%; z-index: 1020; cursor: default; width: 8.2em; position: absolute; left: -1000em;}
	
	/* 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: auto;}
	
	/* Menu item containers - USED TO HAVE BORDER-BOTTOM if you want each item separated on list */
	ul.MenuBarHorizontal ul li	{display: block; float: none; width: 100%; background-color: #e3e9f6;}
	
	/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
	ul.MenuBarHorizontal ul ul	{position: absolute; margin: -5% 0 0 95%;}
	
	/* 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 - USED TO HAVE border-width: 1px 1px 0px 1px; for when individual items were bottom bordered */
	ul.MenuBarHorizontal ul		{display: block; width: auto; border: 1px solid #000; margin: 0px 0px 0px -1px;}
	
	/* Menu items are a light gray block with padding and no text decoration */
	ul.MenuBarHorizontal a		{display: block; cursor: pointer; padding: 0.5em 9px; color: #fff; text-decoration: none;}
	
	ul.MenuBarHorizontal ul a	{color: #000 !important;}
	
	/* 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: #385998; 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(/sprybar/SpryMenuBarDown.gif); background-repeat: no-repeat; background-position: 95% 50%;
															padding: 0.5em 2em 0.5em 0.75em; padding-bottom: 5px;}
	
	/* 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-color: #e3e9f6; background-image: url(/sprybar/SpryMenuBarRightHover.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(/sprybar/SpryMenuBarDown.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(/sprybar/SpryMenuBarRight.gif); background-repeat: no-repeat; background-position: 95% 50%;
															background-color: #385998;}

/* BROWSER HACKS: for Internet Explorer
***************************************/
	
	/* 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: #e3e9f6;}
	}

/* MY BITS: fixes for Internet Explorer re: widths, PLUS aesthetics
*******************************************************************/

	li.top a.MenuBarItemSubmenuHover 	{background-color: #385998; color: #fff !important;}
	ul.MenuBarHorizontal a.MenuBarItemHover		{color: #fff !important;}
	li.top			{margin-right: 10px; border: 1px solid #0d2056; background: none;}
	li.top:hover	{border: 1px solid #000;/* padding-bottom: 6px;*/}
	a.no-menu		{display: block; border: 1px solid #0d2056; color: #fff !important; background-color: #5F7CB7;}
	a.no-menu:hover	{background-color: #385998 !important; border: 1px solid #000 !important; color: #fff !important;}
	a.no-menu-red		{display: block; border: 1px solid #7d0d05; color: #fff !important; background-color: #fb594d;}
	a.no-menu-red:hover	{background-color: #ed1607 !important; border: 1px solid #000 !important; color: #000 !important;}
	br.menu			{line-height: 10px;}