@font-face {
  font-family: Harrowgate;
  src: url(_dat/harrowga.ttf);
}

@font-face {
	font-family: KJV1611;
	src: url(_dat/kjv1611.otf);
}

body {
	margin-left: 5%;
	margin-right: 5%;
	font-family: KJV1611;
	font-size:16pt;
	color: #555555;
	text-shadow: 3px 3px 8px #ffffff;
	overflow-y: scroll;
	overflow-x:	hidden;
}

pre {
	margin-left: 5%;
	margin-right: 5%;
	font-family: KJV1611;
	font-size:16pt;
	color: #555555;
	text-shadow: 3px 3px 8px #ffffff;
}

p {
	text-indent: 25px;
}

h1 {
	opacity: .9;
	font-family: Harrowgate;
	font-size:96pt;
	text-shadow: 4px 4px 10px #000000;
	background: -webkit-linear-gradient(#AA5555, #555555);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 {
	font-family: Harrowgate;
	font-size:48px;
	color: #555555;
	text-shadow: 3px 3px 5px #ffffff;
}

h2center {
	font-family: Harrowgate;
	font-size:48px;
	text-align: center;
	color: #555555;
	text-shadow: 3px 3px 5px #ffffff;
}

.scripture {
	font-family: KJV1611;
	font-size: 20pt;
	font-style: italic;
	text-align: center;
	text-indent: 0px;
}

.jscripture {
	font-family: KJV1611;
	font-size: 20pt;
	font-style: italic;
	text-align: center;
	text-indent: 0px;
	color: #AA5555;
}

.illuminated_sm {
	font-family: Harrowgate;
	font-size: 34pt;
	text-shadow: 2px 2px 1px #252525;
	color: #AA5555;
	font-weight: bold;
	line-height: .8;
}

.jscriptureleft {
	font-family: KJV1611;
	font-size: 20pt;
	font-style: italic;
	text-align: left;
	color: #AA5555;
}

.columned {
		column-count: 2;
}

.tocontents {
	font-family: KJV1611;
	font-size: 20pt;
	font-style: normal;
	text-align: center;
	text-indent: 0px;
}

.mediaplay {
	bottom: 10px;
	left: 10px;
	position: fixed;
}

/* ============= NAV PANE ============================================= */

.default {
	top: 20px;
	left: 20px;
	position: fixed;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.confess {
	top: 20px;
	position: fixed;
	left: 115px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.repent {
	top: 20px;
	position: fixed;
	left: 205px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.pray {
	top: 20px;
	position: fixed;
	left: 290px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.worship {
	top: 20px;
	position: fixed;
	left: 350px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.convocation {
	top: 20px;
	position: fixed;
	left: 447px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.sacrifice {
	top: 20px;
	position: fixed;
	left: 577px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}

.about {
	top: 20px;
	position: fixed;
	left: 670px;
	text-decoration: none;
	color: #555555;
	opacity: .8;
}


/* Donation page. Quote scripture about how you cannot ask advice from a holy man without bringing a gift.

"Then said Saul to his servant, But, behold, if we go, what shall we bring the man?
for the bread is spent in our vessels, and there is not a present to bring to the man of God: what have we?"
- 1 Samuel 9:7 KJV */

/* Menu Hover Graphics */

.default:hover {
	top: 20px;
	position: fixed;
	left: 20px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.confess:hover {
	top: 20px;
	position: fixed;
	left: 115px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.repent:hover {
	top: 20px;
	position: fixed;
	left: 205px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.pray:hover {
	top: 20px;
	position: fixed;
	left: 290px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.worship:hover {
	top: 20px;
	position: fixed;
	left: 350px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.convocation:hover {
	top: 20px;
	position: fixed;
	left: 447px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.sacrifice:hover {
	top: 20px;
	position: fixed;
	left: 577px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}

.about:hover {
	top: 20px;
	position: fixed;
	left: 670px;
	text-decoration: none;
	text-shadow: 3px 3px 8px #FFCCCC;
	color: #AA5555;
	opacity: 1.0;
}