html, body { height: 100%; margin: 0; }
body { background: #ffd6d6; }

table { border-collapse: collapse; }
img { display: block; border: 0; outline: 0; }
a { text-decoration: none; }
a img { border: 0; outline: 0; }
a:focus { outline: none; }

#public_page { width: 750px; }
#pub_content { background: transparent; }

/* kill legacy spacing bloat */
#public_page, #public_page table { border-collapse: separate; border-spacing: 0; }
#join_form { border-spacing: 2px !important; }
#join_form td { padding: 1px 2px !important; }

table.box{
  margin: 12px auto 0;
  width: 420px;
  border: 2px solid #5d1717;
  background: #8e2f2f;
  box-shadow: 0 0 0 1px rgba(255,255,255,.10) inset;
}

td.box_bg{
  background: #b35a5a;
  padding: 8px 10px;
  text-align: center;
  border: 0;
}

form table.box td{
  background: #8e2f2f;
  padding: 10px 12px 12px;
}

.description_text{
  font: 12px/1.4 Arial, Helvetica, sans-serif;
  color: #2b0000;
  width: 420px;
  margin: 0 auto;
}

.small_note{
  font: 11px/1.35 Arial, Helvetica, sans-serif;
  color: #2b0000;
  width: 420px;
  margin: 0 auto;
}

.join_question{
  font: 11px Arial, Helvetica, sans-serif;
  color: #ffcc66;
  text-align: right;
  padding-right: 6px;
  white-space: nowrap;
}

.join_answers{
  font: 11px Arial, Helvetica, sans-serif;
  color: #ffcc66;
  white-space: nowrap;
}

.join_answers input,
.join_answers select,
.join_answers textarea{
  font: 11px Arial, Helvetica, sans-serif;
  border: 2px solid #7a2a2a;
  background: #fff;
  padding: 2px 4px;
  box-sizing: border-box;
}

.box_description, .box_description a,
.copyright, .copyright2{
  font: 12px Arial, Helvetica, sans-serif;
  color: #ffd18a;
}
.box_description a,
.copyright, .copyright2{
  text-decoration: underline;
}

.legal_stuff { padding: 10px 0 0 10px; }