/*Titles for the template navigation bars*/
.nav-titles {width: 248px; height: 55px; text-indent:-9999px; margin: 0px;}
	
	
	h3#nav-title-plan {background:url(/images/template/nav-title-plan.jpg) top left no-repeat;}
	h3#nav-title-animals {background:url(/images/template/nav-title-animals.jpg) top left no-repeat;}
	h3#nav-title-conserve {background:url(/images/template/nav-title-conserve.jpg) top left no-repeat;}
	h3#nav-title-education {background:url(/images/template/nav-title-education.jpg) top left no-repeat;}
	h3#nav-title-animals {background:url(/images/template/nav-title-animals.jpg) top left no-repeat;}
	h3#nav-title-member {background:url(/images/template/nav-title-member.jpg) top left no-repeat;}
	h3#nav-title-support {background:url(/images/template/nav-title-support.jpg) top left no-repeat;}
	h3#nav-title-about {background:url(/images/template/nav-title-about.jpg) top left no-repeat;}
	h3#nav-title-press {background:url(/images/template/nav-title-press.jpg) top left no-repeat;}
	h3#nav-title-volunteer {background:url(/images/template/nav-title-volunteer.jpg) top left no-repeat;}
	h3#nav-title-career {background:url(/images/template/nav-title-careers.jpg) top left no-repeat;}


/*Background colors for hover state for each nav (fancy-pants)*/
.nav-plan li a:hover {background-color: #598E37;} 		/*green*/
.nav-animals li a:hover {background-color:#85AC1E;} 	/*lime green (it actually looks good, I swear)*/
.nav-conserve li a:hover {background-color:#e6c314;}	/*yellow*/
.nav-education li a:hover {background-color:#1e89af;}	/*blue*/
.nav-member li a:hover {background-color:#a99047;}		/*tan*/
.nav-support li a:hover {background-color:#D39025;}		/*orange*/ 
.nav-about li a:hover {background-color:#68761d;}		/*olive*/
.nav-press li a:hover {background-color:#53402F;}		/*brown*/
.nav-volunteer li a:hover, .nav-career li a:hover {background-color:#4B7B2E;}	/*generic green*/
.nav-venue li a:hover {background-color:#614b84;}		/*purple-ish*/





/***********************************************************/
/*Navigation structure - no need to format beyond this line*/
#template-nav {width: 248px;}

	#template-nav ul {width: 248px; background-color:#CFBF76; padding: 0 0 0 10px; margin:0}

		#template-nav ul li {
			position:relative;
			color: #ffffff;
			list-style-type:none;
			padding:0;
			margin-left: 10px;
			display:block;
			width: 223px;
			border-bottom: 1px solid #B9AB68;
			}
	
			#template-nav li a {color:#598E37; font-size: 14px; font-weight:bold; padding: 7px 5px; display:block; line-height: 16px;}
			#template-nav li a:hover {color: #FFF;}
	
				#template-nav  ul li ul{position:absolute; top:0; left:223px; display:none;}
	
					#template-nav  ul li ul li{width: 230px; margin: 0px !important;}
					

/* Fix IE. Hide from IE Mac \*/
* html #template-nav  ul li{float:left;height:1%;}
* html #template-nav  ul li a{height:1%;}
/* End */

#template-nav ul {margin:0; padding:0; list-style-image:none; width:248px; }

#template-nav ul ul, div#template-nav ul ul ul{margin:0; padding:0; list-style-image:none; width:233px;}

div#template-nav  ul ul, div#template-nav  ul ul ul, div#template-nav  ul li:hover ul ul, div#template-nav  ul li:hover ul ul ul{
display:none;}

div#template-nav  ul li:hover ul, div#template-nav  ul ul li:hover ul, div#template-nav ul ul ul li:hover ul{
display:block;}