body {
  background-color: #145515;
  color: white;
  font-size: 10pt;
  font-family: Arial, Helvetica, Sans-Serif;
  font-weight: normal;
  width: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
  position: relative;
}

#choice {
  margin: 1em 3em;
  border: 1px solid white;
  padding: 1em;
}
#container {
  min-height:100%;
  width: 98%;
  margin: 0 auto;
  padding: 2px 2px 85px 2px;
  text-align: center;
  position: relative;
}
#content {
  width: 940px;
  margin: 0 auto;
  padding: 1em 0;
  text-align: center;
}
  #content h2 {
    margin: 3px 0;
  }
#header {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  vertical-align: top;
}
#wanted {
  padding: 1em;
  margin: auto 0;
}
#wantedOptions {
  margin: 0 5%;
  padding: 0;
  text-align: center;
}

#admin {
  margin: 2px;
  padding: 2px;
}
#footer {
  margin: 0;
  padding: 0;
  bottom: 0;
  height: 85px;
  width: 100%;
  position: absolute;
}
  #footer img {
    margin: 0;
    padding: 0;
  }

/* h3 */
h3 { color: #ff7200; font-size: 130%; font-weight: bold;}

/*
 * img
 */
img {}

  #header img {
    border: 0;
    margin: 3px 2em;
    vertical-align: top;
  }

button { display: inline; margin: 0 10px; }

/*
 * p
 */
p {}

  p.headline {
    font-weight: bold;
    font-size: 130%;
    text-align: center;
    margin: 0 3%;
    padding: 2px 4px;
  }

/*
 * span
 */
span {}

  #choice div div {
    display: inline;
    width: 300px;
    border: 2px solid white;    
  }
  #choice div.right {
    width: 300px;
    border: 2px solid white;
  }

/*
 * a
 */
a {}

/*
 * ul
 */
ul {}

  ul#wanted {
    list-style: none;
    margin: 0 auto;
    text-align: center;
  }
    ul#wanted li {
      width: 231px !important;
      height: 174px !important;
      margin: 2px;
      padding: 10px 2px 2px 2px;
      background-image: url('/graphics/ad_background.jpg');
      background-position: center;
      background-repeat: no-repeat;
      text-align: center;
    }

      ul#wanted a {
        text-decoration: none;
        color: black;
      }
        ul#wanted li a p {
          margin: 0 14px 0 8px;
          font-weight: bold;
        }

/*
 * generic classes
 */
.italic {
  font-style: italic;
  font-size: 95%;
}
.bold {
  font-weight: bold;
}
.right {
  text-align: right;
}
.boxes {
  margin: 3em auto;
  width: 850px;
  text-decoration: none;
}
.box {
  margin: 2em 3px;
  padding: 1em;
  border: 2px solid white;
  text-align: center;
  vertical-align: middle;
  width: 300px;
  font-size: 120%;
  font-weight: bold;
/*  float: left; */
  color: white;
  cursor: hand;
  text-decoration: none;
}
  .box:hover {
    background-color: white;
    color: #145515;
  }

.clear {
  clear: both;
}
.centered {
  text-align: center;
}
  .centered a img {
    border: 0;
  }

.wanted {
  border: 1px dashed #eee;
  margin: 1px;
  padding: 3px;
  width: 15em;
  height: 10em;
  float: left;
  overflow: hidden;
}
  .wanted h3 {
    margin: 0;
    padding: 0;
  }
  .wanted p {
    font-size: 80%;
  }
    .wanted p.agentName {
      font-size: 80%;
      text-align: left;
      vertical-align: bottom;
      margin: auto 0;
      padding: 0;
    }
    .wanted p.agentName a {
      color: white;
    }

    .wanted p.ref {
      text-align: center;
      font-weight: bold;
    }
.big {
  font-size: 110%;
}
.bigger {
  font-size: 150%;
}  
.small {
  font-size: 70%;
}
.smaller {
  font-size: 95%;
}
.background {
  width: 229px !important;
  height: 174px !important;
  float: left;
}
.block {
  margin: 4px 20px 1px 5px;
  padding-right: 10px;
  display: block;
  width: 210px;
  color: black;
}

.clear {
  clear: both;
}

.admin {
  text-align: center;
  font-style: italic;
  font-size: 9pt;
}
  .admin a {
    color: white;
  }
.messages p {
  color: red;
  font-color: red;
  margin: 0;
  padding: 0;
}

