body
{ 
  /* background-color: aquamarine;  */
   background-color: steelblue;
/* background-color: red;  */
   margin: 0;
   padding: 0;
   font-family: Geneva, georgia, times, "times new roman", 
       serif, Helvetica, Arial, sans-serif;
}

#header 
{
   font: bold 35px trebuchet MS;
   text-align:center;
   background-color:white
}

#content
{
  float: right;
  padding: 1px 10px 1px 5px;
  width: 80%;
  height: 90%;
  margin: 0px;
  border:
  background-color: #0000FF;
}

#content h2
{
   font: bold 20px trebuchet MS;
   text-align:center;
   font_weight:bold;
   background-color:transparent
}

/*  This creates the panel for the hyperlinks */

#navlink
{
  list-style-type:none;
  padding:1em;
  padding-left:0;
  margin:0;
  position:absolute;
  float:left;
  width:25%;
  margin-bottom:5%;
}

/*  This controls the hyperlink settings within the infotab  */

#navlink a
{
   text-decoration:none;
   padding-left:5px;
   color:black;
}

#navlink a:hover
{
   text-transform: uppercase;
   color:aqua;
}

#navlink a:visited
{
   color:blue;
}

/*  This positions the links on the left */

#infotab
{
  position: fixed;
  width: 100%;
  height: 30px;
  top: auto;
  right: 1em;
  bottom: 0;
  left: 1em;
  text-align:center;
  font: 15px arial;
  font: 12px georgia;
}

#infotab a
{
   color:black;
}

/*  This styles links in lists  */

ul.links
{
  list-style-type:none;
  padding:0;
  padding-left:5;
  margin:0;
  position:absolute; 
  float: left;
  width: 100px;
  margin-bottom:5%
}

ul.links li 
{
  background:white;
  margin: 0.5em 0;
  padding 0.3em;
  border-right: 4px solid black
}
ul.links a
{
  text-decoration:none
}