/* Main Menu Section */
#mainmenu, #mainmenu ul, #mainmenu li {
	list-style:none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0px; padding: 0px;
 }
#mainmenu .menuname { display: none;}
#mainmenu {
	margin: 0px;
	padding: 0px;
	display: inline;
	width: 222px;
	height: 47px;
	cursor:pointer;
}

/* Menu Button and container styles */
#mainmenu li {
	width: 240px;
	height: 47px;
	float: left;
	background:url(/media/2009/images/menu.jpg) no-repeat;
}

/* Position the Menu Drop-downs - must use margin for IE6 compatibility */
#mainmenu li#about ul {
	margin-left: 5px;
	display: none;
}
#mainmenu li#ministries ul { margin-left: -235px; display: none;}
#mainmenu li#resources ul { margin-left: -475px; display: none;}
#mainmenu li#happening ul { margin-left: -715px; display: none;}
/* Have to specifically clear the margins specified above, or they'll propogate down */
#mainmenu li#about ul li ul{ margin-left: 0px; display: block;}
#mainmenu li#ministries ul li ul{ margin-left: 0; display: block;}
#mainmenu li#resources ul li ul{ margin-left: 0px; display: block;}
#mainmenu li#happening ul li ul{ margin-left: 0px; display: block; }
#mainmenu li#about ul li ul li ul,
#mainmenu li#ministries ul li ul li ul,
#mainmenu li#resources ul li ul li ul,
#mainmenu li#happening ul li ul li ul{ display: none; }

/* Styling for main drop-down area */
#mainmenu li ul {
	position: absolute;
	top: 180px;
	float:left;
	width: 950px;
	min-height: 120px;
	background: #22353d;
	color: #ffffff;
	cursor: auto;
	padding: 20px 0px;
	z-index: 99;
}

/* First Level Headings inside the drop-down */
#mainmenu li ul li {
	background-image: none;
	width: auto;
	height: auto;
	margin: 0px 10px 0px 50px;
	display: inline;
	float: left;
	position: static;
}

#mainmenu li ul li a {
	color: #FFFFFF;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
	margin: 0px 0px 5px 0px;
	width: auto;
}
#mainmenu li ul li a:hover { color: #f9f2cf;}

/* Second Level Menu List */
#mainmenu li ul li ul { position: static; float: none; width:auto; display:block; margin: 0px; padding: 0px; background-image: none;}
#mainmenu li ul li ul a {
	color: #c66a2e;
	font-weight: normal;
	display: inline;
	margin-top: 5px;
	line-height: 20px;
}
#mainmenu li ul li ul a:hover { color: #ff812f;}
#mainmenu li ul li ul li { display: block; float:none; margin: 0px; position: static; }

/* Third Level Menu Lists */
#mainmenu li ul li ul li ul{ display: none;}

/* Main menu button background image positioning */
#mainmenu #about { background-position: 0px 0px; }
#mainmenu #about:hover { background-position: 0px -94px; }
#mainmenu #about.clicked { background-position: 0px -47px; }
#mainmenu #ministries { background-position: -240px 0px; }
#mainmenu #ministries:hover { background-position: -240px -94px; }
#mainmenu #ministries.clicked { background-position: -240px -47px; }
#mainmenu #resources { background-position: -480px 0px; }
#mainmenu #resources:hover { background-position: -480px -94px; }
#mainmenu #resources.clicked { background-position: -480px -47px; }
#mainmenu #happening { background-position: -720px 0px; }
#mainmenu #happening:hover { background-position: -720px -94px; }
#mainmenu #happening.clicked { background-position: -720px -47px; }