@charset "utf-8";
/* CSS Document */
/*
Test break points
901+ = desktop
900-601 = table
600px or less = mobile
*/

 @import url("/pinelands/assets/css/desktop_query.css?v=2022.01.03");
 @import url("/pinelands/assets/css/tablet_query.css?v=2022.01.03");
 @import url("/pinelands/assets/css/mobile_query.css?v=2022.01.03");


#debug{
		width: 100%; 
		display:block;
		display:none; 
		overflow:auto; 
		border-bottom: 1px solid black; 
		background-color:#CCC;
}
#debug #js, #debug #no-js{display:none;}
html.js #debug #js{ display:block; }
html.no-js #debug #no-js{ display:block; }

html{
	font-size:12px;
	font-family: Verdana,Geneva,sans-serif;
}

body{
	background-color:#e2e8da;	
}


.clearA {
    clear: both;
    font-size: 0;
    line-height: 1px;
    margin: 0;
    padding: 0;
}

.hidden{
	display:none;
}

a img{
	border: 0px;
}


a{
	color: #003300;	
}

a:link, a:active, a:visited{
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

#container{
	margin: 0px auto;
	background-color:transparent;	
}

/*HEADER*/
#header{
	color: #000000;
	position:relative;
	font-weight:bold;
}

#header a{
	color: #000000;	
}

#header a:link, #header a:active, #header a:visited{
	text-decoration:none;
}
#header a:hover{
	text-decoration:underline;
}

#govHeader{
	float:right;
	clear:both;
	padding: 0px 0px .25em 0px;
}

#headerLinks{
	float:right;
	clear:both;
	font-size: .83em;
	padding: 0px 0px .25em 0px;
}

#headerSearch{
	clear:both;	
	font-size: .83em;
	padding: 0px 0px 1em 0px;	
}

#headerSearch form#seek select#qp{
	font-size: 1em;/*1em set it to its parent's font-size*/	
}

#headerSearch form#seek input#qt{
	font-size: 1em;/*1em set it to its parent's font-size*/	
}

#headerSearch form#seek input#submit_search{
	position: relative;
    top: 3px;
	_top: 1px;
	*top: 1px;	
}


#pinelandsLogo{
	float:right;
}

/* Footer */
#footer{
	background-color:#aabca2;
	color: #003300;
	font-size: 0.83em;
	background-image:url("/pinelands/assets/images/footer_bottom.jpg");
	background-color: #aabca2;
	background-repeat:repeat-x;
	background-position: 0px 70px;	
}
#footer a{	color: #003300;}

#footer a:link, #footer a:active, #footer a:visited{text-decoration: none;}

#footer a:hover{text-decoration: underline;}

#footerTop{
	background-color:#FFFFFF;
	background-image:url("/pinelands/assets/images/footer_top.jpg");
	background-repeat:repeat-x;
	height: 70px;
}

#footerBottom{

	/*background-color: #5B814D;*/

	padding: 0px 10px;
}

#opraLink{
	display:inline-block;
	zoom: 1;
	*display:inline;
	margin: 0px 0px 10px;
}

#globalFooterLinks{
	display:inline-block;
	zoom: 1;
	*display:inline;
	float:right;
	margin: 0px 0px 10px;
	text-align: right;	
}

.atSymbol{
	position:relative;
	top: 7px;
}

#footerLinks{
	margin: 0px 0px 10px;
	clear: both;	
}

#copyRight{
	margin: 0px 0px 10px;	
}


/*Navigation*/


div#navigation{
	width:100%;
	overflow: auto;
}

ul#nav{
	list-style:none;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color:#000000;	
	float:left;	
	overflow:hidden;
}

ul#nav li{
	list-style:none;
	margin: 0px;
	padding: 0px;
	float:left;	
}

ul#nav li.notTab{
	display:none;
}

ul#nav li a{
	color: #FFFFFF;
	font-weight:bold;
	float:left;
	text-decoration: none;
}

ul#nav li.current a{
	background-color:#558447;	
}

ul#nav li a:hover{
	text-decoration:underline;
	background-color:#558447;
}

ul#nav li.pdc-bank, ul#nav li.pdcbank{
	float:right;	
}

ul#nav li.pdc-bank a, ul#nav li.pdcbank a{
	background-color:#888888;
}

ul#nav li.pdc-bank a:hover, ul#nav li.pdcbank a:hover,
ul#nav li.pdc-bank.on a, ul#nav li.pdcbank.on a{
	background-color: #578349;
}

#homePage ul.secondary , ul.secondary{
	display:none;	
}



	/*Rotating Photos*/
	#Images{	
		overflow: hidden;
		position: relative;		
	}
	
	#Gallery{
		position: relative;
	}
	
	#Gallery .item{
		border: 0px;
		padding: 0px;
		margin: 0px;
		overflow: visible;
		position:absolute;
		top: 0px;
		left: 0px;
	
	}
	
	#Gallery #image0.item{
		position: relative;
	}
	
	#Gallery .item a{
		border: 0px;
		padding: 0px;
		margin: 0px;
		float:left		
	}
	
	#Gallery .item a img{

	}
	
	#Gallery .item img{
		border: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;/*IE7 does not like this*/
		*width: ;/*IE7 reset*/	
	}


/*Nav Slides*/
#nav-slides .slide{
	display:none;
	background-color: #558447;
}

.slide .padding{
	/*padding: 14px 50px 24px 50px;*/
	padding: 14px;
}

.slide .padding .blackBox{
	background:#000;
	color: #fff;
	width: 100%;
	/*height: 100%;*/
	overflow: auto;
	padding: 5px;
	padding: 0px;
}

.slide .padding .blackBox img{
	float: left;
	margin: 0px 15px 0px 0px;
	margin: 5px 15px 5px 5px;
}
.slide .padding .blackBox .content{
	float: left;
	overflow:auto;
	/*height: 210px;*/
	height: 222px;
	/*width: 460px;*/
	width: 508px;
	margin: 5px 0;
}

.slide .padding .blackBox .content h3{
	float: left;	
	color: #A6BD9F;
	font-weight:bold;
	font-size:1.5em;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	text-decoration:none;	
}

.slide .padding .blackBox .content h3 a{
	color: #A6BD9F;	
}

.slide .padding .blackBox .content h3 a:link, 
.slide .padding .blackBox .content h3 a:active,
.slide .padding .blackBox .content h3 a:visited{
	color: #A6BD9F;
	text-decoration:none;
}
.slide .padding .blackBox .content h3 a:hover{
	color: #A6BD9F;
	text-decoration:underline;
}

.slide .padding .blackBox .content ul{
	clear: left;
	list-style:none;
	margin: 0px;
	padding: 0px;
}

.slide .padding .blackBox .content ul ul{
	margin-left: 2em;
}
.slide .padding .blackBox .content ul ul li{
	list-style:disc;	
}

.slide .padding .blackBox .content ul li{
	list-style:none;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	font-weight:bold;			
}

.slide .padding .blackBox .content ul li a{
	color: #fff;	
}

.blackBox  .content ul li a:link, .blackBox  .content ul li a:active, .blackBox  .content ul li a:visited{
	text-decoration:none;
}

.blackBox  .content ul li a:hover{
	text-decoration:underline;
}


/*main Content Area*/

#homePage #Content{
	background-color: #FFF;
	padding: 20px 0px 50px 0px;
	position: relative;
}

#Content{
	background-color: #FFF;
	position: relative;	
}


	.no-js #Tabbed ul#tabbedTabs {
		display:none;		
	}	
	
	.no-js #Tabbed .wrapper .item{
		background-color: #e2e8da;
		overflow:auto;
		margin: 0 0 1px;
	}
	
	.no-js #Tabbed .wrapper .item.open{
		border-top: 3px solid #003300;
	}
	
	.no-js #Tabbed .wrapper .item.closed{
		border-top: 3px solid #003300;
		background-color: #e2e8da;
	}
	
	.no-js #Tabbed .wrapper .item .title{
		color: #003300;
		font-weight: bold;
		padding: 5px;
		overflow:auto;
	}
	
	.no-js #Tabbed .wrapper .item .title .button{
		display:none;	
	}
	
	
	.no-js #Tabbed .wrapper .item .content{
		color: #000;
	}
	
	.no-js #Tabbed .wrapper .item.closed .content{
		display:block;
	}


	#Tabbed .wrapper .item .content a{color: #000;}
	#Tabbed .wrapper .item .content a:link, 
	#Tabbed .wrapper .item .content a:active, 
	#Tabbed .wrapper .item .content a:visted{
		text-decoration: underline;
		color: #000;
	}
	#Tabbed .wrapper .item .content a:hover{
		text-decoration: none;
		color: #000;
	}
		
	#Tabbed .wrapper .item .content.pinecone a{
			color: #000;
	}
	
	#Tabbed .wrapper .item .content ul li{
		margin: 0px 0px .25em 0px
	}
	
	#Tabbed .wrapper .item .content ul{
		margin: 0px 0px 1em 0px;
		padding: 0px 0px 0px 1em;
	}
	
	#Tabbed .wrapper .item .content.pinecone ul{
		list-style:none;
		padding: 0px;
	}

	#Tabbed .wrapper .item .content.pinecone ul li{
		margin: 0px 0px 1em 0px
	}
	
	#Tabbed .wrapper .item .content.pinecone ul li a{
		background-image:url(/pinelands/assets/images/pine_cone.png);
		background-repeat:no-repeat;
		padding: 0px 0px 0px 20px;
	}
	#Tabbed .wrapper .item .content.pinecone ul li a:link,
	#Tabbed .wrapper .item .content.pinecone ul li a:active,
	#Tabbed .wrapper .item .content.pinecone ul li a:visited{
		text-decoration:none;
	}
	#Tabbed .wrapper .item .content.pinecone ul li a:hover{
		text-decoration:underline;
		
	}
	
	
	#NewsAlert span.description{
		font-size: .9em;	
	}


/*Spotlight*/
#Spotlight{
	width: 200px;
	margin: 0px auto;
	position:relative;
}

#Spotlight .title{
	font-size: 1.33em;
	font-weight:bold;
	color: #003300;
	margin: 0px 0px 15px 0px;
}

#Spotlight .display{
	position:relative;
}
.js #Spotlight .display{
	height: 170px;
	width: 170px;
	margin: 0px 15px;
	overflow:hidden;

}

#Spotlight .item{
	color: #000;
	overflow: auto;	
}

.no-js #Spotlight .item{
	position:relative;
}

.js #Spotlight .item {
	position:absolute;
	height: 170px;
	width: 170px;
}

#Spotlight .item a{
	color: #000;
}

#Spotlight .item img{
	display: block;
    margin-left: auto;
    margin-right: auto
}

#Spotlight .item span{
	margin: 10px 0px;
	display:block;
}

.no-js #Spotlight .button{display:none;}

#Spotlight .button{
	cursor:pointer;
}

.no-js #Spotlight .button{
	display: hidden;
}

#Spotlight .button.left{
	position:absolute;
	top: 60px;
	left: 5px;
}

#Spotlight .button.right{
	position:absolute;
	top: 60px;
	right: 5px;	
}


/*breadcrumbs*/
#Breadcrumbs{
	border: 1px solid #e3e3e3;
	background-color: #f2f5ec;
	color: #003300;
	padding: 5px 15px;
	font-size: .86666em;
	text-transform: uppercase;
}

#Breadcrumbs a{
	color: #003300;
}
#Breadcrumbs a:link, #Breadcrumbs a:active, #Breadcrumbs a:visited{
	text-decoration:none;
}
#Breadcrumbs a:hover{
	text-decoration: underline;
}

#Breadcrumbs span.pageTitle{
	color: #444;
}


#PageTitle{
	font-size: 2em;
	font-weight: bold;
	color: #003300;
}



#ContentInner {
    overflow: auto;
}

.section{
    display: block;
    overflow: auto;	
}

.section img{
	margin: 1em;
}

.section img.floatLeft{
	margin: 0em 1em 1em 0em;
}

.section img.floatRight
{
	margin: 0em 0em 1em 1em;
}

.section .imageGallery img{
	margin: 0em;
}

	/*Right Column (Related Link, Related Image, RightNav)*/
	#RightColumn.top{
		width: 222px;
		margin: 0px 15px 15px 15px;
		float: right;
	}
	
	#RightColumn a:link, #RightColumn a:active, #RightColumn:visited{
		text-decoration:none;
	}
	#RightColumn a:hover{
		text-decoration:underline;
	}
	
	#RightColumn .relatedImage{
		border: 1px solid #e3e3e3;
		width: 220px;
		margin: 0px 0px 20px 0px;
	}
	
	#RightColumn .relatedImage.withCaption{
		margin: 0px 0px 10px 0px;
	}
	#RightColumn .imageCaption{
		margin: 0px 0px 20px 0px;
		display: inline-block;
	}
	
	#RightColumn h4.relatedLinksTitle{
		color:#444;
		font-weight:bold;
		background-color: #e2e8da;
		padding: 10px;
		margin: 0px;
		border-bottom: 1px solid #fff;		
		
	}
	#RightColumn ul.relatedLinks{
		margin: 0px 0px 20px 0px;
		padding: 5px 0px;
		list-style:none;
		background-color: #e2e8da;
	}
	#RightColumn ul.relatedLinks a{
		color:#444;
		display:block;
		padding: 5px 10px;
		margin: 5px 0px;	
	}
	
	#RightColumn ul.rightNav{
		margin: 0px 0px 20px 0px;
		padding: 0px;	
		background-color: #e2e8da;
		border: 1px solid #003300;
		list-style:none;
	}
	#RightColumn ul.rightNav li{
		margin: 1px;
		padding: 0px;
		border: 1px solid #e3e3e3;
		border: 1px solid #003300;
	}
	#RightColumn ul.rightNav a{
		color:#444;
		display:block;
		padding: 5px 10px 5px 20px;
		margin: 5px 0px;
		background-image:url(/pinelands/assets/images/pine_cone.png);
		background-position: 3px 5px;
		background-repeat:no-repeat;	
	}
	#RightColumn ul.rightNav li.on{
		background-color:#fff;
	}

	div.imageGallery{
		list-style:none;
		margin: 20px 0px;
		padding: 0px;
		overflow: auto;
	}
	
	div.imageGallery a{
		float:left;
		margin: 0px 10px 10px 0px; 
		padding: 0px;
		border: 1px solid #003300;
		display:block;
	}
	
	div.imageGallery a img{
		height: 50px;
		border: 0px; 
		padding: 0px;
		margin: 0px;
	}
	
	.mfp-wrap .mfp-title, .mfp-wrap .mfp-title a{
		color: #fff;
		font-weight:bold;
	}
	
	
	.videoWrapper, .audioWrapper{
		overflow: visible;
	}
	
/*Constant Contact Form*/
.ccForm{
	margin: 5px 0;
	overflow:auto;
}
.ccForm fieldset{
	border: 0px;
	margin: 0px;
	padding: 0px;
}
.ccForm label{
}
.ccForm input{
	float:left;
	margin: 0px 5px 5px 0px;
}
#inputProp0{
	width: 170px;	
}
#inputProp1{
	width: 130px;
}
#inputProp2{
	width: 140px;	
}

.ccForm input#submit_search{
  vertical-align: bottom;	
}

.ccLabel{
	line-height:0px;
	width: 0px;
	height: 0px;
	overflow:hidden;
	display:block;
}


/*Fees Form*/

#feeResults{
	display:none;
}
#feeResults.active {
    display: block;
    margin: 2em 0;
    border: 1px solid #eee;
    padding: 1em;
}

.inputGroup{
    display: block;
    margin: 0 0 2em;
	border: 1px solid #eee;
	padding: 0 1em;
}

.inputGroup label{
	font-weight:bold;
}

.inputGroup label .unbold{
	font-weight:normal;
}

.inputGroup .percent20, 
.inputGroup .percent25, 
.inputGroup .percent50, 
.inputGroup .percent75,
.inputGroup .percent95{
	display:inline-block;
}
.inputGroup .percent20{width: 20%;}
.inputGroup .percent25{width: 25%;}
.inputGroup .percent50{width: 50%;}
.inputGroup .percent75{width: 75%;}
.inputGroup .percent95{width: 95%;}
.indented{
	padding: 0px 0px 0px 1em;
	display: none;
}

.inputGroup input{
	vertical-align:top;	
}

.no-js .indented, .indented.on{
	display: block;
}

.error_box{
	margin: 0em 0em 1em 0em;
	background-color: #fad3c4;
	border: 1px solid #a75b4e;
	color: #111;
	padding: 1em;
	border-radius: .5em;	
}

.highlightErrors{
	background-color: #fad3c4;
	border: 1px solid #a75b4e;
	border-radius: .5em;
	padding: .25em;						
}


/*Anchor Top Link*/
a.topLink{
    background-color: #003300;
    color: #fff;
    display: inline-block;
    /*padding: 0px 3px 1px;*//*Causes issues in Chrome*/
	border-top:0px solid #003300;
	border-left:3px solid #003300;
	border-right:3px solid #003300;
	border-bottom:1px solid #003300;
    
}
a.topLink:link, a.topLink:active, a.topLink:visited{
	text-decoration: none;
}
a.topLink:hover{
	text-decoration: underline;
}

.upArrow{
	display: none;
}