html {
	background-color: black;
}
body {
	background-color: #C6E2FF;
	border: 8px solid green;
	border-radius: 8px;
}
header, footer {
	background:pink;
}
header {
	margin-bottom: 10px;
}#hero-image {	display: block;	margin: auto;}nav ul {	list-style-type: none;	text-align: center;	margin: auto;}nav li {	display: inline-block;}
h1 {
	font-family: Verdana, sans-serif;
	padding: 5px;	text-align: center;
}
p {
	font-family: Verdana, sans-serif;
	font-size: 1.5em;
	padding: 5px;	margin: 10px;
}
nav a {
	font-family: Garamond, serif;
	font-size: 2em;
	text-decoration: none;
	border-radius: 50px;
	padding: 10px;
	font-weight: bold;
	margin: auto;
	cursor: pointer;
	position: relative;
}nav a:link, nav a:visited {	color: #99cc88;	background-color: #aa5555;	border: 2px solid #004422;}
nav a:focus, nav a:hover {
	color: #77aa66;	background-color: #993333;	text-decoration: none;	border-color: #002200;
}
nav a:active {
	top: 2px;
	left: 2px;
	color#: #559944;
	background-color: #771111;	border-color: #000000;
}figure {	margin: 0 2em 2em 2em;	border: 3px solid #9a9;}footer {	clear: both;	text-align: center;}
.yearbook {
	display: inline-block;
	height: 100px;
	width: 50px;
	padding: 20px;
	color: #AA0000;
	border: 3px solid #AA3344;
	margin: 50px;
	background-color: #efcca2;
	font-family: Tahoma, sans-serif;
}.left {	float: left;}