.page {
	max-width: 1600px;
}
  
div.album {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
  
div.album > div {
  	text-align: center;
    margin: 1ex 0.2em 1ex 0.25em;
    padding: 0 0.5em 0.5em;
}

h2 {
	text-align: center;
}

.meat img {
	border-style: none;
	height: auto;
	padding: 0;
	margin: 0;
}

img.center {
	margin-left: auto;
	margin-right: auto;
}

.help {
	cursor: help;
}

.s {
	font-size: 60%;
	font-weight: inherit;
	font-family: inherit;
}

.xlarge {
	font-size: x-large;
	font-weight: normal;
	font-family: Arial;
}

.heading {
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	margin-top: 0;
	margin-bottom: 0;
}
p.heading {
	line-height: 100%;
}
.dark .heading, .dark .heading span {
	color: black;
}

#envelope {
	height: 4ex; 
	width: 4ex; 
	margin-top: -0.25ex; 
	float: left;
}

/* Put a white frame around the image(s) */
.framed-img img.responsive {
	background-color: white;
	padding: 5px;
	border: 1px solid lightgrey;
	box-shadow: 5px 5px 5px hsla(0, 0%, 26.6667%, 0.8);	
    box-sizing: border-box;
}

.framed-img img.responsive:hover {
	box-shadow: 6px 6px 6px hsla(0, 1%, 30%, 0.9);
}
.shadow:hover {
	box-shadow: 10px 10px 10px hsla(0, 1%, 30%, 0.9);
}

td.gray {
	font-size: x-small;
	font-weight: normal;
	color: gray;
}

table.center {
	margin: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0 none;
}

table.center th, table.center td {
	text-align: center;
	vertical-align: middle;
	font-family: Arial;
	margin: 0;
	border: 0 none;
	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
}

table.center th {
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	vertical-align: bottom;
}

table.center TD.right {
	text-align: right;
}

table.center TD.left {
	text-align: left;
}

table.center TD.top {
	vertical-align: top;
}

.tableDisplay {
	display: table; 
	width: 100%;
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	position: relative;
}
#nav-bar {
	display: grid;
	grid-template-columns: 3rem 1fr 3rem;
}
#nav-bar .lNavCell, #nav-bar .rNavCell {
	display: inline-block;
	min-width: 3rem;
	grid-row: 1;
	align-self: center;
}
#nav-bar .lNavCell {
	grid-column: 1;
}
#nav-bar .hNpCell {
	grid-column: 2;
}
#nav-bar .rNavCell {
	grid-column: 3;
	justify-self: end;
	text-align: right;
}
#nav-bar a .fa-chevron-left, #nav-bar a .fa-chevron-right {
	color: white;
}
#nav-bar #prev, #nav-bar #nxt, #nav-bar a .fa-chevron-left:hover, #nav-bar a .fa-chevron-right:hover {
	text-decoration: none;
	opacity: 1;
}

.content h1 {
	color: var(--SlateBlue);
}

.silver-bg {
	padding: 3ex 1em;
	margin: 0;
}

.dark {
	padding-top: 3ex;
	margin: 0;
	background: LightGray;
}

.dark .headingCell, .dark .headingCell span, .dark .pageCell {
	color: black;
}

.dark .lNavCell a .fas, .dark .lNavCell a:link .fas, .dark .lNavCell a:active .fas, .dark .lNavCell a:visited .fas, .dark .lNavCell a:hover .fas,  
.dark .rNavCell a .fas, .dark .rNavCell a:link .fas, .dark .rNavCell a:active .fas, .dark .rNavCell a:visited .fas, .dark .rnavCell a:hover .fas,
.silver-bg .lNavCell a .fas, .silver-bg .lNavCell a:link .fas, .silver-bg .lNavCell a:active .fas, .silver-bg .lNavCell a:visited .fas, .silver-bg .lNavCell a:hover .fas,  
.silver-bg .rNavCell a .fas, .silver-bg .rNavCell a:link .fas, .silver-bg .rNavCell a:active .fas, .silver-bg .rNavCell a:visited .fas, .silver-bg .rnavCell a:hover .fas {
	color: White;
	text-decoration: none;
}
.dark a:link .fa-solid, .dark a:visited .fa-solid, .dark a:hover .fa-solid, .dark a:active .fa-solid  {
	text-decoration: none;
}

.home img {
	float: right;
}

.headingCell {
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	font-size: x-large;
	font-weight: bold;
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
}   

.pageCell {
	display: block;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	font-size: small;
	font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
}

/* PAGINATION */

#dots {
	padding-bottom: 0; /* 10px; */
	border-bottom: 1px dotted #7f7f7f;
}

.pagination {
	float: right;
	margin-bottom: 10px;
	padding: 0;
}

.pagination ul {
	margin: 0;
	padding: 0;
}

.pagination li {
	float: left;
	list-style: none;
	padding: 5px;
	display: inline-block;
	transition: background .25s ease-in-out;
}

.pagination a:hover {
	font-size: 150%;
	font-weight: 600;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.8ex;
	background: #ddd;
	text-decoration: none;
}

.pagination .previous {
	font-weight: bold;
	margin-left: 25px;
}

.pagination .next {
	font-weight: bold;
}

.pagination .readout {
	font-weight: bold;
}

.pagination .last {
	padding-right: 0;
}

.pagination .current {
	border: solid 1px #7f7f7f;
}
	
/* Small Screen Rules */
@media screen and (max-width: 550px) 
{
	.dark, .silver-bg {
		padding-left: 0.5em;
		padding-right: 0.5em;
	}
	.heading {
	  text-align: center;
	  font-size: medium;
	  font-weight: bold;
	  font-family: Geneva, Verdana, Helvetica, Arial, sans-serif;
	  margin-bottom: 0;
	}
  
	div.album > div {
	    margin: 0.5ex 0.25em 0.5ex 0;
	    padding: 0 0.25em 0.25ex 0.25em;
	}
}