html {
	height: 100%;
}

.body {
	height: 100%;
	background-image: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-color: aqua;
}

.bodyI {
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	background-image: none;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	background-color: black;
	color: white;
	text-align: center;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

.page {
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
	min-height: 100%;
	width: 80%;
	color: #000000;
}

a {
	color: gray;
	border: thin solid white;
	border-radius: 8px;
	font-weight: bold;
	font-size: medium;
	text-decoration: none;
}

	a:hover {
		color: white;
	}

.banner {
	font-size: 20pt;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-weight: bold;
	text-align: center;
}

.logo {
	margin-right: auto;
	margin-left: auto;
	width: 720px;
	font-size: 32px;
}

	.logo img {
		border-style: double;
		border-color: blue;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 10px 32px 0 rgba(0, 0, 0, 0.19);
	}

.subhead {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-size: medium;
	font-weight: bold;
}

/* Class for navigation button list */
.navList {
	text-align: center;
}

	.navList li {
		list-style-type: none;
		display: inline;
	}

		.navList li a {
			border: thin solid #000000;
			border-radius: 8px;
			color: #000000;
			font-weight: bold;
			font-size: medium;
			display: inline-block;
			height: 21px;
			width: 120px;
			text-decoration: none;
			font-size: 12px;
			text-align: center;
			line-height: 21px;
			font-family: Verdana, Geneva, Tahoma, sans-serif;
		}

			.navList li a:hover {
				color: #ffffff;
			}