/*********************************************************************
 * Navigation Style Sheet for Faith Bible Church
 ********************************************************************/

/*********************************************************************
 * Classes
 ********************************************************************/ 
.popOut
	{
	background-repeat: no-repeat; 
	background-position: center right;
	}	
.popDown
	{
	background-repeat: no-repeat; 
	background-position: center right;
	} 
/*********************************************************************
 * Menus
 ********************************************************************/
/* Give the menu a little head room */
#mnuLeft, #mnuTop {margin-top:5px;}
#navBar
	{
	clear:both;
	font-size:8pt;
	}
/* Set width of menu items */
#mnuLeft, #mnuTop ul {width: 165px;}/*10.3em;}*/
/* Set the width of the top menu container */
#mnuTop {width: 100%;}

/* remove bullets and list indents */
#mnuLeft ul,#mnuTop ul
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}

/* Ensure the menus are either to the far left of the page or horizontal */
#mnuLeft,#mnuTop ul {float: left;}
#mnuLeft ul ul,#mnuTop ul ul {opacity:0.8;}
#mnuLeft ul:hover,#mnuTop ul:hover {opacity:1.0;}

/* Make the list elements a containing block for the nested lists */
#mnuLeft li,#mnuTop li {position: relative;}

/* Cause links to fill the whole space with no decoration */

/* Font, display, and border styles */
#mnuLeft a,#mnuTop a
	{
	font: bold 11px arial, helvetica, sans-serif;
	border-width: 1px;
	border-style: solid;
	display: block;
	text-decoration: none;
	padding: 2px 3px;
	}

/* Positioning */
/* We want the submenus to form to not push everything around */
#mnuLeft ul ul,#mnuTop ul ul {position: absolute;}
/* Cause submenus to appear properly */
#mnuLeft ul ul,#mnuTop ul ul ul
	{
	top: 0;
	left: 100%;
	width: 100%;
	}
/* Ensure the submenus are ontop of everything else */
#mnuLeft ul ul,#mnuTop ul ul {z-index: 500;}

div#mnuTop ul ul,
div#mnuTop ul li:hover ul ul,
div#mnuTop ul ul li:hover ul ul,
div#mnuLeft ul ul,
div#mnuLeft ul li:hover ul ul,
div#mnuLeft ul ul li:hover ul ul,
div#mnuLeft ul ul ul
{display: none;}

div#mnuTop ul li:hover ul,
div#mnuTop ul ul li:hover ul,
div#mnuTop ul ul ul li:hover ul,
div#mnuLeft ul li:hover ul,
div#mnuLeft ul ul li:hover ul,
div#mnuLeft ul ul ul li:hover ul
{display: block;}