﻿body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 color: white;
 background-color: black;
}

h1 {
 font-family: "Times New Roman";
 color: black;
 text-align: right;
 background: url(backgrounds/rocksoc.png) no-repeat;
}

a {
  font-weight: bold;
}

a:link {
  color: white;
}

a:visited {
  color: white;
}

a:hover {
  text-decoration: none;
  color: white;
  background-color: navy;
}

a:active {
  color: aqua;
  background-color: navy;
}

form.contact fieldset {
  border: 2px solid white;
  padding: 10px; 
}

form.contact legend {
  font-weight: bold; 
  font size: small; 
  color: white; 
  padding: 5px; 
}

form.contact {
  padding: 0px; 
  margin: 0px; 
  margin-top: -15px; 
}

form.contact label {
  font-weight: bold;
  font-size: small;  
  color: white; 
  line-height: 150%; 
}

form.contact label.fixedwidth {
 display: block; 
 width: 240px; 
 float: left; 
}

form.contact .buttonarea input {
 background: purple; 
 color: white; 
 font-weight: bold; 
 padding: 5px; 
 border: 1px solid white; 
}

form.contact .buttonarea {
 text-align: center;
 margin-top: 4px; 
 padding: 4px; 
}

#events table {
 border-collapse: collapse; 
 border: 1px solid white; 
}

#events th {
 font-weight: bold; 
 font-family: "Times New Roman";
 font-size: 150%;
 text-align: center;
 padding: 0.2em;
}

#events td {
 border: 1px solid white; 
 padding: 0.2em;
 text-align: center;
}

#navigation, #home, #heading {
  position: absolute;
}

#navigation {
  left: -10px;
  top: 68px;
}

#heading {
  width: 100%;
}

#bandtable {
  text-align: left
}

#Committee table {
 border: 0;
 text-align: center;
}

#Committee th {
 font-weight: normal;
 padding: 8px;
 border: 5px;
}

#Committee td {
 padding: 8px;
 border: 5px;
}

#home {
  left: 275px;
  text-align: center;
  line-height: 175%;
  top: 60px;
}

#links table {
 text-align: center;
 width: 65%;
}

#links th {
 font-weight: normal;
 padding: 3px;
 border: 5px;
 text-align: center;
}

#links td {
 padding: 3px;
 border: 5px;
 text-align: center;
}

#links a {
 font-size: 85%;
}

#links a:link {
 color: red;
}

#links a:visited {
  color: red;
}

#links a:hover {
  text-decoration: none;
  color: white;
  background-color: black;
}

#links a:active {
  color: red;
  background-color: black;
}

#ninja {
 float: bottom;
 padding: 10px;
}