body {
	background-color: #600;
	font-family: "Georgia", "Times New Roman", serif;
	margin: 0;
}

a {
	text-decoration: none;
	color: #03a;
}
a:hover, a:visited:hover {
	color: #39f;
}
a:visited {
	color: #009;
}

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	font-weight: bold;
}

p {
	text-indent: 1em;
	font-family: "Georgia", "Times New Roman", serif;
	font-size: 12pt;
	text-align: justify;
	line-height: 150%;
	margin-left: 6%;
	margin-right: 6%;
}
p.fst {
	text-indent: 0em;
}
p.quote { 
	font-size: 10pt;
	line-height: 125%;
	margin-left: 12%;
	margin-right: 12%;
}
p.quoteb { 
	text-indent: 0em;
	font-size: 10pt;
	margin-left: 12%;
	margin-right: 12%;
}
p.quotec { 
	text-indent: 0em;
	font-size: 10pt;
	margin-left: 16%;
	margin-right: 16%;
}
p.indent { 
	margin-left: 12%;
	margin-right: 12%;
}
p.indentb { 
	text-indent: 0em;
	margin-left: 12%;
	margin-right: 12%;
}
p.indentc { 
	text-indent: 0em;
	margin-left: 16%;
	margin-right: 16%;
}

#workinfo > p {
	text-indent: 0em;
	line-height: 100%;
	margin: 1em 0;
}
p.sig {
	text-indent: 0em;
	/*font-family: "Vivaldi", "Lucida Handwriting", "Brush Script MT", script, serif;*
	font-weight: bold;*/
	font-style: italic;
	line-height: 125%;
	text-align: left;
	margin-left: 8%;
}
span.inote {
	color: #666666;
}
a.anote, a.enote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	vertical-align: super;
}
a.anote::before {
	content: "(";
}
a.anote::after {
	content: ")";
}
a.enote::before {
	content: "[";
}
a.enote::after {
	content: "]";
}
.notes {
	margin: 0 2%;
}
.notes > ol {
	list-style-type: none;
	text-indent: -2ch;
}
.notes > hr {
	width: 50%;
}
ul.contents {
	list-style-type: none;
}
ul.contents > li {
	line-height: 150%;
}

img.portrait {
	height: 150px;
	border: 1px black solid;
	margin: 0 auto;
}

nav {
	font-family: Arial, Helvetica, sans-serif;
	display: flex;
	flex-wrap: wrap;
}
nav > #ext {
	flex: 1;
	text-align: right;
}
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#pagetitle {
	flex: 1;
}
#pagetitle > h1, #pagetitle > h2 {
	margin: 0.5em 0;
	color: #600;
}
.index {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.index > a {
	flex: 1;
}
.index > .prev {
	text-align: left;
}
.index > .contents {
	text-align: center;
}
.index > .next {
	text-align: right;
}
#page {
	max-width: 1024px;
	width: 100%;
	background-color: #fff;
	border: 1px #fff solid;
	box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	padding: .5em 3%;
	height: auto;
	box-sizing: border-box;
}
footer > p {
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 0;
	line-height: 2em;
	font-size: .75em;
	margin: 0;
}
#toplink {
	position: sticky;
	bottom: 0;
	display: block;
	width: 100%;
	padding: .5em 0;
	text-align: center;
	color: white;
	background-color: rgba(0, 0, 0, 0.5);
}
#toplink:hover {
	background-color: rgba(0, 0, 0, 0.75);
}