body {
  background-color: #000000;
  color: #cccccc;
}

#vpre {
  margin-left:auto;
  margin-right:auto;
  text-align:center; 
  width: 648px;
}

#logo{
  text-align:left; 
}


#quickLinks {
  position: absolute;
  top: 200px;
  text-align:left;
  width: 640px;
  font-size: 0.8em;
  z-index: -10; 
}

a:link { 
  color: #ffffff;
  text-decoration: none;
}
a:visited { 
  color: #ffff88;
  text-decoration: none;
}
a:hover { 
  color: #ff8888;
  text-decoration: none;
}
a:active { 
  color: #ff3333;
}


#app {
  text-align:left;
  border: #ffffff 4px ridge;
  background: #000;
  color: #fed;
}
#app h1{
  text-align:center;
  padding-left: 3px;
  padding-right: 3px;
}
#app h2{
  text-align:center;
  padding-left: 3px;
  padding-right: 3px;
  font-size: 1.3em;
}
#app p{
  padding-left: 1em;
  padding-right: 1em;
}
#app a:link { 
  color: #cfc;
  text-decoration: none;
}
#app a:visited { 
  color: #6f6;
  text-decoration: none;
}
#app a:hover { 
  color: #6ff;
  text-decoration: none;
}
#app a:active { 
  color: #0f0;
}
#quickLinks h1{
  text-align:center;
  padding-left: 3px;
  padding-right: 3px;
}
#quickLinks p{
  padding-left: 1em;
  padding-right: 1em;
}
#quickLinks a:link { 
  color: #cfc;
  text-decoration: none;
}
#quickLinks a:visited { 
  color: #6f6;
  text-decoration: none;
}
#quickLinks a:hover { 
  color: #6ff;
  text-decoration: none;
}
#quickLinks a:active { 
  color: #0f0;
}