/* **************************************************************************
* 
*	UNITED METHODIST CHURCH
* 	HOMENAV.CSS - homepage navigation styles
*	LAST UPDATED 2006.01.05 by amelia t. catalano
*
*************************************************************************** */
div#mainNav {
	position: absolute;
	top: 305px;
	width: 100%;
	z-index: 5;
	margin-top:0px;
	_margin-top:2px;
}

div#mainNav img {
	border: 0;
}

div.nosub {
	background: #337300 url("nav-bg-ie-nosub.gif") repeat-x;
	height: 40px;
}
	
div#mainNav ul {
	margin: 0;
	padding: 0;
	width: 760px;
}

div#mainNav ul li {
	/*float the main list items*/
	margin: 0;
	padding: 0;
	float: left;
	display: block;
}

div#mainNav ul li#mainNav OurChurch {
	background-color: #6BC026;
}

div#mainNav ul li#mainNav OurFaith {
	background-color: #62AD2A;
}

div#mainNav ul li#mainNav OurPeople {
	background-color: #3E9000;
}

div#mainNav ul li#mainNav OurWorld {
}

div#mainNav ul li a {
	/*for all links in the list*/
	display: block;
	height: 36px;
	width: 129px;
	border-right: 1px solid #fff;
}

div#mainNav ul li#ourfaith a {
	width: 122px;
}

div#mainNav ul li#ourfaith ul li a {
	width: auto;
}

div#mainNav ul li#ourpeople a {
	width: 126px;
}

div#mainNav ul li#ourpeople ul li a {
	width: auto;
}

div#mainNav ul li#ourworld a {
	width: 127px;
}

div#mainNav ul li#ourworld ul li a {
	width: auto;
}

div#mainNav ul li.on a {
}

div#mainNav ul li ul {
	/*put the submainNavs below and hide them all*/
	display: none;
	position: absolute;
	top: 37px;
	height: 24px;
	left: 0;
	background: #337300 url(bg-greyline.gif) repeat-x 0 bottom;
	width: 100%;
}

div#mainNav ul li#ourchurch ul {
	background-color: #6BC026;
}

div#mainNav ul li#ourfaith ul {
	background-color: #62AD2A;
}

div#mainNav ul li#ourpeople ul {
	background-color: #3E9000;
}

div#mainNav ul li#ourworld ul {
	background-color: #337300;
}

div#mainNav ul li.on ul {
	/*display active subnav list*/
	display: block;
}

div#mainNav ul li ul li {
	padding-top: 3px;
	padding-bottom: 2px;
}

div#mainNav ul li ul li span {
	color: #ccf5ab;
	font-size: 10px;
	vertical-align: top;
}

div#mainNav ul li ul li a,
div#mainNav ul li.on ul li a { /*specificity to get rid of border */
	float: left;
	/*ie doesn't inherit the float*/
	border: 0;
	width: auto;
	padding: 0 10px;
	/*border-right: 1px solid #ccf5ab;*/
	color: #ccf5ab;	
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	height: auto;
	margin-bottom: 2px;
}

div#mainNav ul li ul li.last a {
	border-right: 0;
}

div#mainNav ul li ul li a:hover {
color: #FFF;
}

/*  ***
*	subsection: PRIMARY TASKS links
****************************************** */
div#actionItems {
	position: absolute;
	top: 317px;
	left: 515px;
	z-index: 6;
	width: 255px;
}

div#actionItems img {
	border: 0;
}

div#actionItems ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#actionItems ul li {
	float: left;
	margin: 0;
	padding: 0 4px 0 0;
}