BODY {
  background-color: #00ff00;
  color: olive;
}
A:link {
  color: red;
}
A:visited {
  color: blue;
}
A:active {
  color: #003300;
  text-decoration: underline;
}
A:hover {
  color: #003300;
  text-decoration: underline;
}
A:focus {
  color: #003300;
  text-decoration: underline;
  background-color: #66ff66;
}

.headSong {
  background-color: #99ff99;
}
.headToon {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 1em;
  border-top: 6px solid olive;
  border-bottom: 4px solid olive;
  background-color: white;
  color: olive;
}

.dirBar A {
  text-decoration: none;
  color: olive;
}
.dirBar A:hover {
  color: #00ff00;
  background-color: olive;
}
.headBar {
  text-align: center;
  clear: both;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.headBar IMG {
  vertical-align: middle;
}
.headBar A {
  text-decoration: none;
  color: olive;
}
.headBar A:hover {
  color: #00ff00;
  background-color: olive;
}
.songBar {
  text-align: center;
  clear: both;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.pageHeader {
  color: olive;
  background-color: #99ff99;
  border-color: olive;
}

@media print{
  .headSong {
    background-color: white;
  }
  .songBar {
    text-align: left;
  }
  .headToon {
    border: 0px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 4px;
  }
}