body {
  background-color: wheat;
  font-family: Garamond, Serif;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

h2 {
  font-size: 1.2em;
  font-weight: normal;
  text-transform: uppercase;
  text-align: center;
}

p {
  line-height: 2em;
}

/*navigation*/
#nav ul {
display:inline;
 padding:.5em 1em;
 list-style-type:none;
 }

#nav li a {
  float: left;
  text-align: left;
  color: black;
  padding: .4em .8em;
  font-weight: bold;
  text-decoration: none;
  font-size: 1em;
  background-color:papayawhip;
}

#nav a:hover {
  color: firebrick;
}

#nav a.active {
  color: firebrick;
}

.logo { 
  float: left; 
  padding: .4em .6em;
}

/*home*/
#welcome {
  margin-top:4em;
  padding-left: 3em;
  margin-left: 20%
}

#homepic {
  position: absolute;
  padding-top: 2em;
  padding-left:4em;  
}
/*text pages*/
#content {
  position: absolute;
  width: 45%;
  padding-top: 2em;
  padding-left: 2em;
  text-indent: 2em;
}

.vertical {
  position: absolute;
  width: 45%;
  margin-top: 4em;
  padding-left: 3em;
  border-right: .08em solid black;
  height:30em;
}

#notes {
  margin-left: 50%;
  padding-top: 2em;
  width: 45%;
}

em {
 font-style: normal;
}  

#one {
  background: darksalmon;
}

#two {
  background: goldenrod;
}

#three {
  background: darkseagreen;
}