/* general CSS */

body
{
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	min-height: 100%;
}

pre {
 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* header CSS */


.header 
{
	background-color: #143039;
	overflow: visible;
	padding: 1% 0.5%;
	position: sticky;
	position: -webkit-sticky; /* Safari */
	top: 0;
	height: 1.5em;
}

.header a
{
	color: #dfebf0;
	font-weight: bold;
	text-decoration: none;
}

.header a:hover
{
	color: #ffffff;
}

.logo
{
	float: left;
}

.logo a
{

	font-size: 1.3em;
	text-transform: uppercase;
}

.header-right
{
	float: right;
	padding-right: 1.5em;
}

/* dropdown CSS */

.dropdown 
{
	overflow: hidden;
	float:right;
	margin: 0 1em;
}

.dropdown-content 
{
  display: none;
  position: absolute;
  background-color: #143039;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a 
{
  float: none;
  padding: 0.5em 0.2em;
  display: block;
}

.dropdown-content a:hover 
{
  background-color: #22505e;
}

.dropdown:hover .dropdown-content 
{
  display: block;
}

/* body CSS */

.main
{
	background-color: #f5fafc;
	color: #143039;
	margin: 0 auto;
	width: 70%;
	min-height: 100%;
}

.main a
{
	color: #262e75;
	font-weight: bold;
	text-decoration: none;
}

.main a:hover
{
	color: #4351cc;
}

.main-content
{
	padding: 1em;
}

.main-content h1
{
	text-transform: uppercase;
	color: #143039;
	border-bottom: 1px solid #143039;
	padding-top: 2.5em;
	margin-top: -2.5em;
}

.main-content h2
{
	color: #143039;
	text-decoration: underline;
	padding-top: 2.5em;
	margin-top: -2.5em;
}

.main-content h3
{
	color: #143039;
	padding-top: 2.5em;
	margin-top: -2.5em;
}

.main-content b,strong
{
	color: #000000;
}

.main-content i,em
{
	color: #ed8468;
}

.main-content img
{
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.main-content blockquote {
  background: #f5fafc;
  border-left: 10px solid #90a7b0;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

.main-content blockquote p {
  display: inline;
}

.nocolor { color: inherit; }

/* Table CSS */

.main-content table,
table {
	text-align: left;
	border-collapse: collapse;
	border: 1px solid rgb(220, 220, 220);
	background-color: #f5fafc;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

.main-content table td, .main-content table th,
table td, th {
	text-align: left;
	padding: .5em 1em .5em 1em;
	font-size: 15;
	color: black;
	font-family: 'Avenir', 'Arial', sans-serif;
}

.main-content table td,
table td {
	border: 1px solid rgb(220, 220, 220);
}

.main-content table th,
table th {
	border: 1px solid rgb(220, 220, 220);
	border-bottom: 2px solid rgb(220, 220, 220);
	background-color: #ffffff;
}

.main-content table tr:nth-child(even),
table tr:nth-child(even) {
	background-color: #ffffff;
}

.main-content table tr:hover,
table tr:hover {
	background-color: #7b99a6;
}

/* CSS for side-by-side flexbox divs */

.flex-wrapper {
  display: flex;
}

.flex-left {
  flex: 0 0 50%;
}

.flex-right {
  flex: 1;
}

.main-content .side-img
{
	width: 30%;
}

/* CSS for specific pages and purposes */

.wide-img
{
	width: 100%;
	height: auto;
}

.center-list
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align:center;
}

.center-item
{
    display: inline;
    text-align: center;
    padding:0 1em 0 1em;
    font-weight: bold;
}

.spoiler{ 
  color: black; 
  background-color:black;
}

.spoiler:hover { 
  background-color:white; 
  }
  
/*
https://tetisheri.co.uk/google-noto-hieroglyphs/
FAEBD7	antique white (background, link hover)
fcf4e8	off-white (main div)
ECC5A8	desert sand (links)
372F18	mud-brown (h2, h3)
C9341C	red (navbar hover, main div link hover)
A16B23	clay-brown (h1)
771B0C	rust (header, main div links)
*/