#wrapper {
  width: 80%;
  margin: 5px auto;
  padding: 5px 25px;
  border: solid 3px #9f6745;
  border-collapse: collapse;
  color: #5b5b5b;

  position: relative;
}

body {
  margin: 10px;
  padding: 0px;
  font-family: Arial, sans-serif;
  line-height: 150%;
  position: absolute;
  display: inline;
  background-color: white;
    width: 100%;
}
h1,
h2,
h3 {
  font-family: Georgia, serif;
  line-height: 125%;
}

#header {
  background-color: #9f6745;
  color: #fff;
  padding: 10px;
}

#navigation {
  background-color: #e7bebd;
  padding: 8px 10px;
  border: ridge;
  list-style-type: none;
}
.primarynav {
  display: inline-block;
  padding: 2px 10px;
  text-align: center;
}

.primarynav a {
  text-decoration: none;
  color: #6B452E;
  font-weight: bold;
  padding: 4px;
}
.current {
  border: inset #ffffe0;
    background-color: #d3d4d5;
}
.primarynav a:hover { 
    color:#a65a3f;

       transition: .5s ease;
    padding: 5px 5px;
  
border: inset #ffffe0;
background-color: #d3d4d5;
}
}
#content {
  width: 100%;
  margin: 0;
  padding: 0;
}
#main-content {
  width: 65%;
  /* float: left; */
  margin: 0;
  padding: 0 1% 0 0;
}
#secondary-content {
  width: 23%;
  float: right;
  padding: 2% 3%;
  color: #6B452E;
  background-color: #e7bebd;
  border: ridge;
 margin-top: 30px;
	margin-left: 15px;
  font-weight: bold;
}

.textbox {
  line-height: 125%;
  left: 240px;
  width: 320px;
}

#footer {
  width: 100%;
  clear: both;
  color: #9F6745;
}

#skip-links {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}