@font-face {
	font-family: 'Edwardian Script';
	src: url('../stylesheets/EdwardianScriptITC.woff2') format('woff2'),
		  url('../stylesheets/EdwardianScriptITC.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

html {
	height: 100%;
	margin: 0px;
	display: flex;
	flex-wrap: wrap;
}

body {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: min(100vw, 980px);
	min-height: calc(100% - min(20vw, 200px) - 28px);
	margin-top: 0px;
	margin-bottom: 0px;
   margin-left: auto;
   margin-right: auto;
	padding: 0px;
   color: #4a2900;
   font-family: "Times New Roman", Times, serif;
   background-color: #fff8dc;
}

div.body {
   display: flex;
	flex-wrap: wrap;
   justify-content: center;
   align-items: center;
	width: min(100vw, 980px);
	height: 100%;
}

div.footer {
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(100vw, 980px);
	height: 26px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
   background-color: #ba9259;
}	

div.header {
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(100vw, 980px);
	height: min(20vw, 200px);
	margin: 0px;
	padding: 0px;
	color: #4a2900;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   font-family: 'Edwardian Script', serif;
	font-size: min(12vw, 6.00em);
}

div.headerabout {
	background-image: url(../images/headerfieldsnow980_25.jpg);
}

div.headerbook {
	background-image: url(../images/headersunset980a.jpg);
}

div.headerdevotional {
	background-image: url(../images/headerpasturepond980_50.jpg);
}

div.headerhidden {
	background-image: url(../images/headermountainsestesparkcenter980.jpg);
}

div.headerhome {
	background-image: url(../images/headerdunes980_25.jpg);
}

div.headerhomenew {
	background-image: url(../images/headerdunes980_25.jpg);
}

div.headernew {
	background-image: url(../images/headerdunes980_25.jpg);
}

div.headerpoem {
	background-image: url(../images/headercreek980_50.jpg);
}

div.headershortstory {
	background-image: url(../images/headerfarm980_50.jpg);
}

div.headersupport {
	background-image: url(../images/headermountainsestesparkcenter980.jpg);
}

div.maincolumn {
   width: min(calc(80vw - 50px), 784px - 50px);
	min-height: calc(100% - min(20vw, 200px) - 28px);
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 25px;
	padding-right: 25px;
	border: 0px solid black;
   background-image: url('../images/backgroundmain980.png');
   background-repeat: repeat;
   background-position: center;
}

div.navcolumn {
   width: min(20vw, 196px);
	min-height: calc(100% - min(20vw, 200px) - 28px);
	margin: 0px;
	padding: 0px;
	border: 0px solid black;
   background-color: #997133;
}

div.navitem {
	width: 100%;
	text-align: center;
}

div.navspacer {
	width: 100%;
	height: min(3vw, 1.50em);
}

div.navwrittenby {
	width: 100%;
	line-height: min(2vw, 0.85em);
	text-align: center;
}

a {color: #4A2900}
a:hover {color: #BA9259}

a.external {font-weight: bold}
a.nav {font-style: italic}
a.navbold {font-style: italic; font-weight: bold}
a.nounderline {text-decoration: none}
a.printable {text-decoration: underline}

audio {margin-left: 2.35em}

img {	height: auto}



input.inputtext75 {width: min(25vw,75px)}
input.inputtext300 {width: min(50vw, 300px)}

li.orderedlistextraindent {margin-left: 2.35em}

p.author {text-align: center; margin: 0.00em; line-height: 1.00em; margin-bottom: 0.85em}
p.contentjustify {text-align: justify; text-indent: 2.35em; line-height: 1.25em}
p.contentjustifyeven {text-align: justify; line-height: 1.25em; margin-left: 2.35em}
p.contentleftpoem {text-align: left; line-height: 1.25em; margin-top: 0.00em}
p.heading {}
p.introduction {text-align: justify; text-indent: 2.35em}
p.note {text-align: justify; margin-top: 0.00em}
p.printablecopy {text-align: right}
p.section {}
p.subheading {}
p.subtitle {text-align: center; margin-top: 0.00em; margin-bottom: 0.30em; line-height: 1.25em}
p.title {text-align: center; margin-top: 0.85em; margin-bottom: 0.00em; line-height: 1.50em}
p.verse {text-align: justify; margin-top: 1.40em}

span.author {font-size: 0.75em}
span.bold {font-weight: bold}
span.contentjustify {}
span.contentjustifyeven {}
span.contentleftpoem {}
span.datenav {font-size: min(2vw, 12px)}
span.errormessage {font-size: 1.00em; font-weight: bold; color: red}
span.footer {font-family: "Times New Roman", serif; font-size: min(3.5vw, 1.00em)}
span.heading {font-size: 1.20em; font-weight: bold}
span.introduction {}
span.italic {font-style: italic}
span.list {font-size: 1.00em; font-weight: bold}
span.navnormal {font-family: 'Edwardian Script', serif; font-size: min(4vw, 31px); font-weight: bold; color: #4a2900}
span.navnormalhover {font-family: 'Edwardian Script', serif; font-size: min(4vw, 31px); font-weight: bold; color: #4a2900}
span.navnormalhover:hover {color: #ba9259}
span.navsmall {font-family: 'Edwardian Script', serif; font-size: min(3vw, 25px); font-weight: bold; color: #4a2900}
span.navsmallhover {font-family: 'Edwardian Script', serif; font-size: min(3vw, 25px); font-weight: bold; color: #4a2900}
span.navsmallhover:hover {color: #ba9259}
span.navspacer {font-family: 'Edwardian Script', serif; font-size: min(1vw, 5px); font-weight: bold; color: #4a2900}
span.navwrittenby {font-size: min(2vw, 0.85em)}
span.note {font-size: 0.95em}
span.printablecopy {font-size: 0.75em}
span.section {font-size: 1.20em; font-weight: bold}
span.subheading {font-size: 1.00em; font-weight: bold; text-decoration: underline}
span.subtitle {font-size: 1.00em; font-weight: bold; font-style: italic}
span.superscript {font-size: 70%; position: relative; bottom: 0.50em}
span.title {font-size: 1.50em; font-weight: bold}
span.versereference {font-size: 0.95em}
span.versetext {font-size: 0.95em; font-style: italic}

table.list {width: 100%; border-spacing: 0px; border-collapse: collapse}
table.nav {width: 100%; border-spacing: 0px; border-collapse: collapse; margin-top: min(1vw, 10px)}

td.listcenter {padding: 0px 0px 10px 0px; text-align: center}
td.listformcenter {padding: 2px 0px 2px 0px; text-align: center; vertical-align: middle}
td.listformleft {padding: 2px 0px 2px 0px; text-align: left; vertical-align: middle}
td.listformright{padding: 2px 0px 2px 0px; text-align: right; display: flex; justify-content: flex-end; align-items: center}
td.nav {padding: 0px 0px 10px 0px; text-align: center; font-size: min(2.4vw, 1.00em)}
 
@media screen and (pointer: fine), (min-width: 600px) {
	html {
		font-size: 17px;
	}
	img.center {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	img.floatleft {
		float: left;
		margin-right: 0.85em;
		margin-bottom: 0.30em;
		max-width: 100%;
	}
	img.floatleftpoem {
		float: left;
		margin-right: 1.85em;
		margin-bottom: 0.30em;
		max-width: 100%;
	}
	img.floatright {
		float: right;
		margin-left: 0.85em;
		margin-bottom: 0.30em;
		max-width: 100%;
	}
	img.floatrighttop {
		float: right;
		margin-top: 0.85em;
		margin-left: 0.85em;
		margin-bottom: 0.30em;
		max-width: 100%;
	}
	img.left {
		float: none;
		display: block;
		margin-right: 0.85em;
		margin-bottom: 0.30em;
		max-width: 100%;
	}
	p.contentleftpoem {
		text-indent: -1.00em;
		padding-left: 1.00em;
		margin-bottom: 0.10em;
	}

}

@media screen and (pointer: coarse) and (max-width: 600px) {
	html {
		font-size: 16px;
	}
	img.center {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 55vw;
	}
	img.floatleft {
		float: none;
		display: block;
		margin-bottom: 0.60em;
		margin-left: auto;
		margin-right: auto;
		width: 55vw;
	}
	img.floatleftpoem {
		float: none;
		display: block;
		margin-bottom: 0.60em;
		margin-left: auto;
		margin-right: auto;
		width: 55vw;
	}
	img.floatright {
		float: none;
		display: block;
		margin-bottom: 0.60em;
		margin-left: auto;
		margin-right: auto;
		width: 55vw;
	}
	img.floatrighttop {
		float: none;
		display: block;
		margin-top: 0.85em;
		margin-bottom: 0.60em;
		margin-left: auto;
		margin-right: auto;
		width: 55vw;
	}
	img.left {
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 55vw;
	}
	p.contentleftpoem {
		text-indent: -1.00em;
		padding-left: 1.00em;
		margin-bottom: 0.30em;
	}
}