body{
   background-color: #31302e;
   width: 100%;
   padding: 0;
   margin: 0;
   border: 0;
}

header, footer{
   background-color: #9bf088;
   padding: 2px 0;
   display: block;
   clear: both;
}

.navigation, .side-area{
   background-color: #889bf0;
   min-height: 500px;
   width: 15%;
   float: left;
}

.navigation ul{
   border: 0;
   margin: 0;
   padding: 0;
   display: block;
}
   .navigation li{
      border-bottom: 1px solid grey;
   }

   .navigation li a{
      display: block;
      margin: 0;
      padding: 1em 0;
      width: 100%;
      border: 0;
   }

.content{
   float: left;
   width: 70%;
   min-height: 500px;
   background-color: #86fbda;
}

.gallery li{
   display: inline-block;
   padding-right: 2em;
}

   .gallery>a{
      display: block;
      padding: 1em 0;
      border: 1px solid yellow;
   }

   .gallery>a:last-child{
      padding: 0;
   }

a.footnote{
   display: block;
   padding: 0;
   margin: 0;
}

.address{
   float: left;
   width: 25%;
   padding: 0 1em;
}

.map{
   display: inline-block;
   width: 400px;
   height: 400px;
   padding: 0;
}