body {
	font-family: 'Times New Roman', Times, serif;
	font-size: 120%; 
	width: 660px;
    height: 684px;
    background-color: ivory;
    display: grid;
    grid-template-columns: 68px 32px 225px 30px 225px 32px 48px;
    grid-template-rows: 24px 44px 48px 154px 48px 48px 48px 220px 34px 16px;
    grid-template-areas: 
		"logo hdep hdtx hdtx hdtx hdop exit"
		"logo main main main main main exit"
		"begn main main main main main ...."
		".... main main main main main ...."
		".... main main main main main less"
		"prev main main main main main next"
		".... main main main main main more"
		".... main main main main main ...."
		"endg main main main main main ...."
		"endg ftht ftht ftfp ftpo ftpo ....";
}
h1 {
	text-align: center;
}
h2 {
	text-align: center;
}
nav.htmsimg {
    grid-area: logo;
    margin: 2px 2px 2px 2px;
}
nav.beginimg {
    grid-area: begn;
    margin: 0px 10px 0px 10px;
}
nav.previmg {
    grid-area: prev;
   margin: 0px 2px 0px 18px;
}
nav.endimg {
    grid-area: endg;
    margin: 0px 10px 2px 10px;
}
#pgeven {
	grid-area: hdep;
	border-left: 2px solid black;
	border-top: 2px solid black;
	padding: 4px 0px 0px 4px;
	text-align: left;
}
#pghdr {
    grid-area: hdtx;
	border-top: 2px solid black;
	padding-top: 4px;
	text-align: center;
	font-size: 80%;
	font-weight:lighter;
	font-style: italic;
}
#pgodd {
	grid-area: hdop;
	border-top: 2px solid black;
	border-right: 2px solid black;
	padding: 4px 4px 0px 0px;
    text-align: right;
}
article {
	grid-area: main;
	border-left: 2px solid black;
	border-right: 2px solid black;
	padding-left: 4px;
	padding-right: 4px;
	align-content: stretch;
}
#htms {
		grid-area: ftht;
		font-size: 60%;
		border-left: 2px solid black;
		border-bottom: 2px solid black;
		padding-left: 10px;
		padding-bottom: 6px;
		text-align: left;
		color: gray
}
#pgcenter {
		grid-area: ftfp;
		font-size: 80%;
		color: black;
		border-bottom: 2px solid black;
		font-weight: bold;
		padding-bottom: 6px;
		text-align: center;
}
#rwi {
		grid-area: ftpo;
		font-size: 60%;
		border-right: 2px solid black;
		border-bottom: 2px solid black;
		padding-right: 10px;
		padding-bottom: 6px;
		text-align: right;
		color: gray;
}
.idxsimg {
    grid-area: exit;
	width: 48px;  
	height:48px;
	margin: 2px 0px 198px 0px;
}
.lessimg {
	grid-area: less;
	width: 48px;  
	height: 48px; 
	margin: 0px 0px 48px 0px;
}
.nextimg {
    grid-area: next;
	width: 48px;  
	height: 48px; 
	margin: 0px 0px 48px 0px;
}
.moreimg {
    grid-area: more;
    width: 48px;
    height: 48px;
	margin: 0px 0px 196px 0px;
}
div.img {
	float: right;
}
figure {
	margin: 0;
	text-align: center;
}
figcaption {
	text-indent: 0;
	text-align: center;
	font-size: 120%;
	margin: 0;
	margin-bottom: 0.2em;
}
.subhdgs {
	text-indent: 0;
	margin: 0;
	margin-top: 0;
	margin-bottom: 0.1em;
}
h3 {
	margin: 0;
	text-align: center;
	font-size: 130%;
}
p {
	text-align: justify;
	text-indent: 2em;
	margin: 0;
	margin-bottom: 0em;
}
.topics {
	padding-left: 2em;
	text-indent: -2em;
	font-variant: small-caps;
}
ol {
	margin-block-start: 0;
	padding-inline-start: 0;
	text-indent: 2em;
	text-align: justify;
	margin-bottom: 0em;
}
.ftnote {
	padding-left: 1em;
	padding-top: 0.2em;
	text-indent: -1em;
	font-size: 80%;
}
.ftnotecont {
	padding-left: 1em;
	padding-top: 0.2em;
	text-indent: 0;
	font-size: 80%;
}
section {
	width: 260px;
    margin: 0;
	padding: 0;
	float: left;
	font-size: small;
}
section.row:after {
	content: "";
	display: table;
	clear: both;
}
.tables {
	line-height: 90%;
	font-size: 90%
}
table.box{
	margin: 0 auto;
	margin-bottom: 0.5em;
	border: 1px solid black;
	border-collapse: collapse;
}
td.border {
	border: 2px solid black;
	padding: 6px;
	text-align: center;
	font-size: 80%;
}
gifaside {
	width: 264px;
    margin: 0;
	padding: 0;
	float: right;
}
.row:after {
	content: "";
	display: table;
	clear: both;
}
.noindent {
	text-indent: 0;
}
li {
	list-style: none;
	display: inline;
}
.footnoterule {
	max-width: 5em;
	margin-left: 0;
	height: 0;
	border-width: 1px;
	color: black;
	background-color: black;
}
table.poem{
	margin: 0 auto;
	margin-bottom: 0.5em;
}
.border{
	margin: 0 auto;
	margin-bottom: 0.5em;
	border: 1px solid black;
	border-collapse: collapse;
}
.stanza {
	text-indent: 0;
	margin: auto;
	margin-top: 0.5em;
}
.wide {
	font-size: 90%;
	margin: auto;
}
.biblecite {
	color:darkblue;
	font-weight: bold;
	line-height: 0em;
	cursor: pointer;
}
.chronhilite {
	font-weight: bold;
	color:green;
}
.biblehilite {
	background-color:powderblue;
	line-height: 0em;
}
.pastorcomment {
	font-weight: bold;
	color:indianred;
}
.erratahilite {
	background-color:orange;
}
del {
	color: darkgreen;
	font-style: italic;
}
.histperson {
	color:indigo;
	font-weight:bold;
}
.pubauthor {
	color:red;
	font-weight: bold;
}
.pubsource {
	color: red;
	font-style: italic;
	font-weight: bold;
}
.pubquote {
	background-color:mistyrose;
}
h5 {
	margin: 0;
	text-align: center;
	font-size: 80%;
}
h6 {
	margin: 0;
	text-align: center;
	font-size: 70%;
}
.centeredrule {
	margin-top: .5em;
	margin-bottom: .5em;
	max-width: 8em;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-indent: 0;
	height: 0;
	border-width: 1px;
	color: black;
	background-color: black;
}
.blankpage {
	text-align: center;
	margin-top: 16em;
	width: 98%;
}
.centerjustify {
	margin: 0;
	text-align: center;
}
.rightjustify {
	text-align: right;
}
.leftjustify {
	text-align: left;
}
ul.leaders {
	margin: 0 auto;
	max-width: 36em;
	padding: 0;
	overflow-x: hidden;
	list-style: none
}
ul.leaders li:before {
	margin: 0 auto;
	float: left;
	width: 0;
	white-space: nowrap;
	font-weight: bold;
	content: ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
}
ul.leaders span:first-child {
	padding-right: 0.33em;
	white-space: nowrap;
	background: ivory
}
ul.leaders span + span {
	float: right;
	padding-left: 0.33em;
	background: ivory;
}
.seperator:after {
	content: "" !important;
}
.leftcol {
	padding-right: 3em;
}
.midcol {
	padding-right: 3em;
}
.rightcol {
	border-left: 1px solid black;
	padding-left: 3em;
}
.symbols {
	padding-left: 2em;
}
cbg {
    background-color: yellow;
	font-size: 90%;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.lesson{
	text-indent: 0;
	text-align: center;
}
qbg {
    background-color: yellow;
	font-size: 90%;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.question {
	font-style: italic;
	text-indent: 0;
	text-align: center;
}