html, body {height:100%}

BODY {
  background-color: #111111;
  color: #AAAAAA;
  font-size: 8pt;
  font-family:"verdana", "arial", "helvetica", sans-serif;
}
.small {
  font-size: 7pt;
}
#main{
  height:90%;
  min-height:90%;
  margin-left:20%;
  margin-right:20%;
  position:relative;
}

#quote {
  display: block;
  border: 1px dashed #3333DD;
  width: 375px;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  color: #454565;
}

#quote .from {
  display: block;
  margin-top: 5px;
  text-align: right;
  font-style: italic;
} 

#error {
  width: 500px;
  border: 1px dashed #EE1111;
  background-color: #662525;
  color: #FF0000;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

#error h1 {
  padding: 0px;
  margin: 1px;
  font-weight: bold;
  font-size: 14pt;
}

#notes {
  font-size: 7pt;
  text-align: center;
}

#loginform {
  width: 400px;
  margin-left: auto;
  margin-right: auto;
}

#signupform {
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  line-spacing: 200%
}

#captchaimage {
  margin-left: 100px;
}

#captchaimage img{
  border: none;
  padding-top: 10px;
  padding-bottom: 10px;
}

#loginform label {
  float: left;
  width: 100px;
}

#signupform label {
  float: left;
  width: 150px;
  clear: both;
}

#signupform label.checklabel {
  float: none;
  width: 80%;
  clear: none; 
}

INPUT {
  background-color: #222222;
  border: none;
  color: #3333CC;
  margin-bottom: 5px;
  margin-right: 5px;
}

#footer {
  width:100%;
  clear:both;
  margin-top:-52px;/* drag footer back into page*/
  position:relative;
  height: 10%;
  position: relative;
  bottom: 0px;
  text-align: center;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
	

#footer p, #error p {
  margin: 0px;
  padding: 0px;
}

#footer img {
  border: none;
  margin-top: 8px;
}

#footer a, #footer a:link, #footer a:visited {
 color: #AAAAFF;
 text-decoration: none;
}

#footer a:hover {
 color: #7777FF;
}