/*
======================
MAIN NAVIGATION STYLES 
======================
*/

#nav {
	float:left;
	
	width: 650px;
}

#nav li {
	float:left;
	display:inline;
}

#nav a {
	color: #386d9c;
	display:block;
	float:left;
	height:48px;
	text-align:center;
	text-decoration:none;
}

#nav a:hover {
	background:#ebedf3;
}

#navtab1, #navtab1on { float:left; width: 130px; }

	#navtab1 img {
		float:left;
		display: block; 
		width: 130px;
		height: 48px; 
		margin: 0; 
		padding: 0;
		background: url(/images/navigation/about_hospice.jpg) 0 0 no-repeat;
		text-decoration: none;
	}

	#navtab1 a:hover img, #navtab1on img{	
		display: block; 
		width: 130px;
		height: 48px; 
		margin: 0; 
		padding: 0; 
		float: left;
		background: url(/images/navigation/about_hospice.jpg) 0 -48px no-repeat;
		text-decoration: none; 
		cursor:pointer;
	}

#navtab2, #navtab2on { float:left; width: 89px; }

	#navtab2 img {
		float:left;
		display: block; 
		width: 89px;
		height: 48px; 
		margin: 0; 
		padding: 0;
		background: url(/images/navigation/about_us.jpg) 0 0 no-repeat;
		text-decoration: none;
	}

	#navtab2 a:hover img, #navtab2on img{	
		display: block; 
		width: 89px;
		height: 48px; 
		margin: 0; 
		padding: 0; 
		float: left;
		background: url(/images/navigation/about_us.jpg) 0 -48px no-repeat;
		text-decoration: none; 
		cursor:pointer;
	}

#navtab3, #navtab3on { float:left; width: 101px !important; }

	#navtab3 img {
		display: block; 
		float:left;
		width: 101px;
		height: 48px; 
		margin: 0px !important; 
		padding: 0px !important;
		background: url(/images/navigation/programs_services.jpg) 0 0 no-repeat;
		text-decoration: none;		
	}

	#navtab3 a:hover img, #navtab3on img{	
		display: block; 
		width: 101px;
		height: 48px; 
		margin: 0; 
		padding: 0; 
		float: left;
		background: url(/images/navigation/programs_services.jpg) 0 -48px no-repeat;
		text-decoration: none; 
		cursor:pointer;
	}

#navtab4, #navtab4on { float:left; width: 101px; }

	#navtab4 img {
		float:left;
		display: block; 
		width: 101px;
		height: 48px; 
		margin: 0; 
		padding: 0;
		background: url(/images/navigation/volunteers.jpg) 0 0 no-repeat;
		text-decoration: none;
	}

	#navtab4 a:hover img, #navtab4on img{	
		display: block; 
		width: 101px;
		height: 48px; 
		margin: 0; 
		padding: 0; 
		float: left;
		background: url(/images/navigation/volunteers.jpg) 0 -48px no-repeat;
		text-decoration: none; 
		cursor:pointer;
	}

#navtab5, #navtab5on { float:left; width: 117px; }

	#navtab5 img {
		float:left;
		display: block; 
		width: 117px;
		height: 48px; 
		margin: 0; 
		padding: 0;
		background: url(/images/navigation/professionals.jpg) 0 0 no-repeat;
		text-decoration: none;
	}

	#navtab5 a:hover img, #navtab5on img{	
		display: block; 
		width: 117px;
		height: 48px; 
		margin: 0; 
		padding: 0; 
		float: left;
		background: url(/images/navigation/professionals.jpg) 0 -48px no-repeat;
		text-decoration: none; 
		cursor:pointer;
	}
#navtab6, #navtab6on { float:left; width: 109px; }

	#navtab6 img {
		float:left;
		display: block; 
		width: 110px;
		height: 48px; 
		margin: 0; 
		padding: 0;
		background: url(/images/navigation/fundraising.jpg) 0 0 no-repeat;
		text-decoration: none;
	}

	#navtab6 a:hover img, #navtab6on img{	
		display: block; 
		width: 110px;
		height: 48px; 
		margin: 0; 
		padding: 0; 
		float: left;
		background: url(/images/navigation/fundraising.jpg) 0 -48px no-repeat;
		text-decoration: none; 
		cursor:pointer;
	}
