* {
  box-sizing: border-box;
}

.box {
  float: left;
  width: 50%;
  height: 80%;
  margin-left: auto;
  margin-right: auto;
  padding: 0% 10%;
}

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

.center{
	height: 75%;
	margin-left: auto;
	margin-right: auto;
	overflow: scroll;
}

h2, h3, h4{
	text-align: center;
}


body {
  margin:0;
  padding:0;
  background-color: #FFFFCC;
}

#header {
  float: left;
  width: 100%;
  background-color: #DEB887;
  font-size: 10pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serf;
  text-align: center;
  padding-bottom: 2px;
}

#header img {
   margin-top: 6px;
   margin-left: 1px;
   border: 1px solid #000000;
  }

#footer {
  float: left;
  width: 100%;
  background-color: #DEB887;
  font-size: 10pt;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serf;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-bottom: 5px;
}


#navigation  {
   font-size: 90%;
  }

#navigation ul   {
   list-style: none;
   margin: 0;
   margin-bottom: 5px;
   padding: 0;
   padding-top: 1em;
   padding-bottom: 5px;
  }

#navigation li  {
   display: inline;
  }

#navigation a:link, #navigation a:visited   {
   padding: 0.4em 1em 0.4em 1em;
   color: #FFFFFF;
   background-color: #B51032;
   text-decoration: none;
   border: 1px solid #711515;
  }

#navigation a:hover {
   color: #FFFFFF;
   background-color: #711515;
  }