body {
  font-size: 12pt;
  font-family: arial;
  background-color: #000000;
  color: #ff00ff;
  padding: 0;
  margin: 0;
  /*color: #58417D;*/
}

a, a:visited {
  color: #cccc00;
}

a:hover {
  background-color: #333;
}

h1, h2, h3, h4, h5 {
  color: #ffffff;
}

input {
  font-size: 85%;
}

img {
  border: 0;
}

td,th {
  font-size: 12pt;
}

p {
  width: 85%;
  margin: auto;
}

#pageContainer {
  width: 960px;
  margin: 5px; auto 0 auto;
  padding: 0;
  text-align: center;
}

#nav {
  float: left;
  width: 125px;
  padding: 0 5px 0 5px;
  position: fixed; top: 50px; left 0;
  z-index: 99;
}

#nav ul, #nav li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#header {
  width: 960px;
  height: 110px;
  background-color: #000;
  position: fixed; top: 0; left: 70px;
}

#mainContent {
  float: left;
  width: 820px;
  margin: 120px 0 0 130px;
  padding: 0;
  text-align: center;
}

.noShow {
  display: none;
}

.loginButton {
  width: 120px;
  background-color: #333;
  color: #ff00ff;
  font-size: 75%;
}

input.loginButton:hover {
  cursor: pointer;
}

.large {
  font-size: 140%;
}

.medium {
  font-size: 120%;
}

.small {
  font-size: 85%;
}

.tiny {
  font-size: 60%;
}

.mediumBold {
  font-size: 120%;
  font-weight: bold;
}

.largeBold {
  font-size: 140%;
  font-weight: bold;
}

.alert {
  color: #00ffff;
}

.subtle {
  color: #777;
  font-size: 80%;
}