/* Place your CSS styles in this file */

.header {
  background-color: rgba(20, 150, 20, 0.5);
  padding: 20px;
  text-align: center;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

}

h2,h3,h4,h5,h6 {
    text-align: left;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-weight: normal;
    background-color: rgba(20, 150, 20, 0.5);
}

body{
    background-color: rgba(34, 168, 16, 0.377);

}

.center {
    text-align: left;
    color: black;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.column.side {
  width: 25%;
  float: left;
  padding: 15px;

}

/* Middle column */
.column.middle {
  width: 65%;
  float: left;
  padding: 10px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
}

.list{
  font-size: medium;
  text-align: left;
  color: black;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

li a {
  display: block;
  width: 300px;
  background-color: #dddddd;
  text-decoration: none;
}

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

.c{
  float: left;
  width: 25%
}


.col {
  float: left;
  width: 100%;
  padding: 10px;  
}

.resources {
  float: left;
  width: 100%; 
}

.resources:after {
  content: "";
  display: table;
  clear: both;
}



<!-- Classes page info starts here -->


.gradreq{
  float: left;
  width: 25%
  padding: 10px;
}

<!-- Volunteering & Leadership info starts here -->

.table{
  float: left;
  width: 50%
}