body {background-color: #222}
h1 {
	color: #ffeecc; text-align: center; font-family: "Verdana"; font-size: 40px; margin-top: 10px; margin-bottom: 10px;
}
h2 {
	color: #ffeecc; text-align: center; font-family: "Verdana"; font-size:20px; margin-top: 20px; margin-bottom: 10px;
}

p {
	color: #ffeecc; text-align: left; max-width: 810px;font-family: "Verdana"; font-size:20px; margin-top: 30px; margin-left: auto; margin-right: auto;
}

li {
	color: #ffeecc; text-align: left; font-family: "Verdana"; font-size: 20px; max-width: 600px; margin-left: auto; margin-right: auto;
}

img {
	display: block; max-width: 100%; margin-left: auto; margin-right: auto;
}

a {
	font-family: "Verdana";
	color: #ffeecc;
}

iframe {
	margin-right: auto; margin-left: auto; display: block;
}

.topnav {
	background-color: #111;
	overflow: hidden;
}

.topnav a {
	float: left;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.topnav a:hover {
	background-color: #ddd;
	color: black;
}

.topnav a.active {
	background-color: #8b0000;
	color: white;
}

.splash {
	background-image: url("cityscape.jpg");
	margin-top: 0px;
	margin-bottom: 0px;
	height:200px;
}

.splash h1 {
	color: #ffeecc;
	padding-top: 50px;
}
.splash h2 {
	color: #ffeecc;
	padding: 0px;
}