@charset "UTF-8";

article, aside, footer, header, main, nav, section {
  display: block;
}

.banner {
	background-color: #001a82;
	color: #00ffcc;
	padding: 8px 20px;
}

nav {
	background-color: #ff6200;
	padding: 5px;
	margin-top: 1px;
}

body {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: black;
  font-family: "Comic Sans MS";
  font-size: 15px;
}


.center {
	margin: auto;
	width: 31.5%;
	border: 3px solid #0037ed;
	padding: 8px;
}

.centerimg {
	display: block;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translate(-50%, 0%);
}

li a {
  color: #000000;
}

li {
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 20px;
  font-variant: small-caps;
  font-weight: bold;
}

.vidRight {
	float: right;
}

.vidLeft {
	float: left;
	clear: right;
}

.Red {
	background-color: #ff0800;
}

.Blue {
	background-color: #006994;
}

.White {
	background-color: whitesmoke;
}

.Brown {
	background-color: tan;
}

.OrangeRed {
	background-color: orangered;
}

.centerRed {
	margin: auto;
	width: 31.5%;
	border: 3px solid #ff0800;
	padding: 8px;
}

.centerBlue {
	margin: auto;
	width: 31.5%;
	border: 3px solid #006994;
	padding: 8px;
}

.centerWhite {
	margin: auto;
	width: 31.5%;
	border: 3px solid whitesmoke;
	padding: 8px;
}

.centerBrown {
	margin: auto;
	width: 31.5%;
	border: 3px solid tan;
	padding: 8px;
}

.centerOrangeRed {
	margin: auto;
	width: 31.5%;
	border: 3px solid orangered;
	padding: 8px;
}



footer {
	clear: both;
	background-color: #20416c;
	color: white;
	padding: 5px 20px;
}