body { background: lightgrey; padding: 20px; font-family: sans-serif;}

#head1 {
  position: relative; 
  background: black; 
  height: 85px; width: 100%; 
  text-align: right;
}

#head2 {
  position: absolute; 
  top: 10px; 
  left: 0px; 
  right: 150px; 
  bottom: 10px; 
  text-align: left;
  background: rgb(238,113,1);
  overflow: hidden;
}

#head3 {
  color: white; 
  font-size: 24pt; 
  font-weight: bold; 
  padding-left: 20px; 
  line-height: 65px; 
  text-transform: uppercase;
}

#nav {
  float:left;
  /*padding:5px;*/
  width: 170px;
  margin: 5px 0 0 0;
}
		  
#nav a {
  background: rgb(225,225,225);
  display: block;
  border: 2px solid black;
  color: black;
  padding: 5px;
  margin: 5px;
  text-decoration: none;
}
				       
#nav a:hover {
  /*background: rgb(238,113,1);*/
  background:DarkGrey;
  font-weight: bold;
}
   
#content {
  position: absolute;
  left: 20px;
  right: 30px;
  top: 120px;
  bottom: 80px;
  padding:10px;
  margin:5px 0 0 190px;
  overflow-y: scroll;
}

#footer {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 50px;
  padding: 10px;
  margin: 0 0 0 190px;
  font-size: 1.5em;
  border-top: 1px solid darkgrey;
}

#footer a {
  background: rgb(225,225,225);
  display: inline;
  border: 2px solid black;
  color: black;
  padding: 5px;
  margin: 5px;
  text-decoration: none;
  width: 4em;
  text-align: center;
}

#footer a:hover {
  /*background: rgb(238,113,1);*/
  background:DarkGrey;
  font-weight: bold;
}

.bt {
   border: 1px solid black;
   border-collapse: collapse;
   width: 95%;
}
.bt td {
   border: 1px solid black; padding: 5px;
}
.bt th {
   border: 1px solid black; padding: 5px;
   background: darkgrey;
}

a:link {
  color: rgb(238,113,1);
}