@media (max-width: 900px) and (min-width: 601px) {
	
	#debug #mobile{display:none;}
	#debug #tablet{display:block;}
	#debug #desktop{display:none;}
	#debug #desktopOnly{display:none;}	
	
	body{
		margin: 0px;
		padding: 0px;
	}	
	
	/*Header*/
	#header{
		height: 130px;	
	}
	
	#headerSearch{
		float:right;	
	}
	
	#headerLogo{
		position:absolute;
		bottom: 10px;
		left: 5px;
		width: 100%;
	}	
	
	.tinynav  {
	display: block;
	}
	
	
	#container{
		width: 700px;
	}  
	ul#nav li {
		width: 33.33%;
		width: 232px;
	}
	
	ul#nav li a{
		width: 100%;
		padding: 10px 0px;
		text-align:center;
	}


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

	 ul#nav li.current a:link,
	 ul#nav li.current a:active,
	 ul#nav li.current a:visited {
	  background-color: inherit;
	}
	
	 ul#nav li.current a:hover {
		background-color: #558447;
	}
	
	
	ul#nav li{
		border-bottom: 1px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
	}
	ul#nav li:nth-child(3n+0) {
		border-right: 0px solid #FFFFFF;
	}
	ul#nav li:nth-child(3n-1) {
				width: 234px;
	}	
	.tinynav{
		display:none;	
	}

	/*homepage*/
	#Tabbed{
		width: 600px;
		margin: 0px auto;
	}

	.js #Tabbed .wrapper{
		box-shadow: #333 0px 0px 6px;
		height: 310px;
		width: 550px;
		background-color: #e2e8da;
	}

	#Tabbed ul#tabbedTabs {
		overflow: auto;
		list-style:none;
		margin: 0px;
		padding: 0px;		
	}
	
	#Tabbed ul#tabbedTabs li{
		overflow: auto;
		list-style:none;
		float:left;
		padding: 8px;
		background: #e2e8da;
		margin: 0px 0px 0px 6px;
		cursor:pointer;
		color: #003300;
		font-size: 1em;
		font-weight:bold;
		
	}
	
	#Tabbed ul#tabbedTabs li.on{
		border-top: 3px solid #003300;	
	}
	
	#Tabbed ul#tabbedTabs li.off{
		border-top: 3px solid #fff;
		background-color: #a9bda1;
		background-image:url(../images/gradient_shadow_bottom_fade2_top.png);
		background-position:bottom;
		background-repeat:repeat-x;			
	}
	
	#Tabbed ul#tabbedTabs li.off:hover{
		background: #e2e8da;
		background-image:url(../images/gradient_shadow_bottom_fade2_top.png);
		background-position:bottom;
		background-repeat:repeat-x;			
	}
	
	
	
	#Tabbed #inner{
		margin: 0px auto;
		width: 550px;
		position: relative;
	}
	
	#Tabbed .wrapper .item{
		background-color: #e2e8da;
		overflow:auto;
		
		
	}
	
	#Tabbed .wrapper .item.open{
		width: 310px;
		height: 310px;
	}
	#Tabbed #inner.noSpotlight .wrapper .item.open{
		width: 550px;
	}
		
	.no-js	#Tabbed .wrapper .item.open{
		width: auto;
	}	
	
	#Tabbed .wrapper .item.closed{
	
	}
	
	.no-js #Tabbed .wrapper .item.closed{
	
	}
	
	.js #Tabbed .wrapper .item .title{
		display:none;
	}

	.js #Tabbed .wrapper .item.open .title{
		display:block;
		color: #003300;
		font-size: 1.25em;
		font-weight: bold;
		list-style: outside none none;
		margin: 5px 0px 0px 0px;
		overflow: auto;
		padding: 8px;		
	}	

	 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{
		display:none;
	}
	
	#Tabbed .wrapper .item.open .title .button{
			display:none;
	}
	
	#Tabbed .wrapper .item.closed .title .button{
			display:none;
	}
	
	#Tabbed .wrapper .item .content{
		color: #000;
	}
	
	
	
	#Tabbed .wrapper .item.open .content{
		padding: 10px;
	
	}
	
	.js #Tabbed .wrapper .item.closed .content{
		display: none;	
	}
	.no-js #Tabbed .wrapper .item.closed .content{
		display:block;
	}
	
	
	.js #inner.showSpotlight #Spotlight{
		display:block;
	}

	.js #inner.noSpotlight #Spotlight{
		display:none;
	}


	.js #Spotlight {
		position: absolute;
		top: 60px;
		right: 20px;
		padding-left: 20px;
		border-left: 1px solid #000;
		
	}
	
	.js #inner #Spotlight .display{
		height: 245px;	
	}
	
	.js #inner #Spotlight .display .item {
		height: 245px;
	}
	
	.js #Spotlight .button.left{
		left: 20px;
	}
	
	.js #Spotlight .button.right{
		
	}		
	
	#RightIcons{
		width: 550px /*600*/;
		height: 80px; /*120*/
		margin: 40px auto 0px; /*20*/
		text-align:center;
	}
	
	#RightIcons a{
		color: #5e3936;
		font-size: 1.2em;
		font-weight:normal;
	}
	#RightIcons a{
		text-decoration: none;
		display: inline-block;
		margin: 0px 0px 20px 100px; /*35*/
		max-width:130px;
		vertical-align: bottom;
	}
	#RightIcons a:nth-child(1){
		margin-left: 0px;
	}

	#RightIcons a:nth-child(4){
		margin-bottom: 0px;
	}	
	
	#RightIcons a:hover, #RightIcons a:hover span{
		text-decoration: underline;
	}
	#RightIcons a img{
		border: 0px;
	}
	
	#RightIcons a span{
		
	}

	#RightIcons .pinelandsMunicipalCouncil{
		display:none;
	}		
	
	#NewsAlert{
		width: 550px /*600*/;
		margin: 0px auto;
		padding: 10px;
	}
	
	#NewsAlert h3{
		color: #5e3936;
		margin: 0px;
	}
	
	#NewsAlert #NewsAlertForm{
		margin: 5px 0px;
	}
	
	#NewsAlert #NewsAlertForm input#name, #NewsAlert #NewsAlertForm input#emailAddress{
		width: 230px;
	}
	#NewsAlert #NewsAlertForm input#submit_search{
		vertical-align: bottom;
	}
	
	#LeftIcons{
		width: 550px /*600*/;
		margin: 0px auto;
		overflow:auto;
	}
	
	#LeftIcons #PinelandsLogo{
		padding: 0px;
		float:left;
		margin: 10px 0px 0px 0px;
	}
	#LeftIcons #PinelandsLogo img{
	}	

	#LeftIcons .pinelandsMunicipalCouncil{
		padding: 0px;
		float:left;
		margin: 10px 0px 0px 0px;
	}	
	
	#LeftIcons #licensePlates{
		
		padding: 0px 5px 0px 20px;
		width: 120px;
		float:right;
	}
	#LeftIcons #licensePlates h3, #LeftIcons #licensePlates span.title{
		color: #003300;
		font-weight:bold;
		margin-bottom: 3px;
	}
	#LeftIcons #licensePlates a{
		color: #59814b;
	}
	#LeftIcons #licensePlates a img{
	}
	#LeftIcons #licensePlates a span{
		color: #59814b;
	}		
	
	
	#LeftIcons #Facebook{
		display: block;
		margin: 45px auto 20px auto;
		width: 120px;
		padding: 0 12px 0 0;
	}
	#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;
	}

	/*breadcrumbs*/
	#Breadcrumbs{
		margin: 0px 15px;
	}
	
	#Content #ContentInner{
		margin: 0px 15px;
	}
	
	#PinelandsLogoWrapper{
		margin: 15px ;	
	}
	
	#PageTitle{
		margin: 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: 7px 0px 0px 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:block;	
		padding: 3px 7px 3px 7px;
		margin: 0px;
		/*background-color: #003300;*/
		background-color: #558447;
		color: #fff;
		border-bottom: 1px solid #fff;
		list-style:none;
		overflow: auto;
		font-weight:bold;	
	}
	#TabletNav ul.secondary li{
		float:left;
		margin: 7px 0px;		
	}
	#TabletNav ul.secondary li a{
		color: #fff;
	}	
	#TabletNav ul.secondary li a:link, #TabletNav ul.secondary li a:active, #TabletNav ul.secondary li a:visited{
		text-decoration: none;
	}
	#TabletNav ul.secondary li.on a, #TabletNav ul.secondary li a:hover{
		text-decoration: underline;
	}
	#TabletNav ul.secondary li a span{
		padding: 0px 7px;
		border-right: 2px solid #fff;
	}
	#TabletNav ul.secondary li:last-child a span{
		border-right: 0px none;
	}			
	#TabletNav ul.tertiary{
		display:block;	
		padding: 3px 7px 3px 7px;
		margin: 0px;
		background-color: #f2f5ee;
		color: #000;
		list-style:none;
		overflow: auto;
		font-weight:bold;	
	}
	#TabletNav ul.tertiary li{
		float:left;
		margin: 7px 0px;		
	}
	#TabletNav ul.tertiary li a{
		color: #000;
	}
	#TabletNav ul.tertiary li a:link, #TabletNav ul.tertiary li a:active, #TabletNav ul.tertiary li a:visited{
		text-decoration: none;
	}
	#TabletNav ul.tertiary li.on a, #TabletNav ul.tertiary li a:hover{
		text-decoration: underline;
	}		
	#TabletNav ul.tertiary li a span{
		padding: 0px 7px;
		border-right: 2px solid #000;
	}
	#TabletNav ul.secondary li:last-child a span{
		border-right: 0px none;
	}	


	#RightColumn.bottom{
		display:none;	
	}	
		
	.videoWrapper, .audioWrapper{
		max-width: 410px;
		display:block;
		margin: 20px 0px 20px 0px;
	}	

	.videoWrapper.fullWidth, .audioWrapper.fullWidth{
		max-width: 670px;
	}	

}