/* CSS Document */

/* Based on Flyout Menu with Overlap, copyright cssplay.co.uk, used with permission */

#leftnav {
	width:180px;
	float:left;
	/*padding-top:20px;*/
/*	font-size: 85%; */
}
/* common styling */
.menu2 {
	width:180px; 
	height:auto; 
	position:relative; 
/*	font-size:11px; 
	margin:30px 0; */
	z-index:100;
}
#home a.home, #mission a.mission, #about a.about, #programs a.programs, #resourcectr a.resourcectr,
#faqs a.faqs, #contact a.contact, #membership a.membership, #annualrpt a.annualrpt, #aboutecs a.aboutecs,
#ecpowers a.ecpowers, #whatecsdo a.whatecsdo, #commawards a.commawards, #njcomm a.njcomm,
#support a.support, #donate a.donate, #volunteer a.volunteer, #getinvolved a.getinvolved,
#workplace a.workplace, #publications a.publications, #currissues a.currissues, #alerts a.alerts,
#positions a.positions, #events a.events, #confworkshop a.confworkshop, #roadshows a.roadshows,
#otherevents a.otherevents, #specialevents a.specialevents, #smartlanduse a.smartlanduse, #commevents a.commevents, 
#toolsresources a.toolsresources, #envirolinks a.envirolinks, #eris a.eris, #pollutionprev q.pollutionprev,
#openspace a.openspace, #envcommhb a.envcommhb, #sustcomm a.sustcomm, #waterresources a.waterresources,
#workshopmaterials a.workshopmaterials, #infoform a.infoform, #reginits a.reginits, #stateplan a.stateplan,
#urbandevcomm a.urbandevcomm, #njhighlands a.njhighlands, #sjbayshore a.sjbayshore, #meadowlands a.meadowlands,
#pinelands a.pinelands, #pubsnew a.pubsnew, #pubslocal a.pubslocal, #pubsrespapers a.pubsrespapers,
#pubsopenspace a.pubsopenspace, #pubsurban a.pubsurban, #pubswater a.pubswater, #pubsperiodicals a.pubsperiodicals,
#pubsorderform a.pubsorderform, #directions a.directions, #staff a.staff, #trustees a.trustees, #energy a.energy,
#consultants a.consultants {
	display:block; 
	float:left; 
	text-decoration:none; 
	color:#FFFF66;
	width:175px; 
	height:30px; 
	line-height:29px; 
	font-size:11px; 
	background:transparent; 
	padding-left:5px;
	/*font-weight:bold;*/
	cursor:default;
}
.currentlink {
	display:block; 
	float:left; 
	text-decoration:none; 
	color:#FFFF66;
	width:175px; 
	height:30px; 
	line-height:29px; 
	font-size:11px; 
	background:transparent; 
	padding-left:5px;
	font-weight:bold;
}
.nonlink {
	display:block; 
	float:left; 
	text-decoration:none; 
	color:#FFFFFF;
	width:175px; 
	height:30px; 
	line-height:29px; 
	font-size:11px; 
	background:transparent; 
	padding-left:5px;
	font-weight:bold;
}
.menu2 ul {
	padding:0; 
	margin:0; 
	list-style-type: none; 
	background-color:#336633;
	width:180px; 
/*	height:256px;		this for 8 menu items */
/*	height:192px;		 this is for 6 menu items*/
/*	height:224px;			 this is for 7 menu items*/
	height:352px;			/* 11 menu items*/
}
.menu2 ul li ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	overflow:hidden; 
	top:0; 
	left:150px;
}
.menu2 ul li {
	float:left;
	border:1px solid #ffffdd;
	width:180px;
}
.menu2 ul li a, .menu2 ul li a:visited {
	display:block; 
	float:left; 
	text-decoration:none; 
/*	color:#000; */
	width:175px; 
	height:30px; 
	line-height:29px; 
	font-size:11px; 
	background:transparent; 
	padding-left:5px;
	color:#FFFFFF
}
* html .menu2 ul li a, * html .menu2 ul li a:visited {
	width:180px; w\idth:175px;
}
.menu2 table {
	border-collapse:collapse; 
	border:0; 
	margin:0; 
	padding:0; 
	font-size:90%;
	position:absolute; 
	left:0; 
	top:0;
}
/* first line for IE7 and non-IE browsers - second line for IE5.5 and IE6 */
.menu2 ul li:hover a, 
.menu2 ul li a:hover{
	background-color:#779477; 
	color:#fff;
	text-decoration:none;
}
.menu2 ul li:hover .underline,
.menu2 ul li a:hover.underline {
	text-decoration:underline;
}
.menu2 ul li:hover {
	position:relative; 
	z-index:90;
}
* html .menu2 ul li a:hover {
	position:relative; 
	z-index:100;
}
.menu2 ul li:hover ul, .menu2 ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	height:auto; 
/*	border:1px solid #606; */
	background-color:#bac4a5; /*3rd color*/
	color:#000;
	overflow:visible;
}
.menu2 ul li:hover ul li a, .menu2 ul li a:hover ul li a{
	display:block; 
	background:transparent; 
	color:#000; 
	line-height:15px; 
	padding:5px 0 5px 5px; 
	height:auto; 
	text-decoration:none;
}
.menu2 ul li:hover ul li:hover a, .menu2 ul li a:hover ul li a:hover {
	background-color:#e4f0ca; 
	color:#000000;
	text-decoration:underline;
}
.menu2 ul li:hover ul li ul, .menu2 ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	overflow:hidden; 
	top:0; 
	left:120px;
}
.menu2 ul li:hover ul li:hover ul, .menu2 ul li a:hover ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	height:auto; 
	color:#000000; 
	padding:0; 
	border:1px solid #ffffdd; 
	list-style-type:none; 
	background-color:#e4f0ca;
}
.menu2 ul li:hover ul li:hover ul li a, .menu2 ul li a:hover ul li a:hover ul li a {
	display:block; 
	background:transparent; 
	color:#ff0;
}

.menu2 ul li:hover ul li:hover ul li:hover a, .menu2 ul li a:hover ul li a:hover ul li a:hover {
	background-color:#e4f0ca; 
	color:#000;
}