body {
background-color: #303030;
padding: 5px;
}

p {
color: black;
font-size: 18px;
}

#background {
position: relative;
clear: both;
width: 97%;
overflow: hidden;
background-image: url(../images/M24Small.jpg);
background-repeat:repeat;
margin: auto;
padding: 20px;
max-width: 1440px;
}

#header {
border-color: gray;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
margin: auto;
background-color: black;
margin-bottom: 10px;
}

#slides {
position; relative;
float: right;
padding: 10px;
padding-bottom: 0px;
}

#content {
background-color: white;
margin: auto;
min-height: 500px;
border-style: solid;
border-color: gray;
overflow: hidden;
padding-left: 10px;
padding-right: 10px;
}

#content p {
color: black;
padding-left: 20px;
padding-right: 20px;
}

#content img {
padding: 10px;
padding-bottom: 0px;
float: right;
}

#content a {
font-size: 18px;
}

#content h3 {
padding-top: 8px;
padding-left: 20px;
}

#inset {
position: relative;
float: left;
width: 200px;
height: 200px;
background-color: red;
margin-left: 10px;
margin-top: 10px;
}

#centered-calendar {
width: 800px;
margin: auto;
}

#flex-container {
  display: flex;
  background-color: DodgerBlue;
}


#navBar {
background-color: black;
border-style: solid;
border-color: gray;
margin: auto;
margin-bottom: 10px;
}

#navBar li {
display: inline;
padding-right: 18px;
font-size: 27px;
}

#navBar li a {
  text-decoration: none;
  color: white;
 }

#navBar li a:hover {
background-color: white;  
color: darkblue;
}

#navBar a.active {
color: darkblue;
background-color: white;  
}

ul.nav {
list-style-type: none;
margin: 0;
margin-left: 10px;
padding: 0;
padding-top: 3px;
padding-bottom: 3px;
}


#content li a {
  text-decoration: none;
}

ul.resources {
list-style-type: none;
}

.fb-page {
padding-left: 20px;
padding-bottom: 20px;
}