@charset "utf-8";
header {
	width: 100%; background-color: rgb(124,8,8); color: rgb(255,255,255); font-family: Segoe, Verdana; padding-left: 12px; padding-right: 12px;}
sidebar {
	display: block; width:20%; position: fixed; float: left; padding-right: 12px;}
#course-nav {
	background-color: rgb(128,8,8); padding-top: 8px; padding-bottom: 8px; color: white; font-family: Verdana;}
#univeral-nav {
	background-color: rgb(207,52,52); padding-top: 8px; padding-bottom: 8px; color: white; font-family: Verdana;}
article {
	width: 75%; float: right; background-color: rgb(255,255,255); color: rgb(0,0,0);}
#content {
	display: grid; background-color: rgb(255,255,255); color: rgb(0,0,0); font-family: Arial;}
#content a:link {
	color: rgb(78,95,190);text-decoration: underline;}
#content a:visited {
	color: rgb(127,94,152);text-decoration: underline;}
#content a:hover {
	color: rgb(15,15,15);text-decoration: underline;}
#content-bottom-nav {padding-left: "24px"; padding-right: "24px";font-family: Verdana;}
footer {
	width: 75%; float: right; display: grid; background-color: rgb(124,8,8); padding-left: 12px; padding-right: 12px; padding-top: 6px; padding-bottom: 6px;color: rgb(255,255,255); font-family: Verdana;}
button {
  display: inline-block; background-color: grey; border: none; color: white; font-size: 14px; padding-top: 12px; padding-bottom: 12px; padding-left: 18px; padding-right: 18px; text-align: center; cursor: pointer;}
button:hover {
  background-color: black; color: white;}
a:link {
	color: rgb(255,255,255);text-decoration: none;}
a:visited {
	color: rgb(255,255,255);text-decoration: none;}
a:hover {
	color: rgb(15,15,15);text-decoration: none;}