/* @override 
	http://www.koiblue.com/Moore//templates/templates/antiquePhoto/css/menu.css
	http://www.cityofmoore.com//templates/templates/antiquePhoto/css/menu.css
*/

#menu {
	position:relative;				/* establish a menu-relative positioning context */
	top: 1px;
	left:  26px;                    /* play nicely with others */
	margin: auto;
	padding:0;
	border:0;                       /* the menus overall height */
         							/* we always want our menu to fill the available space */
	font-size:10px;         		/* this (and also below) sets the menus font size */
	z-index: 10;
	color: #d6c172;
}

#menu h2 {
	display: none;
}
#menu img {
	vertical-align: top;  /* prevent images from being pushed down by text */
}

#menu ul.topMenu li a {
	padding: 12px 20px 7px 18px;
	background-color: #faebc0;
	border: solid #d6c172;
	border-width: 0 1px;
	margin-left: -1px;
	color: #000;
}
#menu ul.topMenu li a:hover,
#menu ul.topMenu li.sfhover a:hover {
	color: black;
	background-color: #fff;
}

#menu ul {
	padding: 0;
	margin: 0;
	border: 0;
	list-style-type: none; 	
	line-height: 1.5em; /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
}

#menu li {
	float: left; 		
	position: relative; 
	margin: 0;
	font-size: 16px;
}
/*TOP LEVEL MENU DEFINITIONS ========================*/

#menu ul li ul {
	display: none;		/* initially hide the entire list hierarchy */
	padding: 1px;		/* this is our box border width */
	z-index: 80;
}
#menu ul li a,
#menu ul li a:visited { /* unselected top-level menu items */
	display: block;
	float: left;
	text-decoration: none;
	height: 18px;
}

#menu ul li:hover a,
#menu ul li a:hover,
#menu ul li.sfhover a {
	
}

/* 2ND LEVEL MENU DEFINITIONS ========================*/

#menu ul li:hover ul,
#menu ul li.sfhover ul,
#menu ul li a:hover ul {	/* 2nd level drop-down box */
	display: block;
	position: absolute;
	margin: 0;
	top: 36px;				/* place us just up underneath the top-level images */
	left: -2px;				/* left-align our drop-down to the previous button border */
	height: auto;			/* the drop-down height will be determiend by line count */
	width: 11.8em;			/* this sets our menu\'s effective border color */
}

#menu ul li:hover ul li a,
#menu ul li.sfhover ul li a,
#menu ul li a:hover ul li a {/* 2nd level unselected items */
	border: solid #0c0f08;
	border-width: 2px;
	margin: -2px 0 0 0;
	padding: 5px 10px;
	height: auto;
	color: #fff;			/* this sets the unselected drop-down text color */
	background: #20395f;	/* this sets the drop-down menu background color */
	width: 13.5em;
	z-index: 80;
	font: 12px/16px Verdana, Arial, Helvetica, Geneva, sans-serif;
}

#menu ul li:hover ul li a:hover,
#menu ul li.sfhover ul li.sfhover a:hover,
#menu ul li a:hover ul li a:hover {	/* 2nd level selected item */
	color: white;
	background: #8d0006;
}


/* 3RD LEVEL MENU DEFINITIONS ========================*/

#menu ul li:hover ul li ul,
#menu ul li.sfhover ul li ul,
#menu ul li a:hover ul li a ul {					/* hide inactive 3rd-level menus */	
	visibility: hidden;
	
}

#menu ul li:hover ul li:hover ul,
#menu ul li.sfhover ul li.sfhover ul,
#menu ul li a:hover ul li a:hover ul {				/* 3rd level drop-down box */
	visibility: visible;
	position: absolute;
	margin-top: -1px;							/* bring the top edge of the 3rd level menu up one */
	top: 0;
	left: 11.6em;
	width: 14em;
	z-index: 89;
}

#menu ul li:hover ul li:hover ul li a,
#menu ul li.sfhover ul li.sfhover ul li a,
#menu ul li a:hover ul li a:hover ul li a {			/* 3rd level unselected items */
	width: 14em;
	color:  #000;
	background: #f3d579;
	border-color: #faebc0;}

#menu ul li:hover ul li:hover ul li a:hover,
#menu ul li.sfhover ul li.sfhover ul li a:hover,
#menu ul li a:hover ul li a:hover ul li a:hover {	/*level3 selected items */
	width: 14em;
	color: #fff;
	background: #8d0006;
}

/* 4TH LEVEL MENU DEFINITIONS ========================*/
#menu ul li:hover ul li:hover ul li ul,
#menu ul li a:hover ul li:hover ul li a ul {					/* hide inactive 4th-level menus */	
	visibility: hidden;
}

#menu ul li:hover ul li:hover ul li:hover ul,
#menu ul li a:hover ul li a:hover ul li a:hover ul {				/* 4th level drop-down box */
	visibility: visible;
	position: absolute;
	margin-top: -1px;								/* bring the top edge of the 4th level menu up one */
	top: 0;
	left: 11.8em;
	width: 14em;
	z-index: 91;
}
#menu ul li:hover ul li:hover ul li:hover ul li a,
#menu ul li a:hover ul li a:hover ul li:hover ul li a{			/* 4th level unselected items */
	width: 14em;
	background: #746023;
	color:  #fff;
	border-color: #f3d579;}

#menu ul li:hover ul li:hover ul li:hover ul li a:hover,
#menu ul li a:hover ul li a:hover ul li a:hover ul li a:hover {	/*level4 selected items */
	width: 14em;
	background: #8d0006;
}