@charset "UTF-8";
/* CSS Document */
body{
	background-image:url(Images/BackgroundMain.jpg);
	background-position:center;
	color:#FFF;
	font-family:"Arial Black", Gadget, sans-serif;
}
#header{
	width:85%;
	margin-right:auto;
	margin-left:auto;
	margin-top:-10px;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:2.5em;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	background-image:url(Images/HeaderBkrnd.jpg);
	background-repeat:repeat-x;
}
#center{
	width:85%;
	min-height:500px; 
	margin-right:auto;
	margin-left:auto;
	padding-left:10px;
	padding-right:10px;
	color:#600;
	font-size:1.25em;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	background-color:#FFF;
}
#LetterM{
	padding-top:5px;
	padding-right:-25px;
	float:left;
}
#LetterC{
	padding-top:5px;
	padding-right:-25px;
	margin-right:-20px;
	float:left;
}
#NavBar{
	height:20px;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
	padding-left:10px;
	padding-right:10px;
	background-image:url(Images/MenuBarBack01.png);
	background-repeat:x;
}
.centerblock{
	width: 90%;
	padding: 10px;
	margin-left:auto;
	margin-right:auto;
	border: solid thin #000;
}
.course{
	width:780px;
	padding-top:10px;
}
.divider{
	text-align:center;
}
.centerHeader{
	padding-top: 10px;
	padding-left:  auto;
	padding-bottom: 10px;
	padding-right: auto;
	font-size: 1.5 em;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	color: #600;
	text-align: center;
}
.grid-container {
  	display: grid;
  	grid-template-columns: 25% 25% 25% 25%;
  	padding: 10px;
}

.grid-item {
  padding: 20px;
  font-size: 30px;
  text-align: center;
}