body {
  font-family: arial, verdana;
  font-size: 14px;
  text-align: justify;
  background-color: #000000;
  color: #FFFFFF;
}
p {
  margin-bottom: 10px;
  margin-top: 5px;
  font-family: arial, verdana;
  font-size: 14px;
  color: #FFFFFF;
  padding: 5px;
}
li {
  font-size: 14px;
  color: #FFFFFF;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  color: #FFFF00;
  font-size: 20px;
  font-family: arial, verdana;
  font-weight: normal;
}
h2 {
  margin-bottom: 0px;
  margin-top: 5px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: arial, verdana;
  font-weight: bold;
}

div.popup {
  background-color: #000000;
  font-size: 12px;
  text-align: center;
  font-family: arial, verdana;
  left: 159px;
  padding: 2px;
  visibility: hidden;
  border: 0px;
}

#container { position: relative; }
#patrick { position: absolute; width: 160px; top: 45px; border: 1px solid #FFFFFF; }
#shanerichie { position: absolute; width: 160px; top: 90px; border: 1px solid #FFFFFF; }

#pat { position: absolute; width: 160px; top: 135px; border: 1px solid #FFFFFF; }
#purenuman { position: absolute; width: 160px; top: 180px; border: 1px solid #FFFFFF; }

#gigs { position: absolute; width: 160px; top: 225px; border: 1px solid #FFFFFF; }
#audio { position: absolute; width: 160px; top: 255px; border: 1px solid #FFFFFF; }
#contact { position: absolute; width: 160px; top: 285px; border: 1px solid #FFFFFF; }

a:link,a:visited { text-decoration: none; color: #FF0000; }
a:hover,a:active { text-decoration: none; color: #FFFFFF; }
td.menua a:link, td.menua a:visited, td.menub a:link, td.menub a:visited { width: 100%; height: 100%; color: #FF0000; font-weight: bold; text-decoration: none; }
td.menua a:hover, td.menua a:active, td.menub a:hover, td.menub a:active { width: 100%; height: 100%; color: #FFFFFF; font-weight: bold; text-decoration: none; }

td.menua {
  height: 30px;
  font-family: arial, verdana;
  font-size: 14px;
  padding: 5px;
  padding-left: 10px;
  border: 1px solid #000000;
  cursor: hand;
  margin: 0px;
}
td.menub {
  height: 45px;
  font-family: arial, verdana;
  font-size: 14px;
  padding: 5px;
  padding-left: 10px;
  border: 1px solid #000000;
  cursor: hand;
  margin: 0px;
}

td.audio2 { font-family: arial, verdana; font-size: 12px; vertical-align: middle; text-align: left; padding-left: 5px; padding-right: 5px; padding-bottom: 10px; }
td.audio { font-family: arial, verdana; font-size: 12px; vertical-align: middle; text-align: center; padding-left: 5px; padding-right: 5px; }

td.cell1 { font-family: arial, verdana; font-size: 14px; text-align: left; border-top: 1px solid #CCCCCC; padding-bottom: 5px; padding-top: 5px; }
td.cell2 { font-family: arial, verdana; font-size: 14px; text-align: left; border-top: 1px solid #CCCCCC; padding-bottom: 5px; padding-top: 5px; padding-left: 25px; }
td.cell3 { font-family: arial, verdana; font-size: 14px; text-align: left; border-top: 1px solid #CCCCCC; padding-bottom: 5px; padding-top: 5px; padding-left: 25px; }

td.colhead1 { font-family: arial, verdana; color: #FFFF00; font-weight: bold; font-size: 14px; text-align: left; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; padding-top: 5px; }
td.colhead2 { font-family: arial, verdana; color: #FFFF00; font-weight: bold; font-size: 14px; text-align: left; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; padding-top: 5px; padding-left: 25px; }
td.colhead3 { font-family: arial, verdana; color: #FFFF00; font-weight: bold; font-size: 14px; text-align: left; border-bottom: 1px solid #CCCCCC; padding-bottom: 5px; padding-top: 5px; padding-left: 25px; }

.showcasetext {
  padding: 0px; margin: 0px;
}
.showcasetext p {
  font-size: 12px;
  color: #FFFF00;
}
.showcasetext_large {
  padding: 0px; margin: 0px;
}
.showcasetext_large p {
  font-size: 20px;
  color: #FFFF00;
}
.act {
  border: 0px;
  height: 70px;
  cursor: hand;
  border: 2px solid #000000;
}