/******************************/
/* Begin Global Navigation Area */

body { behavior:url("csshover.htc"); } 

#header {
	background:			#137dbb url(images/ui/logo_header2.jpg) no-repeat top left;
	display:			block;
	margin:				0;
	padding:			0;
	float:				left;
	width:				800px;
	/* Found and slew the IE mainnav placement demon */
	z-index:			5;
	}

#header:after {
	content:			".";
	display:			block;
	height:				0;
	clear:				both;
	visibility:			hidden;
	}

#header .logo_click { border:none; height:75px; width:350px; }

#mainnav {
	clear:			both;
	position:		relative;
	white-space:	nowrap;
	z-index:		400;
	height:			30px; /* Add space here to make space for mainnav */
	top:			10px; /* Add space here to move mainnav down */
	margin-bottom:	10px; /* Add space here to put space after the mainnav */
	}
#mainnav ul {
	position:		absolute;
	left:			81px;
	margin:			0;
	padding:		0;
	list-style:		none;
	}
#mainnav ul li {
	position:			relative;
	float:				left;
	left:				0;
	height:				32px;
	margin-bottom:		0px;
	}
#mainnav ul li.services {
	width:				131px;
	left:				0px;
	top:				0px;
	}
#mainnav ul li.help {
	width:				130px;
	top:				0px;
	}
#mainnav ul li.volunteer {
	width:				106px;
	top:				0px;
	}
#mainnav ul li.work {
	width:				123px;
	top:				0px;
	}
#mainnav ul li.about {
	width:				108px;
	top:				0px;
	}
#mainnav ul li.contact {
	width:				121px;
	}
#mainnav ul li img { margin: 0; }
#mainnav ul li a {
	display:			block;
	}
#mainnav ul li ul  {
	position:			absolute;
	left:				0;
	top:				0;
	display:			none;
	z-index:			100;
	width:				1px;
	}

/* End Drop Down Styling */	
	
/* Begin Sub Menu Styles */

#mainnav li:hover ul,
#mainnav li.over ul {
	display:			block;
	top:				0;
	z-index:			200;
	}

#mainnav li ul li {
	height:				1%;
	top: 0px;
	}

#mainnav li ul li a {
	background:			#EEE;
	color:				#444;
	display:			block;
	font-size:			12px;
	text-decoration:	none;
	text-align:			left;
	}

/* Drop-down text items */
/* Set these to the width of the widest text in each list */
#mainnav li ul li a.about { width: 175px; 
	padding:			3px 10px 3px 15px;
	border-bottom:		1px solid #FFF;
}
#mainnav li ul li a.contact { width: 175px; 
	padding:			3px 10px 3px 15px;
	border-bottom:		1px solid #FFF;
}
#mainnav li ul li a.help { width: 195px; 
	padding:			3px 10px 3px 15px;
	border-bottom:		1px solid #FFF;
}
#mainnav li ul li a.services { width: 195px; 
	padding:			3px 10px 3px 15px;
	border-bottom:		1px solid #FFF;
}
#mainnav li ul li a.volunteer { width: 175px; 
	padding:			3px 10px 3px 15px;
	border-bottom:		1px solid #FFF;
}
#mainnav li ul li a.work { width: 175px; 
	padding:			3px 10px 3px 15px;
	border-bottom:		1px solid #FFF;
}

#mainnav li ul li a:hover {
	color:				#444;
	background:			#FFF;
	}

/* End Sub Menu Styles */
	

/* Begin need to reset the padding and the width for the menu images.  They should not have any of the effects of the menu */

#mainnav ul li.services {
	padding:			0;
	width:				131px;
	height:				30px;
	display:			block;
	border:				0;
	}
#mainnav ul li.help {
	padding:			0;
	width:				130px;
	height:				30px;
	border:				0;
	}
#mainnav ul li.volunteer {
	padding:			0;
	width:				106px;
	height:				30px;
	border:				0;
	}
#mainnav ul li.work {
	padding:			0;
	width:				123px;
	height:				30px;
	border:				0;
	}
#mainnav ul li.about {
	padding:			0;
	width:				108px;
	height:				30px;
	border:				0;
	}
#mainnav ul li.contact {
	padding:			0;
	width:				121px;
	height:				30px;
	border:				0;
	}
		 	
/* Fix IE. Hide from IE Mac \*/

* html #home-mainnav ul li {
	float:				left;
	height:				1%;
	}
* html #home-mainnav ul li a {
	float:				left;
	height:				1%;
	}

/* End Global Navigation Area */ 	
/******************************/