html, body {
	position: absolute;
	top: 0;
	left: 0;
	height: auto;
	min-height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	display: block;
}
body {
	background: rgb(172,162,116) url('images/browncanvas.png');
	font-family: 'ralewayregular', Arial, sans-serif;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
}
.clear {
	clear: both;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
._hspace {
	margin-left: 10px;
}
.hspace_ {
	margin-right: 10px;
}
.figure {
	margin-bottom: 50px;
}
.pic {
	max-width: 100%;
	border-radius: 5px;
	display: block;
}
.half {
	width: 45%;
}
.quarter {
	width: 20%;
}
	.caption {
		font-size: smaller;
		font-style: italic;
		text-align: center;
		margin-top: 10px;
	}
.header {
	font-size: 48px;
	font-weight: lighter;
	font-family: 'caviar_dreamsregular', Arial, sans-serif;
	margin: 0;
	color: white;
	-webkit-text-shadow: 2px 2px 0px black;
	-moz-text-shadow: 2px 2px 0px black;
	text-shadow: 2px 2px 0px black;
}
.subhead {
	font-weight: bold;
}

.readmore {
	display: inline-block;
	text-decoration: none;
	font-style: italic;
	color: black;
	padding-left: 5px;
	padding-right: 5px;
}
	.readmore:hover, .readmore:focus {
		background: black;
		color: rgb(5,153,0);
	}
.required {
	color: red !important;
	font-size: 24px;
	vertical-align: text-top;
}
#contact #comment {
	width: 95%;
	max-width: 95%;
	min-height: 100px;
	resize: vertical;
}	

#bigphoto {	/* FF Bug causes this to not work on body element */
	position: absolute;
	top: 0; left: 0;
	height: 100%;
	width: 100%;
	margin: 0; padding: 0;
}	
	#home #bigphoto {
		background: url('images/clouds.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#about #bigphoto {
		background: url('images/pasture.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#philosophy #bigphoto {
		background: url('images/zengarden.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#resources #bigphoto {
		background: url('images/library_sepia.jpg');
	}
	#location #bigphoto {
		background: url('images/oldmap_paper.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#contact #bigphoto {
		background: url('images/stones.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#cookies #bigphoto {
		background: url('images/cookies1920.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#privacy #bigphoto {
		background: url('images/islandlake1920.jpg') 0 0 no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
#wrapper {
	position: relative;
	width: 768px;
	margin: 0 auto;
	height: auto;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.50);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.50);
	box-shadow: 0 0 20px rgba(0,0,0,.50);
	z-index: 1;
}
#header {
	position: relative;
	width: 768px;
	margin: 0 auto;
	z-index: 1;
}
	#headerbg {
	}
		#headerbg p { display: none; }
#header h1 {
	text-align: center;
	background: black;
}
	#header h1 br { display: none;}
	#asoup {
		font-size: 24px;
	}
#page {
	position: relative;
	margin: 0 auto;
	width: 768px;
	background: white;
	background: rgba(255,255,255,.90);
}
#nav {
	position: relative;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	padding: 0;
	background: black;
	background: rgba(0,0,0,.5);
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	z-index: 1;
}
	#nav ul {
		display: table;
		padding: 0;
		margin: 0 auto;
	}
	#nav li {
		position: relative;
		width: 126px;
		height: 60px;
		display: inline-block;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		list-style: none;
		margin: 0;
		padding: 0;
		float:left;
	}
		#nav li a {
			display: block;
			height: 100%;
			width: 100%;
			text-decoration: none;
		}
			#nav li a span {
				position: absolute;
				bottom: 5px;
				right: 5px;
				text-transform: uppercase;
				font-family: 'caviar_dreamsbold', Arial, sans-serif;
				color: white;
				text-decoration: none;
			}
			#nav li a:hover, #nav li a:focus {
				background: black;
			}
			#nav li a:visited {}
			
			#nav li.selected {
				height: 56px;
				border-bottom: 5px solid rgb(5,153,0);
			}
				#nav li.selected span {
					bottom: 0px;
				}

	#section_header {
		position: relative;
		height: 300px;
		border: 1px solid #ccc;
		border-top: none;
		z-index: 1;
	}
		#section_header a {
			text-decoration: none;
			color: white;
		}
			#section_header a:hover, #section_header a:focus {
				border-bottom: 1px dashed white;
			}
		#home #section_header {
			background: url('images/pier.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
			#homephoto {
				height: 150px;
				width: 120px;
				background: url('images/cfuchs_120x150.jpg') 0 0 no-repeat;
				border-radius: 8px;
				position: absolute;
				right: 50px;
				top: 50%;
				margin-top: -60px;
				border: 1px solid #CCC;
				box-shadow: 0 0 20px rgba(255, 255, 255, .75);
			}
				#homephoto img { display: none; }
		#about #section_header {
			background: url('images/treegate.jpg') 0 0 no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#philosophy #section_header {
			background: url('images/stonepath.jpg');
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#resources #section_header {
			background: url('images/desktop.jpg') 0 0 no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#location #section_header iframe {
			background: url('images/map768.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
			min-height: 312px;
		}
		#contact #section_header {
			background: url('images/inhand.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#cookies #section_header {
			background: url('images/macbookncookies1280.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#privacy #section_header {
			background: url('images/canoe1280.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#breakbox {
			position: absolute;
			width: 254px;
			height: 300px;
			top: 0px;
			right: 0px;
			background: rgb(76,119,68);
			border-left: 2px solid #ccc;
			color: white;
		}
			#breakbox h1 { 
				text-align: center;
			}
			#breakbox p {
				margin: 5px 20px;
				font-weight: bold;
				font-size: 18px;
			}
			#breakbox ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}
				#breakbox ul li {
					margin: 10px 20px;
				}
		#rightbox {
			position: absolute;
			height: auto;
			top: 320px;
			right: 0;			
		}
		#map_overlay { display: none;}
	#textbody {
		margin: 20px;
	}
		#home #textbody {
			margin: 20px;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
		.triback {
			position: absolute;
			top: 0; 
			left: 33%;
			width: 33%;
			height: 100%;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			z-index: 0;
		}
		.tri {
			position: relative;
			width: 33%;
			margin: -20px 0 0 -20px;
			padding: 0;
		}
			.tri.left {
				height: 100%;
			}
			.tri.right {
				position: relative;
				margin-right: 34%;
				z-index: 1;
			}
			.tri h1, #home #breakbox h1 {
				text-align: center;
				color: rgb(76,119,68);
				-webkit-text-shadow: none;
				-moz-text-shadow: none;
				text-shadow: none;
				font-weight: normal;
				margin-top: 20px;
			}
			.tri p {
				margin-left: 20px;
				margin-right: 20px;
				text-align: justify;
			}
	#footer {
		position: relative;
		background: black;
		color: white;
		font-size: 10px;
		height: 60px;
		overflow: hidden;
		z-index: 1;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
		#footer a { color: white; }
		#footer div { margin:0px 20px 0px 20px; }
	
	.fadebox {
		-webkit-transition-property: background;
		-webkit-transition-duration: 1s;
		-moz-transition-property: background;
		-moz-transition-duration: 1s;
		-ms-transition-property: background;
		-ms-transition-duration: 1s;
		-o-transition-property: background;
		-o-transition-duration: 1s;
		transition-property: background;
		transition-duration: 1s;
		background: transparent;
		display: table;
		width: 100%;
		border-bottom: 1px solid rgb(204,204,153);
		padding-bottom: 20px;
	}
	.fadebox:hover, .fadebox:focus {
		background: rgb(252,251,208);
	}
		.fadebox h2, .fadebox h3 {
			font-family: 'caviar_dreamsregular', Arial, sans-serif;
			width: 33%;
			float: left;
			clear: both;
		}
		.fadebox ul, .fadebox p {
			width: 33%;
			min-height: 36px;
			float: left;
			margin: 20px 0 0 0;
			padding: 0;
		}
		.fadebox p.two-column {
			width: 66%;
		}
		.fadebox ul li {
			margin: 0 20px;
		}
		.xtra {
			position: absolute;
			width: 0;
			height: 0;
			overflow: hidden;
			background: white;
			-webkit-box-shadow: 0px 0px 10px #333;
			-moz-box-shadow: 0px 0px 10px #333;
			box-shadow: 0px 0px 10px #333;
		}
		.show_x {
			width: 33%;
			height: auto;
			padding: 10px;
			border-left: 20px solid #81DAF5;
		}
			.isprite {
				display: inline-block;
				height: 15px;
				width: 15px;
				background: #81DAF5;
				font-size: 10px;
				font-weight: bold;
				font-family: Arial;
				line-height: 15px;
				text-align: center;
				vertical-align: top;
				color: #333;
				border-radius: 100%;
			}
				.isprite span:before {
					content: "i";
				}
			.xsprite {
				text-align: right;
				font-size: 2em;
			}
				.xsprite span:before {
					content: "X";
				}
		
	#zoom {
		position: fixed;
		bottom: 0;
		right: 0;
		height: 44px;
		width: 44px;
		background: black url('images/zoom_white.png') center center no-repeat;
		color: #ccc;
		border: 1px solid #ccc;
		z-index: 3000;
		opacity: .5;
		display: none;
	}
		#zoom p {
			color: #ccc;
			text-align: center;
			font-weight: bold;
			font-size: 14px;
			margin: 7px 0;
			padding: 0;
		}
		
	#lightbox {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,.80);
		z-index: 2000;
		display: none;
	}
		#lightbox #imgbox {
			position: absolute;
			top: 50%;
			left: 50%;
			height: 94%;
			width: 94%;
			margin: -47%;
			background: black;
			overflow: hidden;
			-webkit-background-size: contain;
			-moz-background-size: contain;
			background-size: contain;
		}
			#lightbox #imgbox #closex  {
				float: right;
				color: white;
				font-size: 48px;
				-webkit-text-shadow: 0 0 5px black;
				-moz-text-shadow: 0 0 5px black;
				text-shadow: 0 0 5px black;
				margin: 5px;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				-o-user-select: none;
				user-select: none;
			}
				#lightbox #imgbox #closex:hover, #lightbox #imgbox #closex:focus {
					color: yellow;
					-webkit-text-shadow: 0 0 10px white;
					-moz-text-shadow: 0 0 10px white;
					-ms-text-shadow: 0 0 10px white;
					-o-text-shadow: 0 0 10px white;
					text-shadow: 0 0 10px white;
				}
				#lightbox #imgbox .navpt {
					position: absolute;
					top: 50%;
					height: 48px;
					width: 48px;
					font-size:48px;
					line-height: 36px;
					margin: -24px 0;
					color: white;
					text-align: center;
					opacity: .5;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					-o-user-select: none;
					user-select: none;
				}
					#lightbox #imgbox .navpt:hover, 
					#lightbox #imgbox .navpt:focus {
						opacity: 1;
						background: black;
						background: rgba(0,0,0,.5);
					}
					#lightbox #imgbox #navr {
						right: 0;
					}
					#lightbox #imgbox #navl {
						left: 0;
					}
	.para1 { margin-top: 0; }	
	form, div.column-block {
		display: inline-block;
		-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
    }
    	div.column-block *:first-child {
    		margin-top: 0;
    	}
    	div.column-block *:last-child {
    		margin-bottom: 2em;
    	}

@media only screen and (min-width: 1580px) {
	#wrapper, #page {
		width: 1280px;
	}
	#nav {
		width: auto;
		border: 1px solid #ccc;
	}
		#nav ul li {
			width: 160px;
		}
	#header {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
		#header h1 {
			position: absolute;
			left: 0px;
			top: -50px;
			display: block;
			background: transparent;
			-webkit-transform-origin: left bottom;
			-webkit-transform: rotate(90deg);
			-moz-transform-origin: left bottom;
			-moz-transform: rotate(90deg);
			-ms-transform-origin: left bottom;
			-ms-transform: rotate(90deg);
			-o-transform-origin: left bottom;
			-o-transform: rotate(90deg);
			transform-origin: left bottom;
			transform: rotate(90deg);
		}
		#headerbg {
			background: black;
			background: rgba(0,0,0,.75);
			width: 50px;
			height: 100%;
		}
		#section_header {
			height: 500px;
		}
		#location #section_header {
			background: url('images/map1600.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#breakbox {
			position: absolute;
			width: 254px;
			height: 300px;
			top: 150px;
			right: -100px;
			background: rgb(76,119,68);
			border: 1px solid #ccc;
			color: white;
			border-radius: 8px;
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
			-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
			box-shadow: 0 0 20px rgba(0,0,0,.5);
		}
			#rightbox {
				top: 520px;
			}
			#homephoto {
				width: 240px;
				height: 300px;
				right: -120px;
				top: 50%;
				margin-top: -150px;
				-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
				-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.5);
				background-size: cover;
			}
		#textbody {
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
		}
		#resources #textbody {
			margin-right: 20px;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
		.narrow { display: none; }
		#contact #comment {
			min-height: 200px;
		}
}
@media only screen and (min-width: 1260px) and (max-width: 1579px) {
	#wrapper, #page {
		width: 1024px;
	}
	#nav {
		width: auto;
		border: 1px solid #ccc;
	}
	#header {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
		#header h1 {
			position: absolute;
			left: 0px;
			top: -50px;
			display: block;
			background: transparent;
			-webkit-transform-origin: left bottom;
			-webkit-transform: rotate(90deg);
			-moz-transform-origin: left bottom;
			-moz-transform: rotate(90deg);
			-ms-transform-origin: left bottom;
			-ms-transform: rotate(90deg);
			-o-transform-origin: left bottom;
			-o-transform: rotate(90deg);
			transform-origin: left bottom;
			transform: rotate(90deg);
		}
		#headerbg {
			background: black;
			background: rgba(0,0,0,.75);
			width: 50px;
			height: 100%;
		}
		#section_header {
			height: 400px;
		}
		#location #section_header {
			background: url('images/map1280.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#breakbox {
			position: absolute;
			width: 254px;
			height: 300px;
			top: 150px;
			right: -100px;
			background: rgb(76,119,68);
			border: 1px solid #ccc;
			color: white;
			border-radius: 8px;
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
			-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
			box-shadow: 0 0 20px rgba(0,0,0,.5);
		}
			#homephoto {
				width: 180px;
				height: 226px;
				right: -90px;
				top: 50%;
				margin-top: -113px;
				-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
				-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.5);
				background-size: cover;
			}
		#textbody {
			margin-right: 200px;
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
		#resources #textbody {
			margin-right: 20px;
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
			#rightbox {
				top: 420px;
			}
		.narrow { display: none; }
		.col2 {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			-ms-column-count: 2;
			-o-column-count: 2;
			column-count: 2;
		}
		#contact #comment {
			min-height: 300px;
		}
}
@media only screen and (min-width: 1004px) and (max-width: 1259px) {
	#header {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
		#header h1 {
			position: absolute;
			left: 0px;
			top: -50px;
			display: block;
			background: transparent;
			-webkit-transform-origin: left bottom;
			-webkit-transform: rotate(90deg);
			-moz-transform-origin: left bottom;
			-moz-transform: rotate(90deg);
			-ms-transform-origin: left bottom;
			-ms-transform: rotate(90deg);
			-o-transform-origin: left bottom;
			-o-transform: rotate(90deg);
			transform-origin: left bottom;
			transform: rotate(90deg);
		}
		#headerbg {
			background: black;
			background: rgba(0,0,0,.75);
			width: 50px;
			height: 100%;
		}
		#breakbox {
			position: absolute;
			width: 254px;
			height: 300px;
			top: 150px;
			right: -100px;
			background: rgb(76,119,68);
			border: 1px solid #ccc;
			color: white;
			border-radius: 8px;
			-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
			-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
			box-shadow: 0 0 20px rgba(0,0,0,.5);
		}
			#homephoto {
				right: -60px;
				top: 50%;
				margin-top: -75px;
				-webkit-box-shadow: 0 0 20px rgba(0,0,0,.5);
				-moz-box-shadow: 0 0 20px rgba(0,0,0,.5);
				box-shadow: 0 0 20px rgba(0,0,0,.5);
			}
		#textbody {
			margin-right: 200px;
		}
		#resources #textbody {
			margin-right: 20px;
		}
			.col2 {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			-ms-column-count: 2;
			-o-column-count: 2;
			column-count: 2;
		}
}
@media only screen and (min-width: 768px) and (max-width: 1004px) {
	#bigphoto {
		background: none !important;
	}
	#wrapper {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
			.col2 {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			-ms-column-count: 2;
			-o-column-count: 2;
			column-count: 2;
		}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	#bigphoto {
		background: none !important;
	}
	#wrapper {
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#header {
		position: fixed;
		top: 0;
		left: 0;
		height: 44px;
		width: 100%;
		z-index: 1000;
		background: black;
	}
		#headerbg {
			position: absolute;
			top: 0;
			right: 0;
			height: 44px;
		}
			#headerbg p { 
				display: inline;
				color: rgb(252,251,208);
				margin-right: 5px;
				line-height: 44px;
			}
			#headerbg p:before {
				content: "Menu ▾";
			}
		#header h1 {
			text-align: center;
			font-size: 24px;
			line-height: 44px;
		}
			#asoup {
				font-size: 12px;
			}
	#nav {
		position: fixed;
		display: block;
		width: 100%;
		height: auto;
		z-index: 999;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
	}
		.nav_in {
			top: 44px;
		}
		.nav_out {
			top: -100px;
		}
		#nav ul {
			display: block;
		}
		#nav li {
			width: 32.5%;
			font-size: 14px;
			border: 1px solid #ccc;
			z-index: 1;
		}
	#page {
		width: 100%;
		margin-top: 44px;
	}
	#section_header {
		height: 165px;
		border: none;
	}
		#location #section_header {
			display: table;
			width: 100%;
		}
		#location #section_header iframe {
			min-height: 165px;
		}
		#section_header .header {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		#breakbox { display: none;}
		
		#resources #section_header { margin-bottom: 320px;}
		#location #section_header {
			background: url('images/map768.jpg') center center no-repeat;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			background-size: cover;
		}
		#resources #breakbox { 
			display: block;
			top: 100%;
			bottom: auto;
			width: 100%;
		}
		#resources #breakbox h1 { position: relative;}
		#map_overlay {
			position: relative;
			z-index: 3000;
			bottom: 0;
			right: 0;
			background: black;
			text-align: right;
			height: 30px;
			line-height: 30px;
			border-radius: 5px;
			margin: -104px auto;
			padding: 2px;
			display: table;
		}		
	#footer {
		height: auto;
		text-align: center;
	}
		#footer .left, #footer .right {
			float: none;
			margin: 5px;
		}
	#home .triback { display: none;}
	#home .tri {
		width: 100%;
		margin: 20px 5px;
		float: none;
	}
	#home #rightbox { 
		position: relative;
		bottom: auto;
		top: auto;
		left: auto;
		right: auto;
	}
			#homephoto {
				right: auto;
				left: 0;
				top: 50%;
				margin-top: -75px;
				margin-left: 20px;
			}
	#zoom {
		bottom: auto;
		right: auto;
		top: 0;
		left: 0;
		border: none;
		-webkit-background-size: 24px;
		-moz-background-size: 24px;
		background-size: 24px;
	}
		.fadebox h2, .fadebox h3 {
			width: auto;
			float: none;
			clear: none;
		}
		.fadebox ul, .fadebox p, .fadebox p.two-column {
			width: auto;
			min-height: auto;
			float: none;
		}
		.fadebox ul { 
			margin-top: 0;
			padding-left: 40px;
		}
		.fadebox ul li {
			margin: auto;
		}
		.show_x {
			width: 83%;
			margin-left: -40px;
		}
		.col2 {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			-ms-column-count: 2;
			-o-column-count: 2;
			column-count: 2;
		}
}		
@media only screen and (max-width: 479px) {		
	#bigphoto {
		background: none !important;
	}
	#wrapper {
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#header {
		position: fixed;
		top: 0;
		left: 0;
		height: 44px;
		width: 100%;
		z-index: 1000;
		background: black;
	}
		#headerbg {
			position: absolute;
			top: 0;
			right: 0;
			height: 44px;
		}
			#headerbg p { 
				display: inline;
				color: rgb(252,251,208);
				margin-right: 5px;
				line-height: 44px;
			}
			#headerbg p:before {
				content: "Menu ▾";
			}
		#header h1 {
			text-align: center;
			font-size: 24px;
			line-height: 30px;
		}
			#asoup {
				font-size: 12px;
				line-height: 5px;
				display: block;
			}
	#nav {
		position: fixed;
		display: block;
		width: 100%;
		height: auto;
		z-index: 999;
		-webkit-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-ms-transition-duration: 1s;
		-o-transition-duration: 1s;
		transition-duration: 1s;
	}
		.nav_in {
			top: 44px;
		}
		.nav_out {
			top: -100px;
		}
		#nav ul { display: block;}
		#nav li {
			width: 32.5%;
			font-size: 14px;
			border: 1px solid #ccc;
			z-index: 1;
		}
	#page {
		width: 100%;
		margin-top: 44px;
	}
	#section_header {
		height: 312px;
		border: none;
	}
	#location #section_header {
		display: table;
		width: 100%;
	}
	#location #section_header {
		background: url('images/map768.jpg') center center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
	}
	#location #section_header iframe {
			min-height: 312px;
		}
		#section_header .header {
			position: absolute;
			bottom: 0;
			right: 0;
		}
		#breakbox { display: none;}
		
		#resources #section_header { margin-bottom: 320px;}
		#resources #breakbox { 
			display: block;
			top: 100%;
			bottom: auto;
			width: 100%;
		}
		#resources #breakbox h1 { position: relative;}
		#map_overlay {
			position: relative;
			z-index: 3000;
			bottom: 0;
			right: 0;
			background: black;
			text-align: right;
			height: 30px;
			line-height: 30px;
			border-radius: 5px;
			margin: -104px auto;
			padding: 2px;
			display: table;
		}
		
	#footer {
		height: auto;
		text-align: center;
		display: block;
	}
		#footer .left, #footer .right {
			float: none;
			margin: 5px;
		}
	#home .triback { display: none;}
	#home .tri {
		width: 100%;
		margin: 20px 5px;
		float: none;
	}
	#home #rightbox { 
		position: relative;
		bottom: auto;
		top: auto;
		left: auto;
		right: auto;
	}
			#homephoto {
				right: auto;
				left: 50%;
				top: 50%;
				margin-top: -75px;
				margin-left: -60px;
			}
	.pic {
		display: block;
		float: none !important;
		margin: 5px auto;
	}
	#zoom {
		bottom: auto;
		right: auto;
		top: 0;
		left: 0;
		border: none;
		-webkit-background-size: 24px;
		-moz-background-size: 24px;
		background-size: 24px;
	}

		.fadebox h2, .fadebox h3 {
			width: auto;
			float: none;
			clear: none;
		}
		.fadebox ul, .fadebox p, .fadebox p.two-column {
			width: auto;
			min-height: auto;
			float: none;
			margin-top: 0;
		}
		.fadebox ul { padding-left: 40px;}
		.fadebox ul li {
			margin: auto;
		}
		.show_x {
			width: 80%;
			margin-left: -50px;
		}
}