/* @override 
	http://shop.franchiserelationships.com/SpryAssets/main_SpryMenuBarHorizontal.css
	http://franchiserelationships.businesscatalyst.com/SpryAssets/main_SpryMenuBarHorizontal.css
	http://franchiserelationships.businesscatalyst.com/css/nav_main.css
	http://www.franchiserelationships.com/css/nav_main.css
*/

@charset "UTF-8";

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

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

/* MODIFIED FOR Franchise Relationships Web Site by Paul Howson
	September 2007 and later... */

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

 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.mainMenuBarHorizontal
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	cursor: default;
	width: auto;

	/* Remove posn relative otherwise IE6 display breaks */
	/* position: relative; */
}


/* 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.mainMenuBarHorizontal li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	float: left;
	
	/* FRI overrides */
	width: auto;
	white-space: nowrap;
	
	padding-right: 25px;
}


/* 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.mainMenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	z-index: 1020;
	cursor: default;
	position: absolute;
	left: -1000em;
	
	/* FRI overrides */
	width: auto;
	margin-top: 9px;
}
/* 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.mainMenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
}

ul.mainMenuBarHorizontal ul li
{
	/* Undo values inherited from ul li */
	padding: 0px;
	border: none;
	
	/* Then apply values for ul ul li */
	float: none;
}


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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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


ul.mainMenuBarHorizontal ul
{
	/*background-color: #fffce0;*/
	background-color: transparent;
	border: 1px solid #0072cf;
	border-top: none;
}

/* Menu items are a TRANSPARENT block with padding and no text decoration */
ul.mainMenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	padding: 0em 0em;
	color: #dfdfdf;
	text-decoration: none;
	background-color: transparent;
}

/* Menu items that have mouse over or focus have a TRANSPARENT background and white text */
/*ul.mainMenuBarHorizontal a:hover, ul.mainMenuBarHorizontal a:focus
{
	color: #fff;
	background-color: transparent;
}*/
/* PH - 29 Sep 2007 removed the focus selector on this since it MAY have been overriding subsequent more specific :hover selectors in IE6 and causing the hovered text to still display in white. Yet to test this theory.

PH - 23 Nov 2007 added text-decoration: none because the
site-wide underlining of hovered links was being inherited by the text of these menus on IE6, even though not on Safari. The fix clarifies the desired behaviour for all browsers.
 */
ul.mainMenuBarHorizontal a:hover
{
	color: #fff;
	background-color: transparent;
	text-decoration: none;
}

/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */

/* PH: added extra ul selector here so these apply only to the submenus and not to the top level menu items */

ul.mainMenuBarHorizontal ul li
{
	/* Then apply values for ul ul li */
	border-top: 1px solid #4296db;
	background-color: #fffce0;
}


ul.mainMenuBarHorizontal ul a
{
	padding: 5px 9px;
	color: #0072cf;
}

/* PH 23 Nov 2007 Added the a:hover selector here which fixed the longstanding display bug in IE6 (and maybe IE7 as well) whereby the hovered submenus did not display these settings. It turned out that the ul a:hover selector from above was taking precedence over the dynamic class selectors (I guess this is ambiguous). Anyway, adding the a:hover selector as well makes the behaviour correct in Safari and IE6 and Firefox. */
ul.mainMenuBarHorizontal ul a.MenuBarItemHover,
ul.mainMenuBarHorizontal ul a:hover,
ul.mainMenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	background-color: #4296db;
	color: #FFF;
}

/*ul.mainMenuBarHorizontal ul a.MenuBarItemSubmenuHover,
ul.mainMenuBarHorizontal ul a.MenuBarSubmenuVisible
{
	color: #FFF;
}*/



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

 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.mainMenuBarHorizontal iframe*/
ul iframe
{
	position: absolute;
	z-index: 1010;
	/* PH  iframe was visible, stick out to right of ul.
	   making it display none removes the problem !? */
	display: none;
}
/* 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.mainMenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		/* background: #FFF; */
	}

	ul.mainMenuBarHorizontal ul li.MenuBarItemIE
	{
		display: block;
		f\loat: none;
		/* background: #FFF; */
	}
	
}

/* Site-wide settings for top level menus */

/* @group navzone */

div.navzone {
	height: 25px;
	font-size: 1.3em;
	font-weight: bold;
}

/* @end */

/* @group homenavzone */

/* Hide home menu on home page */
div.homenavzone ul.mainMenuBarHorizontal li.home,
div.homenavzone ul.mainMenuBarHorizontal li.home.MenuBarItemIE {
	display: none;
}

/* Add this specific margin 0 because webkit does not "see"
   the margin 0 in ul.mainMenuBarHorizontal css rule.
   Debugged by PH 2009-12-10 */
ul#MenuBar1 {
	margin: 0;
}

/* Fine tune drop down to touch horizontal line */
.homenavzone ul.mainMenuBarHorizontal ul {
	margin-top: 7px;
}

/* @end */