@media (max-width: 600px) {

#debug #mobile{display:block;}
#debug #tablet{display:none;}
#debug #desktop{display:none;}
#debug #desktopOnly{display:none;}
body{
	margin: 0px 0px;
	padding: 0px;
}

/*Header*/
	#header{
		height: auto;	
	}

	#govHeader, #headerLinks{
		display:none;
	}

	#headerSearch{
		clear: both;
		text-align: center;
	}

	#headerLogo{
    display: inline-block;
    left: 0;
    margin: 10px 0px 10px 0px;
    position: relative;
    top: 0;
    width: 100%;
	}
	
	#headerLogo #stateSeal{
		/*max-width: 274px;*/
		width: 84%;
		float:left;
		display:block;
	}
	
	#headerLogo #pinelandsLogo{
		/*max-width: 54px;*/
		width: 16%;
		float:left;	
		display:block;	
	}
	
	#headerLogo #stateSeal img{
		max-width: 100%;
	}	

	#headerLogo #pinelandsLogo img{
		max-width: 100%;
		float: right;		
	}	
	
	.tinynav  {
	display: block;
	}
	
	#container{
		width: 100%;
	}  

	.js ul#nav{
		display:none;	
	}
	
	.no-js ul#nav{
		list-style:disc;
		float:none;
		background-color:#fff;
		color:#000;	
	}	
	
	.no-js ul#nav li{
		list-style:disc;
		float:none;
		background-color:#fff;
		color:#000;
		margin: 0px 0px 0px 2em;	
	}
	.no-js ul#nav li a{
		background-color:#fff;
		color:#000;
	}
	.no-js ul#nav li.pdc-bank, 
	.no-js ul#nav li.pdcbank{ float: none; }
	.no-js ul#nav li.pdc-bank a, .no-js ul#nav li.pdc-bank a:hover, .no-js ul#nav li.on a, .no-js ul#nav li a:hover,
	.no-js ul#nav li.pdcbank a, .no-js ul#nav li.pdcbank a:hover, .no-js ul#nav li.on a, .no-js ul#nav li a:hover{
		background-color:#fff;
		color:#000;	
	}
	
	div#navigation{
		background-color: #578349;
		padding: 5px 0px;
	}

	/*homepage*/
	




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

	 a.tabLink:link,
	 a.tabLink:visited,
	 a.tabLink:active{
		text-decoration:none;
	}
	a.tabLink:hover{
			text-decoration:underline;
	}	
	
	.no-js #Tabbed .wrapper .item .title .button{
		display:none;	
	}
	
	#Tabbed .wrapper .item .title .button{
		background-repeat:no-repeat;
		width: 20px;
		height: 20px;
		float: right;
		cursor:pointer;
	}
	
	#Tabbed .wrapper .item.open .title .button{
		background-image:url(../images/minus_button.png);
	}
	
	#Tabbed .wrapper .item.closed .title .button{
		background-image:url(../images/plus_button.png);
	}
	
	#Tabbed .wrapper .item .content{
		color: #000;
	}
	
	
	
	#Tabbed .wrapper .item.open .content{
		padding: 10px;
	}
	
	#Tabbed .wrapper .item.closed .content{
		display: none;	
	}
	.no-js #Tabbed .wrapper .item.closed .content{
		display:block;
	}
	
	
	
		
	/*Spotlight*/
	#Tabbed #Spotlight{
		margin: 30px auto;	
	}
	
	#RightIcons{
		margin: 0px 10px;
		text-align:center;
	}
	
	#RightIcons a{
		color: #5e3936;
		font-size: 1.2em;
		font-weight:normal;
	}
	#RightIcons a{
		text-decoration: none;
		display: block;
		margin: 0px 0px 30px 0px;
	}
	#RightIcons a:hover, #RightIcons a:hover span{
		text-decoration: underline;
	}
	#RightIcons a img{
		border: 0px;
	}
	
	#RightIcons a span{
		
	}	

	#RightIcons .pinelandsMunicipalCouncil{
		display:none;
	}	
	
	#NewsAlert{
		margin: 0px 10px;
		padding: 10px;
	}
	
	#NewsAlert h3{
		color: #5e3936;
		margin: 0px;
	}
	
	#NewsAlert #NewsAlertForm{
		margin: 5px 0px;
	}
	
	#NewsAlert #NewsAlertForm input#name, #NewsAlert #NewsAlertForm input#emailAddress{
		width: 240px;
		margin-bottom: 5px;
	}
	#NewsAlert #NewsAlertForm input#submit_search{
		vertical-align: bottom;
		margin-bottom: 5px;
	}
		
	#LeftIcons{
		margin: 0px 10px;
		overflow:hidden;
	}
	
	#LeftIcons #PinelandsLogo{
		display: block;
		margin: 20px auto;
		padding: 0;
		width: 140px;
	}
	#LeftIcons #PinelandsLogo img{
	}	

	#LeftIcons .pinelandsMunicipalCouncil{
		display: block;
		margin: 20px auto;
		padding: 0;
		width: 100px;
	}
	
	#LeftIcons #licensePlates{
		
		padding: 0px 20px 0px 20px;
		text-align:center;
		margin: 20px 0px;
	}
	#LeftIcons #licensePlates h3, #LeftIcons #licensePlates span.title{
		color: #003300;
		font-weight:bold;
		margin-bottom: 3px;
		display: block;
	}
	#LeftIcons #licensePlates a{
		color: #59814b;
	}
	#LeftIcons #licensePlates a img{
	}
	#LeftIcons #licensePlates a span{
		color: #59814b;
		display: block;
	}		
	
	
	#LeftIcons #Facebook{
		display: block;
		margin: 20px auto;
		width: 120px;
	}
	#LeftIcons #Facebook img{
		float: left;
	}
	#LeftIcons #Facebook span{
		color: #003300;
		display: inline-block;
		zoom: 1;
		_display: inline;
		font-size: 1.1133em;
		padding: 0 0 0 5px;
		width: 79px;
	}
	a#Facebook:link,  a#Facebook:active,  a#Facebook:visited{
		text-decoration:none;
	}
	a#Facebook:hover, a#Facebook:hover span{
		text-decoration:underline;
	}


	/*Secondary Content*/
	#Content{
		padding: 15px 0px;
		min-height: 200px;
	}
	
	#PinelandsLogoWrapper{
		margin: 15px auto;	
		max-width: 140px;
	}
	


	/*breadcrumbs*/
	#Breadcrumbs{
		margin: 0px 15px;
	}
	

	#Content #ContentInner{
		margin: 0px 15px;
	}
	
	#PageTitle{
		margin: 15px 15px;
		padding: 0px;			
	}
	


	#TabletNav{
		display:block;	
	}
	#TabletNav ul.primary{
		display:block;
		padding: 15px;
		/*background-color: #003300;*/
		background-color: #558447;
		color: #fff;
		font-size: 2em;
		font-weight: bold;
		margin: 15px 0px;
		border-bottom: 1px solid #fff;
		list-style:none;
	}
	#TabletNav ul.primary a{ color: #fff; text-decoration:none;}
	#TabletNav ul.primary a:link, #TabletNav ul.primary a:actve, #TabletNav ul.primary a:visted{
		text-decoration: none;
	}
	#TabletNav ul.primary a:hover{
		text-decoration: underline;
	}
	
	
	
	#TabletNav ul.secondary{
		display:none;	
	}
	#TabletNav ul.tertiary{
		display:none;	
	}	
	
	#RightColumn.top{
		display:none;
	}
	#RightColumn.bottom{
		display:block;
		margin: 15px;	
	}
	
	#RightColumn.bottom .relatedImage, #RightColumn.bottom .relatedImage.withCaption{
		max-width: 220px;	
		display:block;
	}
	
	#RightColumn.bottom .relatedImage{
		margin:0px auto 20px auto;
	}
	#RightColumn.bottom .relatedImage.withCaption{
		margin:0px auto 10px auto;	
	}
	
	#RightColumn.bottom .imageCaption{
		display:block;
		max-width: 220px;
		width: 100%;
		margin: 0px auto 20px auto;	
	}
	

	.videoWrapper, .audioWrapper{
		margin: 20px 0px ;
	}	


}

select#tinynav1{
	border: 1px solid #CCC;			
    width: 80%;
	margin: 10px auto;
	background-color:#FFF;
	border-radius: 3px;
	clear: left;	
}

select#tinynav1 option{
	background-color:#FFF;
	padding: 3px;		
}