/*********************************************
	MAIN NAV
*********************************************/
.nav-wrapper{
	height:63px;
	width:940px;
	padding:0 0 10px 0;
	left:-10px;
	top:10px;
	position:relative;
	z-index:5000;
}



.main-nav{
	display:block;
	width:940px;
	height:63px;
	float:right;

}


.main-nav, .main-nav ul, .main-nav ul li, .main-nav a{

}

.main-nav ul{
	list-style-type:none; 
	margin:0;
	padding:0;	

}

.main-nav li{ 
    display:block;
    height:63px;
	float:left;
	text-align:center;
	background: url(/images/main-nav3.png)  no-repeat;
	z-index:6000;
}




.main-nav a{
	text-decoration:none;	

}

.main-nav a.main{ 
	text-indent:-9999px;
	position:relative;
	display:block;
	width:100%;
	height:63px;

}












.main-nav ul li.home{ width:90px; background-position:left top; }
.main-nav ul li.home:hover{background-position:left -77px; }

.main-nav ul li.conversation{ width:160px; background-position:-90px top; }
.main-nav ul li.conversation:hover{background-position:-90px -77px; }

.main-nav ul li.education{ width:130px; background-position:-250px top; }
.main-nav ul li.education:hover{background-position:-250px -77px; }

.main-nav ul li.events{ width:200px; background-position:-380px top; }
.main-nav ul li.events:hover{background-position:-380px -77px; }

.main-nav ul li.membership{ width:145px; background-position:-580px top; }
.main-nav ul li.membership:hover{background-position:-580px -77px; }

.main-nav ul li.store{ width:80px; background-position:-725px top; }
.main-nav ul li.store:hover{background-position:-725px -77px; }

.main-nav ul li.us{ width:135px; background-position:-805px top; }
.main-nav ul li.us:hover{background-position:-805px -77px; }




.main-nav ul li ul.subeducation{
	display:none;

}

.main-nav ul li:hover ul.subeducation {
	width:150px;
	height:75px;
	padding:0;
    background-image:none;
	display:block;
	position:relative;
	right:10px;
	top:-5px;
	z-index:-1;
}

.main-nav ul li:hover ul.subeducation li{
	width:150px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li:hover ul.subeducation li{
	background: url(/images/subnav-education.png);  
	background-repeat:no-repeat; 
	width:150px;
	
	z-index:2000;
}

.main-nav ul li:hover ul.subeducation li.programs{height:38px; background-position:left top;}	
.main-nav ul li:hover ul.subeducation li.programs:hover{background-position:right top;}

.main-nav ul li:hover ul.subeducation li.volunteer{height:38px; background-position:left -38px;}	
.main-nav ul li:hover ul.subeducation li.volunteer:hover{background-position:right -38px;}








.main-nav ul li ul.subevents{
	display:none;

}

.main-nav ul li:hover ul.subevents {
	width:233px;
	height:75px;
	padding:0;
    background-image:none;
	display:block;
	position:relative;
	right:25px;
	top:-5px;
	z-index:-1;
}

.main-nav ul li:hover ul.subevents li{
	width:233px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li:hover ul.subevents li{
	background: url(/images/subnav-calendar.png);  
	background-repeat:no-repeat; 
	width:233px;
	
	z-index:2000;
}

.main-nav ul li:hover ul.subevents li.calendar{height:38px; background-position:left top;}	
.main-nav ul li:hover ul.subevents li.calendar:hover{background-position:right top;}

.main-nav ul li:hover ul.subevents li.news{height:38px; background-position:left -38px;}	
.main-nav ul li:hover ul.subevents li.news:hover{background-position:right -38px;}









.main-nav ul li ul.submembership{
	display:none;

}

.main-nav ul li:hover ul.submembership {
	width:233px;
	height:100px;
	padding:0;
    background-image:none;
	display:block;
	position:relative;
	right:55px;
	top:-5px;
	z-index:-1;
}

.main-nav ul li:hover ul.submembership li{
	width:233px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;
	

}

.main-nav ul li:hover ul.submembership li{
	background: url(/images/subnav-membership.png);  
	background-repeat:no-repeat; 
	width:233px;
	
	z-index:2000;
}

.main-nav ul li:hover ul.submembership li.adopt{height:38px; background-position:left top;}	
.main-nav ul li:hover ul.submembership li.adopt:hover{background-position:right top;}

.main-nav ul li:hover ul.submembership li.renew{height:38px; background-position:left -38px;}	
.main-nav ul li:hover ul.submembership li.renew:hover{background-position:right -38px;}

.main-nav ul li:hover ul.submembership li.donation{height:38px; background-position:left -76px;}	
.main-nav ul li:hover ul.submembership li.donation:hover{background-position:right -76px;}







.main-nav ul li ul.subaboutus{
	display:none;

}

.main-nav ul li:hover ul.subaboutus {
	width:136px;
	height:45px;
	padding:0;
    background-image:none;
	display:block;
	position:relative;
	right:8px;
	top:-5px;
	z-index:-1;
}

.main-nav ul li:hover ul.subaboutus li{
	width:136px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li:hover ul.subaboutus li{
	background: url(/images/subnav-aboutus.png);  
	background-repeat:no-repeat; 
	width:136px;
	
	z-index:2000;
}

.main-nav ul li:hover ul.subaboutus li.directions{height:45px; background-position:left top;}	
.main-nav ul li:hover ul.subaboutus li.directions:hover{background-position:right top;}











.main-nav ul li ul.subeducation li ul.subprograms{
	display:none;

}

.main-nav ul li ul.subeducation li:hover ul.subprograms {
	width:131px;
	height:99px;
	padding:0;
    background-image:none;
	display:block;
	position:absolute;
	left:132px;
	top:7px;
	z-index:-1;
}

.main-nav ul li ul.subeducation li:hover ul.subprograms li{
	width:131px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li ul.subeducation li:hover ul.subprograms li{
	background: url(/images/subsub-nav-programs.png);  
	background-repeat:no-repeat; 
	width:131px;
	
	z-index:2000;
}

.main-nav ul li ul.subeducation li:hover ul.subprograms li.school{height:25px; background-position:left top;}	
.main-nav ul li ul.subeducation li:hover ul.subprograms li.school:hover{background-position:right top;}

.main-nav ul li ul.subeducation li:hover ul.subprograms li.family{height:25px; background-position:left -25px;}	
.main-nav ul li ul.subeducation li:hover ul.subprograms li.family:hover{background-position:right -25px;}

.main-nav ul li ul.subeducation li:hover ul.subprograms li.community{height:25px; background-position:left -50px;}	
.main-nav ul li ul.subeducation li:hover ul.subprograms li.community:hover{background-position:right -50px;}

.main-nav ul li ul.subeducation li:hover ul.subprograms li.scouts{height:26px; background-position:left -75px;}	
.main-nav ul li ul.subeducation li:hover ul.subprograms li.scouts:hover{background-position:right -75px;}









.main-nav ul li ul.subeducation li ul.subvolunteer{
	display:none;

}

.main-nav ul li ul.subeducation li:hover ul.subvolunteer {
	width:184px;
	height:56px;
	padding:0;
    background-image:none;
	display:block;
	position:absolute;
	left:131px;
	top:37px;
	z-index:-1;
}

.main-nav ul li ul.subeducation li:hover ul.subvolunteer li{
	width:184px;
	margin:0; 
	padding:0; 
	background-image:none;
	display:block;


}

.main-nav ul li ul.subeducation li:hover ul.subvolunteer li{
	background: url(/images/subsub-nav-volunteer.png);  
	background-repeat:no-repeat; 
	width:184px;
	
	z-index:2000;
}

.main-nav ul li ul.subeducation li:hover ul.subvolunteer li.docents{height:28px; background-position:left top;}	
.main-nav ul li ul.subeducation li:hover ul.subvolunteer li.docents:hover{background-position:right top;}

.main-nav ul li ul.subeducation li:hover ul.subvolunteer li.service{height:28px; background-position:left -28px;}	
.main-nav ul li ul.subeducation li:hover ul.subvolunteer li.service:hover{background-position:right -28px;}



.main-nav ul li:hover{
	cursor:pointer;	
	z-index:1;
}








/*explore button*/

.main-nav a.explore{ 
	padding:0;
	display:block;
	background-image:url(/images/main-nav2.png);
	background-repeat:no-repeat;
	height:36px;
}

.main-nav a.explore{
	position:absolute;
	width:190px;
	height:36px;
	background-position:-920px top;
	top:-30px;   
	right:35px;
	text-decoration:none;	
	text-indent:-9999px;
	display:block;
}

.main-nav a:hover.explore{
	background-position:-920px -38px;
}







.hours-top, .hours{
	position:absolute;
	left:106px;
	top:20px;
	z-index:-1;
}

.hours-top{
	left:208px;
	top:6px;

}


.sub .hours-top, .sub .hours{
	display:none;

}





/*********************************************
	MAIN NAV   --   OLD

.main-nav{
	display:block;
	background-image:url(/images/main-nav-bg.png);
	background-repeat:no-repeat;
	height:66px;
	position:relative;

	width:940px;
	left:-10px;
}



.main-nav, .main-nav ul, .main-nav ul li, .main-nav a{
	z-index:1000;
}


.main-nav ul{
	list-style-type:none; 
	height:17px;
	width:940px;
	position:relative;
	left:-30px;
	top:22px;
}

.main-nav ul li, .main-nav a.explore{ 
	padding:0;
	display:block;
	float:left;
	background-image:url(/images/main-nav2.png);
	background-repeat:no-repeat;
	height:17px;
}

.main-nav a.explore{
	position:absolute;
	width:190px;
	height:26px;
	background-position:-920px top;
	top:-30px;
	right:35px;
}

.main-nav a:hover.explore{
	background-position:-920px -38px;
}

.main-nav ul li.home{ width:90px; background-position:left top; }
.main-nav ul li:hover.home{background-position:left -47px; }

.main-nav ul li.conversation{ width:150px; background-position:-90px top; }
.main-nav ul li:hover.conversation{background-position:-90px -47px; }

.main-nav ul li.education{ width:120px; background-position:-240px top; }
.main-nav ul li:hover.education{background-position:-240px -47px; }

.main-nav ul li.events{ width:200px; background-position:-360px top; }
.main-nav ul li:hover.events{background-position:-360px -47px; }

.main-nav ul li.membership{ width:145px; background-position:-560px top; }
.main-nav ul li:hover.membership{background-position:-560px -47px; }

.main-nav ul li.store{ width:80px; background-position:-705px top; }
.main-nav ul li:hover.store{background-position:-705px -47px; }

.main-nav ul li.us{ width:120px; background-position:-785px top; }
.main-nav ul li:hover.us{background-position:-785px -47px; }


.main-nav ul li:hover{
	cursor:pointer;	
}


.main-nav a{ 
	text-indent:-9999px;
	display:block;
	width:100%;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	font-size:12px;
}




.main-nav ul li ul{
	width:154px;
	height:auto;
	position:absolute;
	padding:12px 0;
	z-index:5000;
}





.main-nav ul li ul.subeducation{
}

.main-nav ul li:hover ul.subeducation {
	width:150px;
	margin:0; 
	padding:0;
    background-image:url(/images/subnav-education.png); 
	display:block;
}

.main-nav ul li:hover ul.subeducation li{
	width:150px;
	margin:0; 
	padding:0; 
	background-image:url(/images/subnav-education.png); 
	display:block;
}

.main-nav ul li:hover ul.subeducation li{
	background: url(/images/subnav-education.png);  
	background-repeat:no-repeat; 
	width:150px;
	
}

.main-nav ul li:hover ul.subeducation li.programs{height:23px; background-position:left top;}	
.main-nav ul li:hover ul.subeducation li.programs:hover{background-position:right top;}

.main-nav ul li:hover ul.subeducation li.volunteers{height:25px; background-position:left -23px;}	
.main-nav ul li:hover ul.subeducation li.volunteers:hover{background-position:right -23px;}













.main-nav ul li ul a{
	text-indent:0;
	clear:both;
	background: url(/images/subnav-divider.png) no-repeat center top;
	padding:9px 0;
	text-align:center;
}

.main-nav ul li ul a:hover{
	color:#ecea2b;
}


.main-nav ul li.education ul{ left:270px; top:10px; }
.main-nav ul li.membership ul{ left:595px; top:10px; }
.main-nav ul li.us ul{ left:820px; top:10px; }
.main-nav ul li.events ul{ left:425px; top:10px; }

.main-nav ul li ul li{
	background: #84592F left center;
	width:154px;
	height:auto;
	float:none;
	margin:0;
	position:relative;
}



.main-nav ul li ul ul,
.main-nav ul li:hover ul ul{
	display:none;
	margin:0 0 0 1px !important;
	left:150px;
	top:-10px;
}
.main-nav ul li:hover ul, .main-nav ul ul li:hover ul{
	display:block;	
}



*********************************************/