html, body { height: 100%; }

body { text-align: center; margin: 0; color: #000; background-color: #e2e1e1; background-image: url(/images/site_bg.png); background-repeat: repeat-x;  }

#site-wrapper {  background-image: url(/images/center_bg2.png); background-repeat: repeat-x; background-color: #fff; width: 964px; text-align: left; margin: 0 auto; padding: 0; border:0px solid gray; min-height: 100%; }

#header { width: 100%; height: 128px; background-color: transparent; }
#logo { margin-top: 28px; }

#site-intro { float: left; border: 0px solid black; width: 620px;  }
#site-intro UL { margin: 0; padding: 0; }
#site-intro UL LI { margin-left: 22px; font-size: 1.1em; }
#site-intro .text { margin-bottom: 15px; font-style: normal; font-size: 1.1em; }

.note { color: gray; font-size: 0.85em; padding-left: 15px; }

.highlight { color: #993399; }

.ad-width { width: 500px; }

H1 { font-family: trebuchet MS; color: #993399; font-weight: bold; font-size: 1.7em; }
H2 { font-family: trebuchet MS; color: #993399; font-weight: bold; font-size: 1.4em; }

#content-well { margin: 25px; }

#lh-content { float: left; border: 0px solid black; width: 620px; }
#rh-content { float: right; width: 290px; }

#hp-login-box { border: 8px solid #bcad92; padding: 10px 10px 7px 10px; background-color: #e5ded0; width: auto; }
#hp-login-box form { margin: 0; }
#hp-login-box div { font-weight: bold; margin-bottom: 9px; }
#hp-login-box label { float: left; width: 90px; }
#hp-login-box input, textarea { width: 140px; margin-bottom: 5px; }
#hp-login-box .btn { margin-left: 90px; width: 90px; margin-bottom: 5px; }
#hp-login-box a {  margin-left: 90px; display: block; }
#hp-login-box br { clear: left; }

.result { border: 1px dashed #996699; border-top: 0; border-bottom: 0; padding: 5px; background-color: #f6f1e8; }
.result-header { border: 1px solid #996699; margin: 0; padding: 0; background-color: #996699; color: white; }
.result-footer { border: 1px dashed #996699; border-top: 0; color: black; padding: 0; background-color: #f6f1e8; margin-bottom: 15px; }

.form-preview { line-height: 1.5em; }
.form-preview label { float: left; width: 120px; font-weight: bold; }
.form-preview br { clear: left; }

.form { }
.form label { float: left; width: 150px; font-weight: bold; }
.form input, textarea { width: auto; margin-bottom: 5px; }
.form input.radio { width: auto; margin-bottom: 11px; }
.form input.check { width: auto; }
.form select { margin-bottom: 5px; }
.form .nolabel { margin-left: 150px; }
.form br { clear: left; }

.signup_button { border:1px solid #993399; padding:1px; }
.signup_button a { text-decoration: none; font-family: trebuchet ms; font-size: 1.5em; color: white; text-align: center; border:none; display:block; margin:0; padding: 10px 15px; background-color: #993399; }
.signup_button a:visited { color: white; }
.signup_button a:hover { text-decoration: underline; }

a.link1 { font-size: 0.9em; color: #993399; text-decoration: none; }
a.link1:visited { color: #993399; }
a.link1:hover { color: #000; text-decoration: underline; }

#footer { font-size: 0.85em; text-align: right; clear: both; margin-top: 15px; border-top: 1px solid #ddd; padding: 3px 0px 20px 0px; color: #6f4a09; width: 100%; }

#toolbar { background-color: #e5ded0; }
ul#tabs {
  height: 24px;
  margin: 0pt;
  padding: 4pt 8px;
  top: 0px;
  list-style-type: none;
  float: left;
}
ul#tabs li {
  float: left;
  padding: 0px 10px;
  font-size: 1em;
  font-weight: bold;
}
ul#tabs li a {
  display: block;
  text-decoration: none;
}
ul#tabs li a span {
  display: block;
  padding: 3px 8px 3px 8px;
}
ul#tabs li a:hover span {
  background-color: #6f4a09;
  color: white;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

select { font-size: 1.15em; }

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #000; }
a:visited { color: #000; }
a:hover { color: #993399; }

.fieldWithErrors {
  color: red;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #6f4a09;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f6f1e7;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 1em;
  margin: -7px;
  background-color: #6f4a09;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 1em;
  list-style: square;
}

TABLE, TD, TH { border-collapse: collapse; border: 1px solid #ddd; text-align: left; }
TD, TH { padding: 3px; }