#wrapper { display: grid;
			grid-template:
					"header header"
					"nav nav"
					"main main"
					"footer footer" }
nav{ background-color: #2f4f4f; 
     color: #000000; 
	 font-family: Verdana, sans-serif;
	display: grid;
	grid-area: nav; 
	text-align: center; 
	padding-left: 1em;  
	flex-direction: column; }
nav a:link { text-decoration: none;
			color: #000000; 
			display:inline-block;
			text-align:left; }
nav a:visited { text-decoration: none; 
				color: #ffffff;
				display:inline-block;
				text-align:left; }
nav a:hover { text-decoration: none;
			color: white; 
			background-color: #000000;
			display:inline-block; 
			text-align:left; }
nav a { text-decoration: none;
		text-align:left; }
nav ul {text-decoration: none; 
		display:inline-block;
		list-style-type: none; 
		font-size: 1.25em;
		flex-direction: column; 
		flex-flow: column;
		overflow: hidden; 
		background-color: #2f4f4f;
		position: sticky ;
		top: 0;}	
nav li { padding-top: .5em; 
		padding-bottom: 1em; 
		padding-left: 1em;
		padding-right: 1em; 
		width: 100%;  
		display: inline; }
body { background-color: #34414e;
		height: 100%;
		margin: 0; 
		display: flex;
		flex-direction: column; }
header {display: grid;
		grid-area: header;
		text-align: center; 
		padding-left: 0; 
		width: 100%; 
		height: 100px;
		background-color: #34413e; }
h1 { background-color: #34413e;
     color: #ffffff; 
	 font-family: Verdana, sans-serif;
	line-height: 200%; 
	text-align: center;
	width: 100%; }
h2 { background-color: #2f4f4f; 
     color: #ffffff; 
	 font-family: Verdana, sans-serif;}
h3{ background-color: #34413e; 
     color: #ffffff; 
	 font-family: Verdana, sans-serif;
	text-align: center; }
h4{ background-color: #34413e; 
     color: #ffffff; 
	 font-family: Verdana, sans-serif;
	text-align: center; }
div { background-color: #ffffff; 
     color: #000000; 
	font-family: Verdana, sans-serif; }
footer { background-color: #D2B48C;
		padding: 1em;
		color: #000000; 
		font-family: Verdana, sans-serif;
		text-align: center; 
		border-top-style: solid;
		border-color: #080018 ;
		border-width: 2px;
		display: grid;
		grid-area: footer;}
#wrapper { margin-left: auto;
           margin-right: auto;
           width: 80%; }
main { background-color: #ffffff;
		padding-bottom: 2em;
		padding-left: 1em;
		padding-right: 4em; 
		display: grid;
grid-area: main; }
img { padding-left: 5px; 
	padding-right: 5px; 
	padding-top: 5px; 
	padding-bottom: 5px; }
table { width: 90%;
		border-spacing: 0px;
		margin: auto;}
td,th { padding: 10px; }