body {margin-left: 3%; margin-right: 3%; color: black; background: white none; font-family: "Times New Roman", serif; text-align: center;}
h1 {margin: 0 0 .2em 0; text-align: center; color: #000080;}
h2 {margin: 0 0 .4em 0; font-family: Arial, sans-serif; text-align: center; color: #000080;}
h3 {margin: .6em 0 .4em 0; font-family: Arial, sans-serif; text-align: left; color: #000080;}
p {margin: 0 0 .3em 0; text-indent: 1em; text-align: justify;}
blockquote {margin: 0 2.2em .3em 2.2em; text-align: justify;}
ul {margin: 0 0 0 1em; text-align: justify;}
.chapter {margin: 0; text-align: center; text-indent: 0; font-family: Arial, sans-serif; font-size: 120%;}
.footnote {text-indent: 0; color: #A52A2A;}
.noind {text-indent: 0;}
.first {font-family: Arial, sans-serif; font-size: smaller; font-weight: bold;}
.scripture {margin: 0 2.2em .7em 2.2em; text-align: center; text-indent: 0; font-size: 120%; font-weight: bold; font-style: italic;}
.footer {font-size: 120%; font-weight: bold; font-style: italic;}
.smcaps {font-variant: small-caps;}
#content {max-width: 680px; margin: 0 auto; text-align: left; width:expression(document.body.clientWidth > 682? "680px": "auto" );}
a:link {color: navy; background: white;}
a:visited {color: purple; background: white;}
a:active {color: red; background: white;}
a:hover {color: blue; background: white;}