/* CSS Document */
* {
	font-family: "Times New Roman", "serif";
}

body {
	background-color: #330000;
	display: grid;
	grid-template-columns: 10% 80% 10%;
	margin: 0px;
}

h1 {
	text-align: center;
	font-size: 72px;
	margin: 8px 0px;
}

#content {
	background-color: #999966;
	grid-column-start: 2;
	border: 8px solid black;
	padding: 0px 50px;
}

#nav {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 0px 10%;
}

#nav a {
	font-size: 20px;
	color: black;
	text-align: center;
	background-color: #FFFFFF;
	text-decoration: none;
	padding: 12px 0px;
	border: 1px solid black;
}

#nav a:hover {
	color: #CCFFFF;
	background-color: black;
}

#nav a:visited {
	color: #CCFFFF;
	background-color: black;
}

.content-box {
	background-color: #FFFFFF;
	border: 4px solid black;
	padding: 24px;
	margin: 16px 0px;
}

.content-box h2 {
	margin: 0px 16px;
	font-size: 36px;
	grid-column-start: 1;
	grid-column-end: 3;
}

.content-box p {
	align-content: center;
	margin-top: 20px;
	font-size: 20px;
	width: 1075px;
	text-align: center;
}

.content-box img {
	height: 150px;
	margin-top: 10px;
}