body {
margin: 0;
padding: 0;
background: url("art/burl-bak.jpg");
color: black;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
}
/* ================= END VIEWPORT SETUP =================== */



/* ================= start body =================== */

#page {/* start (immediately) after wrapper, sets text width*/
max-width: 42em;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
line-height: 1.2;
margin: 0 auto;
font-size: 110%;
width: 100%;
}

.roman {font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;}

.red { color: red;}

.indent {margin-right: 3em; margin-left: 4em;}


.box-text {
border: 6px solid #a2b5cd;
margin: 0.5em auto 0 auto;
width: 100%;
padding: 0.2em 0.6em 0.3em 0.6em;
text-align: left;}

.box-text h3 {
width: 98%;
padding: 0.3em 0.6em 0.1em 0.6em;
line-height: 1.3;}

.box-text p {
width: 98%;
line-height: 1.3;
margin-top: 0.3em;
margin-bottom: 0.2em;}


/* ========== Typography ========== */

p {
text-align: left;
font-size: 100%;
line-height: 1.4;
width: 42em;
}

h1 {
text-align: center;
font : 200%   "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
margin-top: 0.8em;
line-height: 1.2;
}


h2 {
width: 100%;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 150%;
display: block;
font-weight: normal;
letter-spacing: 2px;
padding: 0.2em;
clear: both;
}

h4 {
width: 100%;
font-family: "Palatino Linotype", "Bookman Old Style", Georgia, "Bitstream Charter", serif;
font-size: 120%;
display: block;
font-weight: normal;
vertical-align: middle;
}

.smallnote {
font-size: 68%;
padding-left: 2em;
border: none;
}

.source {
text-align: right;
font-size: 90%;
margin-right: 0;
}


blockquote p {
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
line-height: 1.3;
text-align: left;
width: 90%;
}

blockquote h4 {
text-align: center;
font-family: Calibri,"Century Gothic", Corbel, "Bitstream Vera Sans",  Arial, sans-serif;
}

a:link{
display: inline;
margin: 0;
padding: 0;
color: #0000cd;
text-decoration: underline;
line-height: 1.25;
}

a:visited {
display: inline;
margin: 0;
padding: 0;
text-decoration: underline;
color: #00008b;
line-height: 1.25;
}

a:hover {
display: inline;
margin: 0;
padding: 0;
text-decoration: none;
line-height: 1.25;
}




/* ======== Graphics ========== */
img.brdr {
margin: 0 auto;
text-align: center;
border: 3px solid #556B2F;
}

img.nobrdr {
border: none;
}

img.right {
float: right;
border: 1px solid black;
padding-left: 0.1em;
}

.right {
float: right;
}

img.left {
float: left;
border: none;
padding-right: 0.5em;
}

.left {
float:left;
border: none;
padding-right: 0.6em;}

.fl-left {
position: relative; 
left: 0;
padding-right: 0.6em;
}

.small {font-size: 80%}

.center {
text-align: center;
margin: 0 auto;
}

.bigdivider { /* light gray-green bar, half the width of the text area. Use a content-empty para. */
position: relative;
margin-top: 1.5em;
width: 100%;

clear: both;
}

/* ======= End graphics =========== */





/* ==== Start indented alternating bullets list =============*/


.bullet_list dl {
text-align: left; 
margin-bottom: 0;
}

.bullet_list img {
vertical-align: baseline;
}

.bullet_list dt {
margin-top: 0.8em;
margin-left: 36px;
}

.bullet_list dd {
margin-top: 0.3em;
margin-left: 36px;

text-align: left;
line-height: 1.2;
}

.bullet_list h4 {
margin-top: 0.1em;
margin-bottom: 0;
}

.bullet_list p {
margin-top: 0.2em;
}