/* home.css */

body {
  background-image: url(/images/background_signup.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  background-color: #000000;
  color: #ffffff;
  font-family: arial;
  font-size: 12px;
  margin: 0px;
}

/*
body#homeBody {
  background-image: url(/images/background_home.jpg);
}
*/

body#contactBody {
  background-image: url(/images/background_contact.jpg);
}

#layout {
  width: 760px;
  position: relative;
}

#navigation {
  width: 720px;
  list-syle-type: none;
  margin: 10px 10px;
  text-align: right;
  background-image: url(/images/checker.gif);
  background-position: top left;
  background-repeat: repeat;
  border: 2px solid #000000;
}

#navigation li {
  padding: 0px 0px 0px 15px;
  display: inline;
}

#navigation li.first {
  padding: 0px 0px 0px 0px;
}

#navigation li a:link, #navigation li a:visited {
  color: #ffffff;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}

#navigation li a:focus, #navigation li a:hover, #navigation li a:active {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}

#navigation li.selected a:link, #navigation li.selected a:visited, #navigation li.selected a:focus, #navigation li.selected a:hover, #navigation li.selected a:active {
  color: #ff0000;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;
}

#social {
  position: absolute;
  top: 170px;
  right: 0;
  margin: 0;
  padding: 0;
}

#social dt {
  font-size: 18px;
  font-weight: bold;
  color: #ff0000;
  text-align: right;
  margin: 0 0 10px 0;
}

#social dd {
  margin: 0;
  padding: 0;
}

#social ul {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}

#social li {
  list-style-type: none;
  list-style-image: none;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
  width: 32px;
  height: 32px;
}

div.content {
  background-image: url(/images/checker.gif);
  background-position: top left;
  background-repeat: repeat;
  border: 2px solid #000000;
  width: 720px;
  margin: 140px 20px 0px 20px;
  padding: 20px;
}

div.content#homeContent {
  width: 640px;
  margin: 220px 20px 0px 80px;
}

div.content#contactContent {
  width: 250px;
  margin: 140px 20px 20px 450px;
}

#round {
  font-size: 110%;
  color: #ffff00;
}

div.content div.divAlignRight {
  background-color: transparent;
  border: 0px;
  height: auto;
}

textarea.inputTextarea {
  overflow: auto;
  padding: 0px;
}

div.content fieldset {
  border: 1px solid #333333;
  padding: 5px;
  width: 198px;
}

div.content legend {
  font-weight: bold;
  font-size: 125%;
  color: #ffffff;
  padding: 0px 5px;
}

div.content fieldset fieldset {
  width: auto;
}

div.content fieldset fieldset legend {
  font-size: 100%;
}

div.content label {
  color: #999999;
}

#disclaimer {
  clear: right;
  padding: 20px;
  margin: 0px 20px 20px 20px;
  width: 680px;
}

#disclaimer p {
  font-size: 9px;
}

div.divAlignRight div.divAlignLeft {
  overflow: visible;
  height: auto;
  width: 212px;
}

.errorMessage {
  width: auto;
}

dl.compact {
  display: block;
}

dl.compact dt, dl.compact dd {
  float: left;
  margin: 0;
}

dl.compact dt {
  clear: left;
}

dl.compact dd {
  margin: 0 0 0 10px;
}

dl.compact.narrow dt {
  width: 45%;
}

dl.compact.narrow dd {
  width: 48%;
}

dl.compact.wide dt {
  width: 59%;
}

dl.compact.wide dd {
  width: 34%;
}