html, body  {

	max-width: 48em;
	margin-top: 0em;
	margin-right: auto;
	margin-left: auto;
	/*font-family: serif;*/
	font-family: 'times new roman', serif;
	font-weight: 100;
	font-size: 19px;
	letter-spacing: .02em;
	line-height: 1.2em;
	color: #222;
	/*background-color: #efefef;*/
}

@media all {
	.page-break	{ display: none; }
}

@media print {
	body {font-size: 10pt; color: black;}
	nav.head {display: none}
	footer.page  {display: none;}
	/*h2 {display: block; page-break-before: always; }*/
	.page-break {display: block; page-break-before: always; }
	/*h2 {page-break-before: always; }*/
}

/*  Insert in html:

<div class="page-break"></div>

	to break a page at that point in a printout. */



a:link { text-decoration: none;}

h1,h2,h3,h4,h5 {

	margin-top: 1.5em;
	font-weight: 600;
	letter-spacing: .07em;
	line-height: 1.5em;
	color: #711;
	clear: both;
}

h1 {
	
	font-size: 1.15em;
	text-align: center;
	text-transform: uppercase;
}

h2 {font-size: 1.05em;text-indent: 0em;}
h3 {font-size: 1em;text-indent: .5em;}
h4 {font-size: .9em;text-indent: .5em;}
h5 {font-size: .85em;text-indent: .5em;}


header.page  {

	margin-top: 4%;
	margin-right: 4%;
	margin-left: 4%;
	margin-bottom: 2em;
	height: auto;
	display: block;	
}

img  {

	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	/*box-shadow: 0px 0px 8px #999;*/
	border: 1px solid #999;
	border-radius: 4px;
}

img#photo {
	
	margin-top: 3em;
}


p.caption, p.captiondescription, p.captiondate {

	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0;
	font-size: .8em;
	text-transform: none;
	text-align: center;
}

p.caption {
	font-size: .9em;
	margin-top: .5em;
	margin-bottom: .3em;
}

nav.head  {

	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1.5em;
	padding-left: 3em;
	padding-right: 3em;
}

p#header  {

	text-transform: lowercase;
	text-align: center;
	text-indent: 0;
	font-size: 1em;
	line-height: 1.2em;
	opacity: .77;
}

hr {margin-top: 2em; margin-bottom: 1.5em;}

article  {

	max-width: 44em;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1.3em;
	padding-left: 1.3em;
	padding-bottom: 1.2em;
	height: auto;
}

p { text-indent: 0em;}

p.poem  { text-indent: -.5em;}
p.center  { text-align:center;}
p.quote  { font-family: sans-serif;}

p,cite,em {/* wrap long text and urls */
	
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word; /* IE 5+ */
} 

div.twocolumns {column-count: 2;}


section:before {
 	display: block;
	text-align: center;
	/*color: #711;*/
	padding-top: 1em;
	padding-bottom: 1em;
	content: "\002014   \00a7   \002014"; /* Define section characters here using css ascii codes.*/
}

ul	{
	
	display: block;
	list-style-type: none;
	margin-bottom: 1em;
	margin-left: 0;
	margin-right: 0;
}

ul.contents {
	
	font-weight: 500;
	letter-spacing: .08em;
	line-height: 2.5em;
	color: #711;	
	font-size: 1.15em;
	text-align: center;
	text-transform: uppercase;
	margin-top: 2em;
	padding-left: 0;
}

ul.references, ul.sections, ul.list {
	display: block;
	list-style-type: disc;
}

li::marker { color: #711;}

ul.toc  {

	margin-left: auto;
	margin-right: auto;
	margin-top: 1.3em;
	margin-bottom: 1.3em;
	
	line-height: 1.5em;
   
    -webkit-column-width: 18em; /*16em; /* Chrome, Safari, Opera */
    -moz-column-width: 18em; /*16em; /* Firefox */
	column-width: 18em; /*16em;*/
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	
	border-left: 1px solid #999;
    box-shadow: 0px 0px 8px #ddd;
	
	padding-top: 1em;
	padding-bottom: 1.5em;
	padding-left: 1em;
	padding-right: 1em;
}

ul.toc-articles  {

	margin-left: auto;
	margin-right: auto;
	/*margin-bottom: 1.3em;*/
	padding: 0em;
}

li.toc, li.toc-articles  {

	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1em;
}


li.thumbnail-image  {

	width: 100%;
	margin-left: auto;
	margin-right: auto;
	
	display: block;
	padding-top: .8em;
	padding-bottom: .8em;


	text-align: center;
	font-size: .9em;
	list-style-type: none;
	
	-o-object-fit: cover;
	object-fit: cover;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
}

p.thumb  {

	margin-top: .6em;
	clear: both;
}

.thumbnail-caption  {

	clear: left;
}

.thumbnail-list  {

	clear: both;
	margin-top: 2em;
}

.threeimagescontainer  {

	text-align: center;
}

.threeimages  {

	display: inline-block;
	width: 32%;
}

.floatwrapper {
	
	display: flow-root;
	vertical-align: top;
	clear: both;
}


.floatright {
	
	float: right;
	vertical-align: top; 
	width: 50%;
	margin-left: 1em;
	margin-top: .2em;	
}


.floatleft {
	
	float: left;
	vertical-align: top; 
	width: 50%;
	margin-right: 1em;
	margin-top: .2em;
}


.img-boxwrapper {
	
	display: flow-root;
	clear: both;
}

.img-box  {
	
	max-width: 100%;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	box-shadow: 0px 0px 8px #bbb;
	padding-top: .01em;
	padding-left: .01em;
	padding-right: .01em;
	padding-bottom: .6em;
}

blockquote  {

	max-width: 100%;
	margin-top: 1.5em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	border-left: 1px solid #bbb;
	/*box-shadow: 0px 0px 8px #ddd;*/
	border-radius: 6px;
	padding-top: .1em;
	padding-left: 5mm;
	/*padding-right: .8em;*/
	padding-bottom: 1em;
	/*font-family: 'times new roman';*/
	font-family: 'didot', serif;
	font-family: 'hoefler text', 'didot', serif;
	/*font-style: italic;*/
	font-weight: 100;
	font-size: .96em;
	letter-spacing: 0em;
	line-height: 1.2em;
	color: #333;
}

blockquote.cursive {
	font-family: 'garamond';
	font-style: italic;
	color: #444;
	line-height: 1.3em;
}

cite {
	font-family: 'times new roman', serif;
	font-style: italic;
	font-size: smaller;
	font-size: .9em;
}

p.blockquote {
	
	padding-top: .6em;
}

footer.article  {

	max-width: 44em;
	padding: 0;
	padding-top: 1em;
	margin-right: auto;
	margin-left: auto;
}
	
p.articledate  {

	text-align: center;
	text-transform: capitalize;
	text-indent: 0;
}

p.sitemap  {
	
	text-align:center;
	text-transform: lowercase;
}

p.revised  {

	margin-top: 1em;
	text-align: right;
	text-transform: lowercase;
	font-style: italic;
	text-indent: 0;
}


footer.page  {

	max-width: 44em;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0em;
	padding-top: 1em;
	padding-bottom: 2em;
	clear: both;
}

p.logo  {

	margin-bottom: .6em;
	padding-bottom: 0;
	text-shadow: 0 0 1px;
	font-size: 28px;
}

p.copyright, p.logo {

	text-align: center;
	text-transform: lowercase;
	text-indent: 0;
}

strong, b {
  font-weight: 600 !important;
}