/* blue #9DA6B7; green #809A80; */

body { 
background: gray;
color: black;
font-family: arial, sans-serif;
}
a, a.hover { text-decoration: none; }

p { margin: 0.67em 0; }

li { line-height: 1.5 !important; }

div.body {
/* contains div.head, div.location, div.main, div.colophon */
background: white; /*#FACDA3;*/
border: black solid 1px;
/* 
width: 750px;
 */
max-width: 42em; 
margin: 0 auto;
padding: 1em;
}

div.head {
font-size: 15px;
line-height: 20px;
padding: 3px 25px;
padding-bottom: 0;
margin: 0;
border: solid gray 1px;
background: #9DA6B7;
}
div.head-new {
padding: 15px 0 5px 0;
margin: 0 auto;
text-align: center;
}
div.head-new a {color:black;}
div.head-new a img {width: 95% !important; height: auto;}
h1 { color: maroon; margin-top: 12px; margin-bottom: 5px; }


div.location {
padding: 3px 14px 7px 14px;
margin: 0;
border-bottom: dotted #9DA6B7 1px;
}
h2 { font-size: 16px; margin-top: 1em; margin-bottom: 0; padding-top: 0; padding-bottom: 3px; }

div.main {
/* contains div.nav, div.content, div.ads */
padding: .33em;
margin: 0;
}

div.nav {
font-size: 15px;
padding: 1em;
margin: 0 auto;
border-top: 1px solid silver;
}

div.nav ul {
list-style: none;
padding: 0.33em;
margin: 0.33em;
}

div.nav ul a.this-section { font-weight: bold; }
div.nav ul a#this-page { font-weight: bold; color: black; background: transparent; }

div.content {
/* 
width: 360px;
float: left;
 */
padding: 20px 15px 20px 10px;
font-size: 15px;
line-height: 20px;
}
h1.three, h3, h4 { color: black; font-size: 1.2em; margin-top: 0; padding-top: 0; margin-bottom: 0;; line-height: 1.5; }
div.content ul { margin: 1em 0.33em 0.33em 0.67em; padding: 0;; line-height: 1.5; }
div.content ul li { list-style-type: circle; margin: 0.33em; padding: 0; line-height: 1.5; }

p.byline {
text-align: right;
font-size: 15px;
font-family: arial, sans-serif;
font-style: italic;
margin-bottom: 1.5em;
}
p.quiz { font-style: italic; }
p.note { font-size: 15px; }
p.center { width: 100%; text-align: center; }

div.ads {
/* 
width: 140px;
float: left;
 */
padding: 0px;
margin: 20px 15px 20px 20px;
/* border-left: dashed #9DA6B7 1px; */
}

div.colophon {
clear: both;
width: auto;
text-indent: 0.5em;
font-size: 15px;
font-style: italic;
padding: 1em;
border-top: solid #9DA6B7 1px;
}