p {
  margin:6px;
}

body {
/*  font: normal 10px Verdana, Arial, sans-serif;*/
/*  font: normal 14px Verdana, Arial, sans-serif;*/
  font: normal 14px Verdana, sans-serif;
/*  background-color: #7dd17d; */
/*  background: linear-gradient(#FFFF66,#FF6020,#FFFF66);*/
  background: linear-gradient(#FFFF80,#FF7030,#FFFF80);
}

header {
  background-color:black;
  color:white;
  text-align:center;
  padding:5px;
}


nav {
  background-color:#eeeeee;
}

table#nav1 {
  width:100%;
  border-spacing:1px;
}

a#nav2:link, a#nav2:visited {
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #98bf21;
  text-align: center;
  padding: 4px;
  text-decoration: none;
  text-transform: uppercase;
}
a#nav2:hover, a#nav2:active {
  background-color: #7A991A;
}

td#nav3 {
  display: block;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #5A991A;
  text-align: center;
  padding: 4px;
  text-decoration: none;
  text-transform: uppercase;
}


section {
  width: 100%; 
  float:left;
/*  padding:10px;*/
}

footer {
  background-color:black;
  color:white;
  clear:both;
  text-align:center;
  padding:5px;
} 

audio {
    /*filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);*/
    /*width: 200px;*/
    height: 20px;
}