div#mainDiv { /* .page-layout */
    display: grid;
    grid-template-columns: 230px 1fr; /* Fixed 250px menu, flexible main area */
    gap: 10px;
    max-width: 960px;
}



/* ======================================================== */
/* ======================================================== */
/* ======================================================== */
/* SITEWIDE CLEARING STYLES */

div.clearleft {
	clear: left;
	margin: 2px;
}
div.clearer{
clear: left;
height: 5px;
display: block;
}

div.clear2{
clear: right;
height: 5px;
display: block;
}

div.clearBoth{
clear: both;
height: 5px;
display: block;
}

/* ======================================================== */
/* ======================================================== */
/* ======================================================== */
/* IMAGE ALIGNMENT STYLES */


img.align_center{
	text-align: center;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0.5em;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

img.align_left{
    margin: 5px;
    float: left;
}

img.align_right{
    margin: 5px;
    float: right;
}





/* ================================================= */
/* ================================================= */
/* ================================================= */
/* COMMONLY USED SITEWIDE STYLES */

/* .creation controls all the articles found in xxTracts, xxFactsheet, and many others */

#bookMatrix {
	display: block;
	background-color:#b9dea2; /* #9adb4d */
    margin: 0 4px;
    padding: 10px;
    width: 700px;
    box-sizing: border-box;
}



.creation { /* used to be in prophetic.css and articles.css and creation.css */
	display: block;
	margin: 6px;
	float: left;
	width: 700px;
	padding: 3em;
    box-sizing: border-box;
}
.white { /* used to be in prophetic.css and articles.css and creation.css */
    background-color: #ffffff;
    color: #000000;
}

div#bookMatrix h1.bookRec{ /* used to be in prophetic.css and articles.css and creation.css */
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.8em;
	text-align: center;
	color: #6F6;
	background-color: #060;
	width: 100%;
	padding: 5px;
	margin: 5px;
	border: #FC0 solid 1px;
    box-sizing: border-box;
}

div#mainDiv h2.subhead {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 1.3em;
	font-weight: bolder;
	color: #0F4D2A;
	background-color: #25FA82;
	border: 4px solid #000000;
	text-align: center;
	padding: 5px;
    grid-column: span 2; 
	margin: 0 4px 4px 4px;
    width: calc(100% - 26px);
    box-sizing: border-box;
}





/* ============================================================= */
/* ============================================================= */
/* ============================================================= */