@charset "utf-8";
/* CSS Document */

#nav{
	height:36px;
	background:#FFFFEF url("http://www.johnscreekumc.org/images/nav_01.gif") no-repeat;
	padding-left:81px;
}

	/*HOVER MENUS - LEFT*/
	/* the menu */
	.leftmenu ul,.leftmenu li,.leftmenu a {
		display:block;
		margin:0;
		padding:0;
		border:0;
		color:#333333;
		font-size:11px;
	}
	.leftmenu ul {
		width:81px;
		list-style:none;
	}
	.leftmenu li {
		position:relative;
		padding:0px;
		z-index:9;
	}
		.leftmenu ul li ul {
			position:absolute;
			width:120px;
			left:80px; /* IE */
			top:0px;
			background-color:#E1E3E7;
			border:1px dotted #000000;
		}		
			.leftmenu ul li ul a{
				padding-bottom:4px;
				padding-left:5px;
				padding-right:10px;
				padding-top:4px;
				text-align:left;
			}
			.leftmenu ul li>ul { left:80px; } /* others */
			.leftmenu ul li ul li ul{
				left:120px;
			}
			.leftmenu ul li ul li>ul { left:120px; } /* others */
	.leftmenu a {
		padding:0px;
		text-decoration:none;
		width:100%; /* IE */
	}
		.leftmenu li>a { width:auto; } /* others */
	.leftmenu .parent{
		background:url("/images/home_2009/li_folder.png") no-repeat 110px 7px;
	}
	/* regular hovers */
	.leftmenu a:hover {
		background-color:#FFFFEF;
	}
		.leftmenu li.parent a:hover {
			/*background-color:#bbb7c7;*/
		}
	/* hovers with specificity */
	.leftmenu ul li ul li:hover { z-index:10; }	
	.leftmenu ul ul, .leftmenu li:hover ul ul {
		display:none;
	}
	.leftmenu li:hover ul, .leftmenu li:hover li:hover ul {
		display:block;
	}





	/*HOVER MENUS - TOP*/
	/* the menu */
	#menuh ul,#menuh li,#menuh a {
		display:block;
		margin:0;
		padding:0;
		border:0;
		color:#333333;
		font-size:11px;
	}
	#menuh ul {
		list-style:none;
		float:left;
		/*width:9em;	 width of all menu boxes */
		/* NOTE: For adjustable menu boxes you can comment out the above width rule.
		However, you will have to add padding in the "#menh a" rule so that the menu boxes
		will have space on either side of the text -- try it */
	}
	#menuh li {
		position:relative;
		padding:0px;
		z-index:9;
	}
		#menuh ul li ul {
			position:absolute;
			width:120px;
			left:0px; /* IE */
			top:36px;
			background-color:#FFFFEF;
			border:1px dotted #000000;
		}		
			#menuh ul li ul a{
				padding-bottom:4px;
				padding-left:5px;
				padding-right:10px;
				padding-top:4px;
				text-align:left;
			}
			#menuh ul li>ul { left:0px; } /* others */
			#menuh ul li ul li ul{
				left:120px;
				top:0px;
			}
			#menuh ul li ul li>ul { left:120px; } /* others */
	#menuh a {
		padding:0px;
		text-decoration:none;
		width:100%; /* IE */
	}
		#menuh li>a { width:auto; } /* others */
	#menuh .parent{
		background:url("/images/home_2009/li_folder.png") no-repeat 110px 7px;
	}
	/* regular hovers */
	#menuh a:hover {
		background-color: #F6F6C4;
	}
		#menuh li.parent a:hover {
			/*background-color:#bbb7c7;*/
		}
	/* hovers with specificity */
	#menuh ul li ul li:hover { z-index:10; }	
	#menuh ul ul, #menuh li:hover ul ul {
		display:none;
	}
	#menuh li:hover ul, #menuh li:hover li:hover ul {
		display:block;
	}

	/* End CSS Drop Down Menu */