body {margin-left: 3%; margin-right: 3%; color: black; background: white none; font-family: "Times New Roman", serif; text-align: center;}
h1 {margin-top: .8em; text-align: center;}
h2 {margin: .8em 0 .2em 0; font-family: Arial, sans-serif; font-size: 90%; text-align: left;}
p {margin: 0 0 .3em 0; text-indent: 1em; text-align: justify;}
blockquote {margin: 0 2.2em .3em 2.2em; text-align: justify;}
ul, ol {margin-top: .3em; margin-bottom: .3em; text-align: justify;}
.banner {text-indent: 0; font-family: Arial, sans-serif; font-size: 90%; font-weight: bold;}
.header {margin: 0; text-indent: 0; text-align: left; font-family: Arial, sans-serif; font-size: 90%; font-style: italic;}
.noind {text-indent: 0;}
.scripture {margin: 0 .7em .4em 0; text-align: right; text-indent: 0; font-size: 120%; font-weight: bold; font-style: italic;}
.leader {font-family: Arial, sans-serif; font-size: 90%; font-weight: bold;}
.verse {text-indent: 0; font-family: arial, sans-serif; font-weight: bold;}
.smcaps {font-variant: small-caps;}
.footnote {text-indent: 0; color: maroon; background: white none; font-size: 90%;}
.footer {font-size: 110%; font-weight: bold; font-style: italic;}
#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;}