:root{
		--banner-color: red;
		--font-color: white;
		--nav-hover-color: blue;
		--nav-hover-font-color: white;
		--nav-font-color: white;
		--active-font-color: black;
		--head-logo: url(11_11_19Header.png);
	}
	
	
html, body {
	height:100%;
	margin: 0;
	display: flex;
	flex-direction: column;
	overflow:hidden;
		}
section {
	height:100%; 
	background-color:white;
	margin: 1px 4px 1px 4px;
	display:block; 
	overflow:auto;
		}
	
header {
 	display:block;
	position: relative;
	top: 0px;
	background-color:white; 
	height: 14%;
		}
	
.headerLines {
  position: absolute;
  z-index: 1;
	max-height: 100%;
	max-width: 100%;
	margin-right: auto;
	margin-left: auto;
}
	
div.headerCenter {
	content: var(--head-logo);
    position: absolute;
    z-index: 4;
    left: 50%;
    -webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%); 
    display: block;
    margin-top: 0;
    max-height: 100%;
    max-width: 100%;
}
	
.headerLeft {
  position: absolute;
  z-index: 1;
	max-height: 100%;
	max-width: 100%;
	margin-right: auto;
	left: 0;
}
.headerRight {
  position: absolute;
  z-index: 1;
	max-height: 100%;
	max-width: 100%;
	right: 0;
	margin-left: auto;
}
	h1{
	display:block;
	position: relative;
	font-weight: 500;
	margin: 0px;
	background-color: var(--banner-color); 
	max-height: 2.7vh;	
	}	
	#lh {
		float: left;
		font-size: 2vmin;
		padding-left: 1vw;
		color: var(--font-color);
	}
	#ch {
		font-size: 2vmin;
		color: var(--font-color);
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%); 
	}
	#rh {
		float: right;
		font-size: 2vmin;
		padding-right: 1vw;
		color: var(--font-color);
		text-decoration: none;
	}
	footer {
    display: block;
    position: relative;
    bottom: 0;
    background-color: var(--banner-color);
    max-height: 3vh;
}
	#flh {
		float: left;
		font-size: 2vmin;
		color: var(--font-color);
		padding-left: 1vw;
	}
	#frh {
		float: right;
		font-size: 2vmin;
		color: var(--font-color);
		padding-right: 1vw;
	}
	sup {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}
	ul {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
 	background-color: #333;
}
	a {
		text-decoration: none;
	}
	li {
  float: left;
}
	li a {
  display: block;
  color: var(--nav-font-color);
  text-align: center;
  padding: 1px 16px;
  text-decoration: none;
}

/* Change the link color to #111 (black) on hover */
li a:hover {
  background-color: var(--nav-hover-color);
  color: var(--nav-hover-font-color);
}
.active {
  background-color: var(--banner-color);
	color: var(--active-font-color);
}