@font-face {
	font-family: 'Cardo';
	font-style: normal;
	font-weight: 400;
	src: local('Cardo'), local('Cardo-Regular'), url(https://fonts.gstatic.com/s/cardo/v11/wlp_gwjKBV1pqhv43IQ.ttf) format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'Arial';
	font-style: normal;
	font-weight: 400;
	src: local('Arial'), local('Arial')
}
:root	{
	--black: #171321;
	--bg:	white;
	--font-size: 1.3rem;
	}
html	{box-sizing: border-box;}
*, *::before, *::after	{box-sizing: inherit;}

body	{
	background: var(--bg);
	padding:0;
	margin:0;
	min-height:100%;
	font-family:"Cardo";
	}
div#back	{
	position: fixed;
	top: 2px;
	left:5px;	
	}

main	{
	top:35px;
	min-height:100%;
	margin-left:auto;
	margin-right:auto;
	width:60%;
	background-color: var(--bg);
	font-family:Cardo;
	overflow:hidden;
	z-index:1
        }
main p,h2,img  {
	margin: 0.4em;
	font-size:1.2em
	}
main h1 {margin-top:2.5em;clear:both;font-size:1.9em;}
main h2 {margin-top:1.5em;clear:both;font-size:1.6em;}
main h3 {margin-top:1.5em;clear:both;font-size:1.4em;}


main p,h2,img  {margin: 0.4em;}
main p,li  {font-size:1.2em;margin-top:1em;}
main h2 {margin-top:1.5em;clear:both;}
main li {margin-right:0.5em;margin-left:0;padding-left:0;}
main ol {padding-left:1em;margin-left:1em;}
main td {
	font-family: Verdana, Arial, helvetica, sans-serif;
	padding-left:0.3em;
	padding-left:0.3em;
	}
main h3 {margin-bottom: 0.25em;}
main a:link      {text-decoration:none;}
main a:visited   {text-decoration:none;}
main a:hover     {text-decoration:underline;}
main a:active    {text-decoration:none;}
div#alpha1	{
	position: fixed;
	top: 12px;
	left:260px;
	font-family:arial;
	font-size:1em;	
	}
div#alpha2	{
	position: fixed;
	top: 6px;
	left:310px;
	font-family:arial;
	font-size:1.3em;	
	}
div#alpha3	{
	position: fixed;
	top: 3px;
	left:365px;
	font-family:arial;
	font-size:1.5em;	
	}
div#home	{
	position: relative;
	top: 1px;
	left:200px;	
	}
div#navmsg {
	position: fixed;
	top: 1px;
	left:40px;	
	font-family:arial;
	font-size:1.3em;
	font-variant-caps: all-petite-caps;
	color:black;
	z-index:100;
	}
div#tophead {
	position: fixed;
        top: 0px;
        left: 0px;
        width:100%;
	padding-top:5px;
	background: #CCC;
	z-index:3;
	}
div#tophead span {
	font-family:Cardo;
	font-size:1.8em;
	padding-left:10px;
}
figcaption {caption-side:bottom;text-align:center;}
figure  {break-inside:avoid;display: table;float:left;margin-left:0;}
h1      {clear:both;margin-left:0.4em;font-family:Cardo;}
.nofill {
    stroke: var(--black);;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }
.fill {
    stroke: #000;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: black;
  }
.byline	{font-family:Cardo;font-size:1.2em;margin-top:0;margin-bottom:1em!important;}
.caption-table {
	page-break-inside:avoid;
	margin-bottom:1.5em;
	font-size:1em!important;
	padding:0;
	}
footer	{
	font-family:arial;
	font-weight:bold;
	font-size:0.7em !important;
	padding-top:2em;
	padding-bottom:1em;
	clear:both;
	display:flex;
	flex-flow:
	row wrap;
	justify-content:center;
	}
.firstimg	{
	float:left;
	margin-right:1.5em;
	margin-bottom:1.3em;
	border: 1px solid #BFBFBF;
	box-shadow: 6px 6px 9px #888888;
	}
.firstpar	{margin-top:0!important;}
.fixed  {font-family:monospace;}
.heading-2	{font-size:1.6em!important;font-weight:bold;}
.links p	{margin-bottom:2em;}
.bdate	{
	font-family:arial;
	font-weight:bold;
	font-size:0.8em;
	padding-bottom:1em;
	}
.indent {
	padding-top:1em;
	padding-bottom:1em;
	padding-left:5%;
	padding-right:5%;
	clear:both;
	}
.nobreak	{break-inside:avoid!important;}
.together	{orphans:3;}
.subhead	{font-weight:700;text-transform:uppercase;margin-top:1.5em!important;font-family:Arial,Helvetica,sans-serif;}
.greenbox {
        font-family:Arial;
        font-variant: small-caps;
        display: inline-block;
        border-style: solid;
        border-radius: 5px;
        border:2px solid green;
        padding:0.2em;
        margin:0.2em;
        background-color: blue;
        color:white;
        font-size:1.2em;
        font-weight:bold;
        box-shadow: 5px 5px 5px #888888;
}

@media screen and (max-device-width:1024px) {
	div#tophead span {font-size:calc(20px + 2vw);padding-left:10px;}
	div#content {width:100%; font-size:calc(10px + 2vw);top:80px;}
	.backarrow {fill:green;}
	.greenbox {font-size:calc(8px + 1.4vw);}
}

@media screen and (max-device-width:640px) {
	div#content {width:100%;font-size:calc(14px + 2vw);top:80px;;}
	.backarrow {fill:red;}
}

@media screen and (max-device-width:540px) {
	div#content {width:100%;font-size:calc(12px + 2vw);top:80px;;}
	.backarrow {fill:blue;}
}

@media screen and (max-device-width:320px) {
div#content {font-size:1.1em;}
.backarrow {fill:orange;}
}

@media screen and (max-width: 1000px)	{main {width:80%;}}
@media screen and (max-width: 800px)	{main {width:90%;}}
@media screen and (max-width: 600px)	{main {width:96%;}}
@media screen and (max-width: 300px)	{main {width:99%;}}