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

/*********************************************************************
 * Classes
 ********************************************************************/ 
.expander
	{
	background-image:url('/images/arrowright_yellow.gif');
	background-repeat: no-repeat; 
	background-position: center right;
	}

/*********************************************************************
 * Text Menu
 ********************************************************************/
#txtNav
	{
	clear:both;
	font-size:8pt;
	}
.txtNavDiv
	{
	width:10px;
	height:10px;
	margin-left:2px;
	margin-right:2px;
	}
 
/*********************************************************************
 * Vertical Menus
 ********************************************************************/
#mnuLeft 
	{
    margin-top:20px;
	width: 10.5em;
	float: left;
    float:left;
    height:250px;
    z-index:50;
    font-size:10pt;
	padding-left:10px;	/* Give the menu items some stand-off from the left */
	}	
#mnuLeft ul 
	{
	width:10em;
	list-style: none;	/* remove bullets */
	margin: 0;	/* remove indentation */
	padding: 0;	/* remove indentation */
	opacity:0.8;
	}
#mnuLeft ul:hover {opacity:1.0;}	
#mnuLeft a 
	{
	font: bold 11px arial, helvetica, sans-serif;
	display: block;	/* ensure it is visible */
	margin: 0;	/* remove margins */
	padding: 2px 3px;	/* padding on top and right */
	border-style: solid;	/* border for the box */
	border-width:1px;	/* border for the box */
	text-decoration: none;	/* no underlines */
	}	
	
#mnuLeft li 
	{
	position: relative;
	margin-bottom:3px;
	opacity:0.8;
	}
#mnuLeft li:hover {opacity:1.0;}

#mnuLeft ul ul 
	{
	position: absolute; /* Take all but the first level out of sight */
	top: 0;
	left: 100%;
	width: 100%;
	opacity:0.8;
	}
	
/* hide all the pop-outs */
div#mnuLeft ul ul {display: none;}
/* hide successive pop-outs while hovering over sub-menus */
div#mnuLeft ul li:hover ul ul {display: none;}
div#mnuLeft ul ul li:hover ul ul {display: none;}
div#mnuLeft ul ul ul li:hover ul ul {display: none;}
div#mnuLeft ul ul ul ul li:hover ul ul {display: none;}

/* show the second and successive level children while hovering */
div#mnuLeft ul li:hover ul {display: block;z-index:100;}
div#mnuLeft ul ul li:hover ul {display: block;z-index:100;}
div#mnuLeft ul ul ul li:hover ul {display: block;z-index:100;}
div#mnuLeft ul ul ul ul li:hover ul {display: block;z-index:100;}	

/*********************************************************************
 * Horizontal Menus
 ********************************************************************/