body {
font-size: 16px;
font-family: Verdana, Arial, sans-serif;
background-image: url('images/backdrop.jpg');
}
        
a{
    text-decoration: none;
}


h3 {
  line-height: 16px;
  padding: 10px;
  color: #723038;
  text-align: center;
  font-size: 25px;
}
        
#navtop{
	width: 780px;
	margin: auto;
  }

  /* ------------ navigation bar links ------------  */
  
#logo{
  line-height: 16px;
  float: left;
  margin-top: 0px;
  margin-left: -20px;
  padding-right: 10px;
  padding-top: -2px;
}  
  
.home {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
	margin-top: 30px;
}

.home a{
	color: #723038;
}

.about {
    float: left;
        margin-left: 5px;
        margin-right: 5px;
	margin-top: 30px;
	    background-color: #723038;
    color: #f3ddb2;
}

.about a{
	    background-color: #723038;
    color: #f3ddb2;
}

.staff {
    float: left;
        margin-left: 5px;
        margin-right: 5px;
	margin-top: 30px;
}

.staff a{
	color: #723038;
}

.contents {
    float: left;
        margin-left: 5px;
        margin-right: 5px;
	margin-top: 30px;
}

.contents a{
	color: #723038;
}


/* ------------ text box ------------ */

#boxposition{
            width: 80%;
            color: #723038;
			width: 580px;
            margin: auto;
            padding-top: 80px;
			padding-bottom: 20px;
			font-size: 16px;
			 font-family:  Times New Roman, serif;
  }
  
  #borderleft{
position:fixed;
left:10%;
top:0px;
}

#borderright {
position:fixed;
right:15%;
top:0px;
}

  /* ------------ footer ------------  */
  
footer{
padding-top: 5px;
  width: 60%
  margin: auto;
}  
.homef {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 10px;
}

.aboutf {
    float: left;
        margin-left: 5px;
        margin-right: 5px;
    font-size: 10px;
}

.stafff {
    float: left;
        margin-left: 5px;
        margin-right: 5px;
    font-size: 10px;
}

.contentsf {
    float: left;
        margin-left: 5px;
        margin-right: 5px;
      font-size: 10px;
}