.box {
float: left;
margin: 5px;
padding: 10px;
width: 285px;
height: 300px;
border: 1px solid gray;
}
.box img{
width:
100%;
height:180px
}

.wrapper {
margin: 0 auto;
padding: 0 10px;
}
.box {
float: left;
margin: 6px; 
padding: 10px;
width: 285px;
height: 280px;
border: 1px solid black;
background-color: white;
}
#content {
float: left;
width: 100%;
background-color: #F0ECEC;
}

#homebutton {
display: block;
    background-color: black;
    color: white;
    padding: 10px;
    margin: 10px;
    text-decoration: none;
    font-weight: bold;
width:150px
}

#homebutton {
    text-align: center;
}

#homebutton:hover {
    background-color: #17037A;
}

#navigation {
  font-family: Georgia, serif;
  font-size: 100%;
  border-top: solid 2px #4E0102;
  border-bottom: solid 2px #4E0102;
}

li {
  display: inline;
  list-style-type: none;
}

li {
display: inline;
list-style-type: none;
} 

a:link, a:visited, a:active {
color: black; text-decoration: none; font-weight: bold;
}
a:hover {
color: black; text-decoration: underline; font-weight: bold;
}
.current {
text-decoration: underline; font-weight: bold;
}

.wrapper {
  width: 80%;
  margin: 5px auto;
}

#banner {
     background-color: #014e07;
    color: white;
    padding: 10x;
    margin: 5px;
}

h1 {
    text-align: center;
}

h2 {
    text-align: center;
}

ul {
    text-align: center;
}