/* Begin Navigation and General Layout */

figure {
	margin: 0em;
	padding: 0em;
}

@viewport {
	zoom: 1.5;
	width: extend-to-zoom;
}

@-ms-viewport {
	width: extend-to-zoom;
	zoom: 1.5;
}

@-o-viewport {
	width: extend-to-zoom;
	zoom: 1.5;
}

html {
	height: 101%;
}

body {
	background-color: #FFFFFF;
	/* Experimental Tan Gradient CS3 for fun - background-image: repeating-linear-gradient(-77deg, #F2DAAC, #E3C586 1%, #E6C887 2%, #E6C98F 3%); */
	color: #000000;
	font-family: "Arial",Sans-Serif;
	height: 110%;
	margin: 0em;
}

.content {
	display: block;
}

.content > *, .content > header > *, .content > nav > *, .content > main > *, .content > section > *, .content > article > * {
	padding-left: 1em;
	padding-right: 1em;
}

.content > header > h1 {
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.content > header > h2 {
	padding-left: 0.7em;
	padding-right: 0.7em;
}

.content > header > h3 {
	padding-left: 1em;
	padding-right: 1em;
}

.content p.subheader {
	font-size: 150%;
	font-weight: bold;
	padding-left: 0.75em;
	text-decoration: underline;
}

.content > header, .content > nav, .content > main, .content > section, .content > article {
	padding-left: 0em;
	padding-right: 0em;
}

.footerwylh {
	background-color: #000000;
	color: #B4B4B4;
	clear: left;
	line-height: 1.5;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1em;
	padding-bottom: 1em;
	padding-top: 1em;
	text-align: center;
	width: 100%;
}

.footerwylh a {
	background-color: inherit;
	color: #FFFFFF !important;
	text-decoration: none;
}

.footerwylh a:hover, .footerwylh a:active {
	background-color: inherit;
	color: #FFFF00 !important;
	text-decoration: underline;
}

.footerwylh:before {
	content: "© 2011-2099 WillYouLoveHim Ministries, All rights reserved with some exceptions.";
	display: block;
}

.footerwylh img {
	vertical-align: middle;
}

.hidden {
	display: none !important;
}

.topbanner {
	background-color: #000080;
	color: inherit;
}

.topbanner img {
	width: 100%
}

.topbanner *, .topnav ul, .topnav ul li, .topnav2 ul, .topnav2 ul li, .topnav3 ul, .topnav3 ul li {
	display: inline;
}

.topnav ul, .topnav2 ul, .topnav3 ul {
	margin: 0em;
	padding: 0em;
}

.topnav ul li a, .topnav2 ul li a, .topnav3 ul li a {
	background-color: inherit;
	color: inherit;
	padding-left: 0.5em;
	padding-right: 0.5em;
	text-decoration: none;
	white-space: nowrap;
}

.topnav {
	/* previous BG Color was background-color: #F4A460; */
	background-color: #000080;
	color: #FFFFFF;
	font-size: 120%;
}

.topnav p a {
	background-color: inherit;
	color: #FFD800;
	font-style: italic;
	font-weight: bold;
}

.topnav ul li a:hover, .topnav ul li a[href="/mailinglists/subscribe.php"]:hover, .topnav ul li.subscribe:hover {
	animation: none;
	background-color: #0000FF;
	color: inherit;
	text-decoration: none;
}

form[name="subscribeform"] table {
	margin-left: 0em;
	margin-right: 0em;
	width: 100%;
}

form[name="subscribeform"] table input {
	border: 0.2em inset #C0C0C0;
	font-size: 100%;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* below is to draw attention to MailingList Subscribe link in navigation */
@keyframes glow {
	0%, 100% {
		background-color: #FFD700;
		color: #000080;
		box-shadow: 0 0 20px #FFD700, 0 0 30px #FFD700, 0 0 40px #FFD700;
	}
	15%, 85% {
		color: #FFFFFF;
	}
	50% {
		background-color: #000080;
		color: #FFFFFF;
		box-shadow: 0 0 10px #FFD700, 0 0 20px #FFD700, 0 0 30px #FFD700;
	}
}

.topnav ul li a[href="/mailinglists/subscribe.php"], .topnav ul li.subscribe, .highlightpeachh1, .wildernesstribe {
	animation: glow 5s infinite;
}

.wildernesstribe {
	margin-left: 0;
	text-align: left;
	width: 100%;
}
/* above is to draw attention to MailingList Subscribe link in navigation & Make Wilderness Tribe page look fancy. */

.topnav p {
	font-size: 75%;
	margin-bottom: 0em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	padding: 0em;
	text-align: center;
}

.topnav2 {
	/* previous BG Color was background-color: #C3C3C3; */
	background-color: #000000;
	color: #FFFFFF;
}

.topnav2 ul li a:hover {
	background-color: inherit;
	color: #FFFF00;
	text-decoration: none;
}

.topnav3 {
	background-color: #008000;
	color: #FFFFFF;
}

.topnav3 ul li a:hover {
	background-color: #00BF00;
	color: inherit;
	text-decoration: none;
}

.buttonnav * {
	margin: 0em;
	padding: 0em;
}

.buttonnav ul {
	line-height: 1.5;
	list-style-type: none;
}

.buttonnav ul li {
	display: inline;
	padding: 1.6px;
	white-space: nowrap;
}

.buttonnav ul li a {
	background-color: #E6C98F;
	border: 1.6px outset #804000;
	color: inherit;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
}

.buttonnav ul li a:hover {
	background-color: #FFFF00;
	color: #800000;
}

.bignav, .bignav * {
	margin: 0em;
	padding: 0em;
	text-align: center;
}

.bignav {
	display: table;
}

.bignav > div {
	display: table-row;
}

.bignav > div > div {
	display: table-cell;
	width: 40%;
}

.bignav > div > div > a > img {
	vertical-align: middle;
	width: 100%;
}

.bignav > div > div > a > img:hover {
	filter: sepia(100%);
}

.dropdown {
	position: relative;
	display: inline-block;
}

.dropdown-content {
	background-color: #FFD800;
	color: #000080;
	font-weight: bold;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	display: none;
	line-height: 1.5;
	overflow: hidden;
	/*min-width: 160px;*/
	/*padding: 0em 0.5em;*/
	position: absolute;
	z-index: 1;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown-content * {
	display: block;
	width: 100%;
}

.dropdown-content ul li a:hover {
	background-color: #FFFF00;
	color: inherit;
}


@media only screen and (max-aspect-ratio: 7/9) {
	.video {
		width: 100%;
	}
}

@media only screen and (min-aspect-ratio: 70001/90000) {
	.video {
		width: 75%;
	}
}

.width25 {
	width: 25%;
}

.width30 {
	width: 30%;
}

.focalpoint {
	background-color: #B5C5DF;
	color: inherit;
	font-size: 150%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0em;
	padding-bottom: 1em;
	padding-top: 0em;
	text-align: center;
}

.focalpoint h2 {
	margin-top: 0em;
	padding-top: 0.5em;
	text-decoration: underline;
}

.focalpoint  > div {
	display: table;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.focalpoint  > div > div {
	display: table-cell;
	padding-left: 0.5em;
	padding-right: 0.5em;
	vertical-align: middle;
	width: 40%;
}

.focalpoint img {
	border-radius: 30px;
	width: 100%;
}

.splitcolspagenums div {
	display: none;
}

@media screen and (min-width: 720px) {
	.splitcol {
		column-count: 2;
	}
	
	.splitcols {
		column-count: 3;
	}
	
	.splitcol div, .splitcol ul, .splitcols div, .splitcols section, .splitcols ul, .splitcolspagenums div {
		break-inside: avoid-column;
		page-break-inside: avoid; /* for Firefox Only because break-inside doesn't work on Firefox */
	}
	
	.splitcolspagenums {
		column-count: 3;
		margin-top: 0.2em;
	}
	
	.splitcolspagenums div {
		display: block;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
}

.tanbanner {
	background-color: #E6C98F;
	color: inherit;
}

.tanbanner h2 {
	font-size: 200%;
	margin-top: 0;
	margin-bottom: 0;
}

/*  This below is for the gatherings layout at /gatherings/ */
div.livestream {
	display: flex;
	flex-direction: row;
}

div.livestream > div.chat {
	align-items: end;
	display: flex;
	flex-direction: column;
	float: left;
	justify-content: flex-end;
	width: 30%;
}

div.livestream > div.fullchat {
	align-items: end;
	display: flex;
	flex-direction: column;
	float: left;
	justify-content: flex-end;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}

div.livestream > div.chat > iframe, div.livestream > div.fullchat > iframe {
	display: block;
	height: 100vh;
}

div.livestream > div.chat > div, div.livestream > div.fullchat > div {
	background-color: #FFFF00;
	color: #800000;
	font-size: 150%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 100%;
}


div.livestream > div.vidpart {
	align-items: end;
	display: flex;
	flex-direction: column;
	float: left;
	justify-content: flex-end;
	width: 70%;
}

div.livestream > div.fullvideo {
	align-items: end;
	display: flex;
	flex-direction: column;
	float: left;
	justify-content: flex-end;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 75%;
}

div.livestream > div.vidpart > div, div.livestream > div.fullvideo > div {
	padding: 56.25% 0 0 0;
	position: relative;
	width:100%;
}

div.livestream > div.vidpart > div > iframe, div.livestream > div.fullvideo > div > iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/*  The above is for the gatherings layout at /gatherings/ */

/* End Navigation and General Layout */

/* Begin Tract-Like Special Coding For Index Page */

.importantquestion {
	font-size: 200%;
	margin: auto;
	text-align: center;
}

.importantquestioni {
	background-color: inherit;
	color: #0000FF;
	font-size: 275%;
	font-style: italic;
	margin: auto;
	text-align: center;
}

.specialname {
	background-color: inherit;
	color: #00B050;
	font-weight: bold;
}

.warning {
	background-color: inherit;
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}

.splitcols .tractlogo {
	padding-left: 3.5em;
}

.splitcols .tractlogo img {
	max-width: 90%;
}

@media screen and (max-width: 900px) {
	.splitcols .tractlogo {
		padding-left: 0em;
	}
}

@media screen and (max-width: 720px) {
	.splitcols .tractlogo {
		padding-left: 3.5em;
	}
}

.specialnotice {
	font-family: "Arial Black","Arial",Sans-Serif;
	font-weight: bold;
}

/* End Tract-Like Special Coding For Index Page */

/* Begin Song Book Playlist */

.audioplayer {
	background-color: #000000;
	color: #FFFFFF;
	font-size: 70%;
	line-height: 1;
	margin: auto;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 5em;
	width: 70%;
}

.audioplayer audio {
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	width: 100%;
}

.audioplayer .noplayer a {
	background-color: inherit;
	color: #FFFF00 !important;
}

.audioplayer .playlistcontainer {
	background-color: #000080;
	color: inherit;
	padding-bottom: 0.5em;
	padding-right: 4em;
	padding-top: 0.5em;
	margin: 0em;
	width: 100%;
}

.audioplayer #playlist {
	height: 10em;;
	margin: 0em;
	overflow: auto;
	padding-left: 3em;
	width: 100%;
}

.audioplayer #playlist li a {
	background-color: inherit;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
}

.audioplayer #playlist li a.nofile {
	background-color: inherit;
	color: #A0A0A0;
	font-style: italic;
}

.audioplayer #playlist .active a {
	background: #000080;
	color: #FFD800;
	font-style: italic;
	font-weight: bold;
}

.audioplayer #playlist li a:hover {
	background-color: #0000FF;
	color: #FFFFFF;
}

/* End Song Book Playlist */



/* ++++ - Begin Applied to specific elements by default. - ++++ */

/* Begin Description Lists, Terms, & Definitions */

dl dt {
	font-size: 120%;
	font-weight: bold;
}

dl dt:before {
	content: "Q.";
}

dl dd {
	margin-bottom: 1em;
}

dl dd:before {
	content: "A.";
}

/* End Description Lists, Terms, & Definitions */

/* Begin full width unknown height iframes */

iframe.default {
	border: 0;
	height: 1000vh;
	width: 100%;
}

/* End full width unknown height iframes */

/* Begin Links */

a, a:link, a:visited {
	background-color: inherit;
	color: #0000FF;
}

a:hover, a:hover q, a:active, a:active q {
	background-color: inherit;
	color: #0000FF;
	text-decoration: underline;
}

tr.subtitles td a, td.subtitle a {
	line-height: 150%;
}

/* End Links */

/* Begin Headers */

h1 {
	margin-top: 0.25em;
}

/* End Headers */

/* Begin Horizontal Rules */

hr {
	clear: both;
}

hr.red {
	color: #990000;
	background-color: #990000;
	height: 0.05em;
	margin-bottom: 0em;
	margin-top: 0em;
	width: 80%;
}

hr.red + article > header > h2 {
	margin-top: 0em;
}

/* End Horizontal Rules */

/* Begin Quotes */

blockquote {
	font-style: italic;
	text-align: justify;
}

q, .i {
	font-style: italic;
}
blockquote:after, q:after {
	content: close-quote;
}
blockquote:before, q:before {
	content: open-quote;
}

/* End Quotes */

/* Begin Divs */

div.terms {
	border: 0.1em solid #000000;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	overflow: auto;
	width: 80%;
}

/* End Divs */

/* Begin List Styles */

ol {
	margin-left: 2em;
	margin-right: 2em;
	padding-left: 0em;
}

ul {
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 0em;
}

ol ol, ul ul, ol ul, ul ol {
	margin-left: 1em;
	margin-right: 0em;
}

ul#imgsinglegathering {
	list-style-type: none;
}

ol.othersongs {
	counter-reset: song;
	margin-left: 0.5em;
	list-style-type: none;
}

ol.othersongs li:before {
	content: "O-" counter(song) ".";
	counter-increment: song;
	display: inline-block;
	text-align: right;
	width: 4em;
}

ol.letters {
	list-style-type: lower-alpha;
}

ul.disc {
	list-style-type: disc;
	text-align: left;
}

.highlighth2 ol, .center ol, .center ul {
	list-style-position: inside;
}

/* ul.list is on WYLH.net Subscribe Page */
form ul.list li:not(:last-child) {
	margin-bottom: 1em;
}

/* ul.list is on WYLH.net Subscribe Page */
ul.list {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
}

/* End List Styles */

/* Begin Justify Alignment for Paragraphs. */

p, .justified {
	text-align: justify;
}

p.right {
	text-align: right;
}

/* End Justify Alignment for Paragraphs. */

/* Begin Tables */

table {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}

table.portions thead th, table.portions tbody td, table.vocab thead th, table.vocab tbody td, table.regular thead th, table.regular tbody td {
	border: 0.1em solid #000000;
	padding: 0.25em;
}

table.regular thead th, table.regular tbody td {
	margin-left: auto;
	margin-right: auto;
	padding: 0.5em;
	text-align: center;
}

table.portions * {
	font-family: "Arial",Sans-Serif;
	font-size: 95%;
	padding: 2%;
}

table.portions .subtitles td, td.subtitle {
	background-color: #BFBFBF;
	color: inherit;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
}

table.portions td.week {
	text-align: center;
}

table.specialcount, table.specialcounttotals {
	max-width: 100%;
}

table.specialcounttotals tr:last-child td:first-child {
	text-align: right;
}

table.specialcounttotals tbody tr td, table.specialcounttotals tbody tr td img {
	vertical-align: middle;
}

table.specialcount thead tr th, table.specialcount tbody tr td, table.specialcounttotals thead tr th, table.specialcounttotals tbody tr td {
	border: 0.1em solid #000000;
	max-width: 30%;
	padding: 0.25em;
	text-align: center;
}

table.vocab td:first-child, .vocabword {
	background-color: #AAD5FF;
	color: #008000;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}

table.vocab td + td {
	padding-bottom: 0.2em;
	padding-left: 0.3em;
	padding-top: 0.2em;
}

/* End Tables */

/* Begin img */

img {
	border: 0em;
}

.bottom img {
	vertical-align: bottom;
}

.contact {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media only screen and (max-aspect-ratio: 7/9) {
	.contact img {
		max-width: 100%;
	}
}

@media only screen and (min-aspect-ratio: 70001/90000) {
	.contact img {
		max-width: 25%;
	}
}


img.startparagraph {
	float: left;
	margin-bottom: 1em;
	margin-right: 0.5em;
}

.bigpicsonlynospace, .bigpicsonlynospace img {
	display: block;
	margin: 0em;
	padding: 0em;
	width: 100%;
}

.bigpicsonlynospace img:last-child {
	margin-bottom: -1em;
}

/* Gathering Images & Info Below Img Start */

div.gatheringpic, div.gatheringpic *, ul#imgsinglegathering.innerfade, ul#imgsinglegathering.innerfade * {
	margin-bottom: 0em !important;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-top: 0em !important;
	padding: 0em !important;
	text-align: center !important;
	width: 100% !important;
}

div.gatheringpic ul#imgsinglegathering img {
	margin-top: 1em !important;
}

@media only screen and (min-width: 1px) {
	div.gatheringpic ul#imgsinglegathering img {
		width: 75% !important;
	}
	
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 150px !important;
	}
}

@media only screen and (min-width: 281px) {
	/* unused at this time */
}

@media only screen and (min-width: 291px) {
	/* unused at this time */
}

@media only screen and (min-width: 301px) {
	/* unused at this time */
}

@media only screen and (min-width: 321px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 160px !important;
	}
}

@media only screen and (min-width: 341px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 170px !important;
	}
}

@media only screen and (min-width: 371px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 180px !important;
	}
}

@media only screen and (min-width: 381px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 185px !important;
	}
}

@media only screen and (min-width: 411px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 200px !important;
	}
}

@media only screen and (min-width: 425px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 210px !important;
	}
}

@media only screen and (min-width: 451px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 230px !important;
	}
}

@media only screen and (min-width: 481px) {
	div.gatheringpic ul#imgsinglegathering img {
		width: 50% !important;
	}	

	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 160px !important;
	}
}

@media only screen and (min-width: 531px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 175px !important;
	}
}

@media only screen and (min-width: 600px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 180px !important;
	}
}

@media only screen and (min-width: 651px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 185px !important;
	}
}

@media only screen and (min-width: 676px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 195px !important;
	}
}

@media only screen and (min-width: 701px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 205px !important;
	}
}

@media only screen and (min-width: 726px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 215px !important;
	}
}

@media only screen and (min-width: 776px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 230px !important;
	}
}

@media only screen and (min-width: 826px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 250px !important;
	}
}

@media only screen and (min-width: 881px) {
	div.gatheringpic ul#imgsinglegathering img {
		width: 29% !important;
	}
	
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 150px !important;
	}
}

@media only screen and (min-width: 951px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 160px !important;
	}
}

@media only screen and (min-width: 1001px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 170px !important;
	}
}

@media only screen and (min-width: 1021px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 180px !important;
	}
}

@media only screen and (min-width: 1091px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 190px !important;
	}
}

@media only screen and (min-width: 1161px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 200px !important;
	}
}

@media only screen and (min-width: 1231px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 210px !important;
	}
}

@media only screen and (min-width: 1301px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 240px !important;
	}
}

@media only screen and (min-width: 1441px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 250px !important;
	}
}

@media only screen and (min-width: 1511px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 260px !important;
	}
}

@media only screen and (min-width: 1581px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 270px !important;
	}
}

@media only screen and (min-width: 1651px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 285px !important;
	}
}

@media only screen and (min-width: 1721px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 300px !important;
	}
}

@media only screen and (min-width: 1791px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 320px !important;
	}
}

@media only screen and (min-width: 1891px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 340px !important;
	}
}

@media only screen and (min-width: 1951px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 350px !important;
	}
}

@media only screen and (min-width: 2071px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 370px !important;
	}
}

@media only screen and (min-width: 2191px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 400px !important;
	}
}

@media only screen and (min-width: 2301px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 420px !important;
	}
}

@media only screen and (min-width: 2401px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 440px !important;
	}
}

@media only screen and (min-width: 2601px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 480px !important;
	}
}

@media only screen and (min-width: 2801px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 520px !important;
	}
}

@media only screen and (min-width: 3001px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 550px !important;
	}
}

@media only screen and (min-width: 3201px) {
	div.gatheringpic ul#imgsinglegathering, ul#imgsinglegathering.innerfade {
		height: 750px !important;
		overflow: hidden;
	}
}

/* Gathering Images & Info Below Img End */

/* End img */

/* ++++ - End Applied to specific elements by default. - ++++ */



/* ++++ - Begin Classes applied to various elements. - ++++ */

/* Begin Alignment */

.center, .center p, div#centerallunder * {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* End Alignment */

/* Begin Spacing */

.break, .break ol li, .break ul li, ol.break li, ul.break li {
	margin-bottom: 1em;
}

.nobreak {
	margin-bottom: 0em;
}

.notopbreak {
	margin-top: 0em;
}

.nospacing {
	margin: 0em;
	padding: 0em;
}

.wrap, .wrap * {
	white-space: normal !important;
}

.nowrap {
	white-space: nowrap;
}

.maxwidth100 {
	max-width: 100%;
}

.fullwidth img {
	width: 100%;
}

/* End Spacing */

/* Begin List Styles */

.none {
	list-style-type: none;
}

/* End List Styles */

/* Begin Background Colors, Design, etc. */

.bgcolorblack, .bgcolorblack a {
	background-color: #000000;
	color: #FFFFFF;
}

.bgcolorblack a:hover {
	background-color: #000000;
	color: #FFFF00;
}

.bgcolordarkblue {
	background-color: #000080;
	color: inherit;
}

.bgcolorlightblue {
	background-color: #00B0F0;
	color: inherit;
}

.bgcolorlighterblue {
	background-color: #8DB4E2;
	color: inherit;
}

.bgcolorlightgreen {
	background-color: #92D050;
	color: inherit;
}

.bgcolorlightpeach {
	background-color: #FDE9D9;
	color: inherit;
}

.bgcolororange {
	background-color: #FFC000;
	color: inherit;
}

.bgcolorsoftblue {
	background-color: #B5C5DF;
	color: inherit;
	padding-bottom: 0.5em;
}

.bgcoloryellow {
	background-color: #FFFF00;
	color: inherit;
}

/* End Background Colors, Design, etc. */

/* Begin General Font */

.b, .qverse .dpurple {
	font-weight: bold;
}

.u {
	text-decoration: underline;
}

.blue {
	background-color: inherit;
	color: #0000FF;
}

.blueinvert {
	background-color: #0000FF;
	color: #FFFFFF;
}

.red {
	background-color: inherit;
	color: #FF0000;
}

.dred {
	background-color: inherit;
	color: #990000;
}

.dgreen {
	background-color: inherit;
	color: #008000;
}

.dpurple {
	background-color: inherit;
	color: #800080;
}

.size75 {
	font-size: 75%;
}

.size125 {
	font-size: 125%;
}

.size150 {
	font-size: 150%;
}

.size300 {
	font-size: 300%;
}

/* End General Font */

/* Begin Special Font Classes */

.addedtext {
	background-color: inherit;
	color: #A0A0A0;
	font-style: italic;
}

.highlight, .b .highlight {
	background-color: #FFFF00;
	color: #800000;
	font-weight: bold;
}

.highlighth1 {
	background-color: #FFFF00;
	color: #800000;
	font-size: 150%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.highlightpeachh1 {
	background-color: #FDE9D9;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0.5em;
	text-align: center;
}

/* div.error span.required is used in WYLH.net Subscribe Page */
.highlighth2, div.error {
	background-color: #FFFF00;
	color: #800000;
	font-size: 125%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.purplescripture {
	background-color: inherit;
	color: #800080;
	font-size: 150%;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.qverse {
	display: block;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
}

/* End Special Font Classes */

/* Begin Hebrew & Greek */

.heb {
	background-color: inherit;
	color: #800000;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 500%;
}

.hebfinal {
	background-color: inherit;
	color: #008000;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 500%;
}

.hebnodagesh {
	background-color: inherit;
	color: #000080;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 500%;
}

.hebsmall {
	background-color: inherit;
	color: #800000;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 175%;
	text-align: right;
}

.hebgreen {
	background-color: inherit;
	color: #008000;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 175%;
	font-weight: bold;
}

.hebgold {
	background-color: inherit;
	color: #FFD800;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 175%;
	font-weight: bold;
}

.greeksmall {
	background-color: inherit;
	color: #0000FF;
	font-family: "Times New Roman",Garamond,Georgia,Serif;
	font-size: 175%;
	text-align: right;
}

div.HebrewScriptures h1 {
	font-size: 225%;
	text-align: center;
}

div.HebrewScriptures h1 span {
	background-color: inherit;
	color: #000000;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 100%;
}

div.HebrewScriptures h2 {
	font-size: 200%;
	text-align: center;
}

div.HebrewScriptures nav p {
	font-size: 125%;
	text-align: center;
}

@font-face {
	font-family: "Ezra SIL SR";
	src: url("./!html/woff2/SILEOTSR.woff2") format("woff2");
	src: url("./!html/woff/SILEOTSR.woff") format("woff");
	src: url("./!html/ttf/SILEOTSR.ttf") format("truetype");
}

div.HebrewScriptures ol li {
	direction: rtl;
	font-family: "Ezra SIL SR","Times New Roman",Garamond,Georgia,Serif;
	font-size: 300%;
	margin-right: 100px;
	text-align: right;
}

div.HebrewScriptures ol li span {
	background-color: inherit;
	direction: ltr;
	color: #0000FF;
	font-family: "Arial",Sans-Serif;
	font-size: 0.75em;
	vertical-align: super;
}

img.hebspecial {
	max-width: 50%;
	width: 2em;
}

/* End Hebrew & Greek */

/* Begin Forms & Buttons */

div.form, div.formcenter, div.formcentertop {
	background-color: #B5C5DF;
	border: 0.5em solid #000000;
	color: inherit;
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1em;
	padding-top: 1em;
	text-align: center;
	width: 75%;
}

div.formcentertop {
	margin-top: 1em;
}

div.form h2 {
	margin-top: 0em;
	font-size: 200%;
}

div.form p {
	font-size: 125%;
}

form input {
	max-width: 90%;
}

.input {
	width: 90%;
}

form, form * {
	font-family: "Arial",Sans-Serif;
	text-align: left;
}

div.formcenter form, div.formcenter form *, div.formcentertop form, div.formcentertop form * {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

form input:not(:last-child), form textarea {
	border: 0.2em inset #C0C0C0;
	padding: 1em;
}

form input:last-child {
	border: 0.2em outset #C0C0C0;
	padding: 0.5em;
}

form label, form input:last-child {
	font-size: 150%;
	font-weight: bold;
}

.displayofsubmitted {
	border: 0.2em inset #C0C0C0;
	display: inline-block;
	padding: 1em;
	text-align: left;
	width: 50%;
}

/* WYLH.net other Form code */
form div.required label:first-child {
	display: block;
	text-align: right;
}

button.copy {
	margin-left: 1em;
	margin-bottom: 1em;
	font-size: 125%;
	font-weight: bold;
}

/* End Forms & Buttons */

/* ++++ - End Classes applied to various elements. - ++++ */