*{
  box-sizing: border-box;
}
body	{
  	font-family: sans-serif;
  	margin: 0%;
  	margin-left: auto;
  	margin-right: auto;
  	max-width: 1600px;
	background-color: rgb(223,223,223);
		}
h1		{
	text-align: center;
		}
h2 {
	text-align: center;
   }
.sidetitle h2 {
font-size: 24PX;
text-align:initial;
}
.main h2::before 	{ 
  display: block; 
  content: " "; 
  margin-top: -80px; 
  height: 80px; 
  visibility: hidden; 
  pointer-events: none;
						}
.main h3::before 	{ 
  display: block; 
  content: " "; 
  margin-top: -80px; 
  height: 80px; 
  visibility: hidden; 
  pointer-events: none;
						}
p {
	font-size: 100%
  }
p.figure 	{
 	text-align: center;
	 font-style: italic;
	 color: rgb(127,127,127);
				}
p.quotes 	{
 	text-align: left;
	 font-style: italic;
	 color: rgb(63,63,63);
				}
p.footnote 	{
	font-size: 80%;
				}
p.midlink 	{
	font-weight: bold;
	font-size: 120%;
	text-align: center;
				}
p.footersection	{
	font-size: 120%;
	line-height: 1.6;
						}
a, a:link, a:visited 	{
	color: rgb(127,0,0);
	text-decoration: none;
  								}
a:hover 					{
color: rgb(191,63,63);
text-decoration: none;
							}
.side a, .side a:link, .side a:visited {
	color: black;
	text-decoration: none;
													}
.side a:hover	{
					color: white;
					}
.footerpanel a, .footerpanel a:link, .footerpanel a:visited 	{
	color: white;
	text-decoration: none;
  																					}
.footerpanel a:hover 			{
color: black;
text-decoration: none;
										}
table {
	margin: auto;
	text-align: left;
		}
th, td {
	padding-right: 10px;
	padding-bottom: 5px;
		}
ul.quotes	{
	 font-style: italic;
	 color: rgb(63,63,63);
				}
.header {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-left: 0px;
  padding-left: 0px;
  text-align: center;
  background: rgb(15,15,15);
  color: white;
}
.navbar 	{
  	overflow: hidden;
  	background-color: rgb(127,0,0);
  	text-align: center;
  	padding: 0px 0px;
  	position: sticky;
  	top: 0;
			}
.pagenos {
  	overflow: hidden;
  	background-color: rgb(15,15,15);
  	text-align: center;
  	padding: 0px 0px;
  	top: 0;
			}
.navbar a	{
	font-size: 120%;
  	display: inline-block;
  	color: white;
  	padding: 14px 20px;
  	text-decoration: none;
  	margin-right: -5px;
				}
.pagenos a	{
	font-size: 100%;
  	display: inline-block;
  	color: white;
  	padding: 10px 14px;
  	text-decoration: none;
  	margin-right: -5px;
				}
.navbar a.right 	{
  float: right;
						}
.navbar a:hover:not(.active)	{
	background-color: rgb(191,63,63);
	color: black;
										}
.pagenos a:hover:not(.active)	{
	background-color: rgb(63,63,63);
	color: black;
										}
.navbar a.active	{
	background-color: white;
	color: rgb(15,15,15);
						}
.pagenos a.active	{
	background-color: white;
	color: rgb(15,15,15);
						}
.footer 	{
	padding: 0;
	text-align: center;
	background:rgb(127,0,0);
	color: white;
	display: flex;
	flex-wrap: wrap;
			}
.footerlogo	{
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	flex: 30%;
				}
.footerlinks	{
	padding-left: 10px;
	padding-right: 10px;
	flex: 70%;
	display: flex;
	flex-wrap: wrap;
					}
.footerpanel	{
	padding: 0;
	flex: 1;
					}
.row 		{
  	display: flex;
  	flex-wrap: wrap;
			}
.reverse	{  
  display: flex;
  flex-wrap: wrap;
			}
.side 	{
  flex: 1;
  background-color: rgb(191,191,191);
  padding: 20px;
			}
.sidew	{
	flex: 1;
	background-color: white;
	padding: 20px;	
			}
.main 	{   
  	flex: 3;
  	background-color: white;
	padding: 20px;
			}
.pagetop	{
	background: rgb(15,15,15);
	color: white;
	margin: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
			}
.artside {
  flex: 20%;
  background-color: rgb(239,239,239);
  padding: 20px;
			}
.artmain {   
  flex: 80%;
  background-color: white;
  padding: 20px;
			}
.split {
	flex: 1;
   background-color: white;
   padding: 20px;
		}
.splitg 	{
	flex: 1;
   background-color: rgb(191,191,191);
   padding: 20px;
			}
.v-sticky   {
				position: sticky;
				top: 80px;
				}
img.middle  {
  				max-width: 100%;
  				height: auto;
  				display: block;
  				margin-left: auto;
  				margin-right: auto
  				}
img.link
				{
					margin: 0 auto;
					display: inline-block;
					max-width: 100%;
					height: auto;
				}
img.bside	{
   			max-width: 100%;
   			height: auto;
   			border:2px outset rgb(15,15,15);
   			display: block;
    			margin-left: auto;
    			margin-right: auto
				}
audio.long	{
				width: 100%;
				display: block;
				margin-left: auto;
				margin-right: auto;
				}
iframe
				{
				aspect-ratio: 16 / 9;
				max-width: 100%;
				max-height: 100%;
				display: block;
				margin-left: auto;
				margin-right: auto;
				}
@media screen and (max-width: 1280px) {
	.footer 	{
				flex-direction: column-reverse;
				padding: 10px;
				}
	.footerlogo	{
		padding-top: 0;
					}
	.footerlinks	{
		padding-bottom: 0;
						}
@media screen and (max-width: 1080px)	{
	.v-sticky	{
					position: static;
					}
	.navbar a	{
					font-size: 100%;
					}
	p.footersection	{
		font-size: 100%;
							}
	.row 	{   
    flex-direction: column;
  			}
	.reverse 	{
    flex-direction: column-reverse;
  			}
	.table th, td	{
						font-size: 90%;
						}
													}
@media screen and (max-width: 720px) {
	.navbar		{
		position: static;
					}
	.navbar a 	{
   	float: none;
   	width:100%;
    	padding: 5px 20px;
    	margin-left: -5px;
  					}
	.pagenos a 	{
		float: none;
		width: 100%;
		padding: 5px 20px;
		margin-left: -5px;
					}
.footerlinks	{
	flex-direction: column;	
					}
.table th, td	{
				font-size: 75%;
					}