/* CSS Document */

/* this is the styling for the vertical left menu */
/* Based on Flyout Menu with Overlap, copyright cssplay.co.uk, used with permission - his menu2 */

#leftnav {
	width:180px;
	float:left;
	/*padding-top:20px;*/
/*	font-size: 85%; */
}
/* common styling */
.leftmenu {
	width:180px; 
	height:auto; 
	position:relative; 
/*	font-size:11px; 
	margin:30px 0; */
	z-index:100;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1.2em;
	/*font-size: 62.5%;*/
}
#mission .leftmenu a.mission, #programs .leftmenu a.programs, #faqs .leftmenu a.faqs, #resourcectr .leftmenu a.resourcectr,
#contact .leftmenu a.contact, #membership .leftmenu a.membership, #annualrpt .leftmenu a.annualrpt, #aboutecs .leftmenu a.aboutecs,
#ecpowers .leftmenu a.ecpowers, #whatecsdo .leftmenu a.whatecsdo, #commawards .leftmenu a.commawards, #njcomm .leftmenu a.njcomm,
#support .leftmenu a.support, #donate .leftmenu a.donate, #volunteer .leftmenu a.volunteer, #getinvolved .leftmenu a.getinvolved,
#workplace.leftmenu  a.workplace, #publications .leftmenu a.publications, #currissues .leftmenu a.currissues, #alerts .leftmenu a.alerts,
#positions .leftmenu a.positions, #events .leftmenu a.events, #confworkshop .leftmenu a.confworkshop, #roadshows .leftmenu a.roadshows,
#otherevents .leftmenu a.otherevents, #specialevents .leftmenu a.specialevents, #smartlanduse .leftmenu a.smartlanduse, #commevents .leftmenu a.commevents, 
#toolsresources .leftmenu a.toolsresources, #envirolinks .leftmenu a.envirolinks, #eris .leftmenu a.eris, #pollutionprev .leftmenu a.pollutionprev,
#openspace .leftmenu a.openspace, #envcommhb .leftmenu a.envcommhb, #sustcomm .leftmenu a.sustcomm, #waterresources .leftmenu a.waterresources,
#workshopmaterials .leftmenu a.workshopmaterials, #infoform .leftmenu a.infoform, #reginits .leftmenu a.reginits, #stateplan .leftmenu a.stateplan,
#urbandevcomm .leftmenu a.urbandevcomm, #njhighlands .leftmenu a.njhighlands, #sjbayshore .leftmenu a.sjbayshore, #meadowlands .leftmenu a.meadowlands,
#pinelands .leftmenu a.pinelands, #pubsnew .leftmenu a.pubsnew, #pubslocal .leftmenu a.pubslocal, #pubsrespapers .leftmenu a.pubsrespapers,
#pubsopenspace .leftmenu a.pubsopenspace, #pubsurban .leftmenu a.pubsurban, #pubswater .leftmenu a.pubswater, #pubsperiodicals .leftmenu a.pubsperiodicals,
#pubsorderform .leftmenu a.pubsorderform, #directions .leftmenu a.directions, #staff .leftmenu a.staff, #trustees .leftmenu a.trustees, 
#energy .leftmenu a.energy, #consultants .leftmenu a.consultants, #ecevents .leftmenu a.ecevents, #involved .leftmenu a.involved,
#stateplan .leftmenu a.stateplan, #webinar .leftmenu a.webinar, #report .leftmenu a.report, #ordinances .leftmenu a.ordinances,
#barnegatbay .leftmenu a.barnegatbay, #njrivers .leftmenu a.njrivers, #handouts .leftmenu a.handouts, #presentations .leftmenu a.presentations {
	display:block; 
	float:left; 
	text-decoration:none; 
	color:#FFFF66;
	width:175px; 
	height:auto; 
	/*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;
}
.leftmenu ul {
	padding:0; 
	margin:0; 
	list-style-type: none; 
	background-color:#1b831b;
	width:180px; 
/*	height:288px;		 this for 9 menu items */
	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*/
}
.leftmenu ul li ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	overflow:hidden; 
	top:0; 
	left:150px;
}
.leftmenu ul li {
	float:left;
	border-top:1px solid #ffffdd;
	width:180px;
}
.leftmenu ul li a, .leftmenu 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 .leftmenu ul li a, * html .leftmenu ul li a:visited {
	width:180px; w\idth:175px;
}
.leftmenu 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 */
.leftmenu ul li:hover a, 
.leftmenu ul li a:hover{
	/*background-color:#779477;*/ 
	background-color:#339b33; 
	color:#fff;
	text-decoration:none;
}
.leftmenu ul li:hover .underline,
.leftmenu ul li a:hover.underline {
	text-decoration:underline;
}
.leftmenu ul li:hover {
	position:relative; 
	z-index:90;
}
* html .leftmenu ul li a:hover {
	position:relative; 
	z-index:100;
}
.leftmenu ul li:hover ul, .leftmenu ul li a:hover ul {
	visibility:visible; 
	position:absolute; 
	height:auto; 
/*	border:1px solid #606; */
	/*background-color:#bac4a5; 3rd color*/
	background-color:#5aba5a; /*3rd color*/
	color:#000;
	overflow:visible;
}
.leftmenu ul li:hover ul li a, .leftmenu 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;
}
.leftmenu ul li:hover ul li:hover a, .leftmenu ul li a:hover ul li a:hover {
	/*background-color:#e4f0ca;*/ 
	background-color:#87d587; 
	color:#000000;
	text-decoration:underline;
}
.leftmenu ul li:hover ul li ul, .leftmenu ul li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	height:0; 
	overflow:hidden; 
	top:0; 
	left:120px;
}
.leftmenu ul li:hover ul li:hover ul, .leftmenu 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;*/ 
	background-color:#87d587; 
}
.leftmenu ul li:hover ul li:hover ul li a, .leftmenu ul li a:hover ul li a:hover ul li a {
	display:block; 
	background:transparent; 
	color:#ff0;
}

.leftmenu ul li:hover ul li:hover ul li:hover a, .leftmenu ul li a:hover ul li a:hover ul li a:hover {
	/*background-color:#e4f0ca;*/ 
	background-color:#87d587; 
	color:#000;
}

/* this is the styling for the horizontal top menu Stu Nichols menu 5 */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.topmenu {
	/*border-top:1px solid #FFFFFF;*/
	text-align:center; 
	/*font-family: verdana, sans-serif; */
	position:relative; 
	font-size:1.2em;
	/*height:3.4em;*/ 
	height:4.6em;
	margin:0;
	padding:1px 0 1px 0; 
	list-style-type:none;
	/*background-color: #339C35;*/
	background-color: #1b831b;
	z-index:1005;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.topmenu ul {
	padding-left:0; 
	margin:0; 
	list-style-type:none; /* for Firefox */
}
.topmenu li {
	float:left; 
	position:relative;
	color:#FFFFFF;
}
.topmenu li a/*, .topmenu li a:visited*/ {
	display:block;
	text-decoration:none;
	/*width:7em;*/
	color:#FFFFFF;
	float:left;
	padding-right:15px;
	padding-left:15px;
	padding-top:0.8em;
	padding-bottom:0.9em;
	/*height:1.5em;*/
	height:2.7em;
	/*line-height:1.0em;*/
	line-height:1.4em;
	font-weight:bold;
	/*border-right:1px solid #006600;*/
}
* html .topmenu li a/*, .topmenu li a:visited*/ {
	/*width:7em;*/ 
	/*w\idth:6em;*/ /* hack for IE5.5 */
}
/*.topmenu ul li.currentlink {
	display:block;
	text-decoration:none;
	/-*width:7em;*-/
	color:#FFFF33;
	float:left;
	padding-right:0.8em;
	padding-left:0.8em;
	height:3em;
	line-height:3em;
	font-weight:bold;
}
.topmenu ul li.nonlink {
	display:block;
	text-decoration:none;
	/-*width:7em;*-/
	color:#FFFFFF;
	float:left;
	padding-right:0.8em;
	padding-left:0.8em;
	height:3em;
	line-height:3em;
	font-weight:bold;
}*/
.topmenu li a.drop, .topmenu li a.drop:visited {
	text-decoration:none;
}
.topmenu li ul {
	visibility:hidden; 
	position:absolute; 
	/*top:2.5em;*/ 
	top:4em;
	left:0; 
	height:0; 
	/*overflow:hidden;*/
	text-align:left;
}
.topmenu table {
	margin:-1px; 
	border-collapse:collapse; 
	font-size:1em; /* font size for IE5.5 */
}
/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.topmenu li:hover a, .topmenu li a:hover {
	text-decoration:underline; 
	border:0;
	/*border-right:1px solid #FFFFFF;*/
}
.topmenu li:hover a.drop, .topmenu li a.drop:hover {
	text-decoration:underline;
	/*cursor:default;*/ 
}
.topmenu li:hover ul, .topmenu li a:hover ul {
	visibility:visible; 
	height:auto; 
	width:16em; 
	background:#fff; 
	/*border:1px solid #1b831b;*/ 
	left:-1px; 
	/*top:3.2em;****/
	top:4.2em;
	overflow:visible;
}
.topmenu li:hover ul li a, .topmenu li a:hover ul li a {
	display:block;
	font-weight:bold;
	/*background:transparent;*/
	text-decoration:none;
	height:auto;
	line-height:1.5em;
	padding:0.5em 0.5em 0.5em 0.5em;
	width:15em;
	color:#000000;
	/*background-color: #bac4a5;*/
	background-color: #339b33;
	border-bottom:1px solid #ffffff;
	/*border-top:1px solid #ffffff;*/
}
* html .topmenu li a:hover ul li a {
	width:15em; 
	w\idth:15em; /* hack for IE5.5 */
}
.topmenu li:hover ul li a.drop, .topmenu li a:hover ul li a.drop {
	text-decoration:none;
}
/*.topmenu li:hover ul li.currentlink, .topmenu li a:hover ul li.currentlink {*/
#mission .topmenu a.mission, #programs .topmenu a.programs, #faqs .topmenu a.faqs, #resourcectr .topmenu a.resourcectr, 
#staff .topmenu a.staff, #trustees .topmenu a.trustees, 
#powers .topmenu a.powers, #achiev .topmenu a.achiev, #njcomm .topmenu a.njcomm, 
#ecevents .topmenu a.ecevents, #ecmemb .topmenu a.ecmemb, 
#membership .topmenu a.membership, #donate .topmenu a.donate, 
#volunteer .topmenu a.volunteer, #involved .topmenu a.involved, #workplace .topmenu a.workplace, #planned .topmenu a.planned, 
#bussupp .topmenu a.bussupp, #corpspons .topmenu a.corpspons, #envconsult .topmenu a.envconsult, #envbus .topmenu a.envbus,
#nonprofit .topmenu a.nonprofit, #directions .topmenu a.directions, #infoform .topmenu a.infoform {
/*#positions a.positions, #confworkshop a.confworkshop, #roadshows a.roadshows, #otherevents a.otherevents,
#specialevents a.specialevents, #stateplan a.stateplan, #urbandevcomm a.urbandevcomm,
#njhighlands a.njhighlands, #sjbayshore a.sjbayshore, #meadowlands a.meadowlands, #annrpt a.annrpt, 
#pinelands a.pinelands, #pubsrespapers a.pubsrespapers, #pubsopenspace a.pubsopenspace, 
#pubsurban a.pubsurban, #pubswater a.pubswater, #pubsperiodicals a.pubsperiodicals {*/
	display:block;
	font-weight:bold;
	background:transparent;
	text-decoration:none;
	cursor:default;
	height:auto;
	line-height:1.5em;
	padding:0.5em 0.5em 0.5em 0.5em;
	/*width:12em;*/
	width:15em;
	/*color:#FFFF66;*/
	color:#336633;
	/*background-color:#bac4a5; 3rd color*/
	background-color:#87d587; /*3rd color*/
}
#home .topmenu a.home, #about .topmenu a.about, #aboutecs .topmenu a.aboutecs, #support .topmenu a.support, 
#sponsors .topmenu a.sponsors, #contact .topmenu a.contact {
/*#issues a.issues, #events a.events, #tools a.tools, #regional a.regional, #publications a.publications {*/
	color:#FFFF33;
	cursor:default;
	text-decoration:none;
}
/*.topmenu li:hover ul li ul, .topmenu li a:hover ul li a ul {
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left:9.5em; 
	height:0; 
	overflow:hidden;
}*/
.topmenu li:hover ul li a:hover, .topmenu li a:hover ul li a:hover {
	text-decoration:underline;
	/*background-color:#e4f0ca;*/
	background-color:#87d587;
}
.topmenu li:hover ul li:hover ul, .topmenu li a:hover ul li a:hover ul {
	visibility:visible; 
	color:#000; 
	border:1px solid #1b831b; 
	height:auto; 
	background:#fff; 
	width:12em;
} 
.topmenu li:hover ul li:hover ul.left, .topmenu li a:hover ul li a:hover ul.left {
	left:-9.3em;
}
.topmenu li:hover ul li:hover ul li a, .topmenu li a:hover ul li a:hover ul li a {
	display:block; 
	height:auto;
}
.topmenu li:hover ul li:hover ul li:hover a, .topmenu li a:hover ul li a:hover ul li a:hover {
	text-decoration:underline;
}