@charset "UTF-8";

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

.banner {
	background-color: #0900CD;
	padding: 8px 20px;
}

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

body {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	background-color: #282828;
	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;
}

.vidMid {
	transform: translate(-8%);
}

.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;
}

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

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