/* lightly modernized late-90s - short pages, no marquee, no Comic Sans */
body {
  margin: 0;
  background-color: #b9c4a8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Crect fill='%23b3bea2' width='6' height='6'/%3E%3Crect fill='%23bfcbae' x='6' y='6' width='6' height='6'/%3E%3C/svg%3E");
  color: #1a2214;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.45;
}
a:link { color: #1a5c2e; }
a:visited { color: #4a3860; }
a:active { color: #8b0000; }
table.page {
  background-color: #f7f3e6;
  border: 3px solid #2f4224;
  box-shadow: 4px 4px 0 #2f4224;
}
td.sidebar {
  background-color: #2f4224;
  color: #e8f0d8;
  vertical-align: top;
  width: 168px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}
td.sidebar a { color: #e8f0d8; font-weight: bold; text-decoration: none; }
td.sidebar a:hover { text-decoration: underline; color: #fff; }
td.sidebar a:visited { color: #c5d6a8; }
td.sidebar a.youare { color: #ffe566; }
td.main {
  background-color: #f7f3e6;
  vertical-align: top;
  padding: 16px 20px 20px;
}
h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #2f4224;
  font-size: 1.85rem;
  margin: 4px 0 6px;
  text-align: center;
  font-weight: bold;
}
h2 {
  font-family: Arial, Helvetica, sans-serif;
  color: #2f4224;
  font-size: 1.05rem;
  border-bottom: 2px solid #4f6b3a;
  margin-top: 18px;
  padding-bottom: 3px;
}
.banner {
  background-color: #2f4224;
  color: #e8f0d8;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-align: center;
  padding: 10px 8px;
  font-size: 14px;
}
.banner .sub { font-weight: normal; font-size: 12px; color: #a9b98f; }
.tagline {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #4f6b3a;
  font-weight: bold;
  margin: 0 0 8px;
}
.photo {
  width: 150px;
  height: 100px;
  background-color: #e5ebd6;
  border: 2px inset #808080;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #555;
  vertical-align: middle;
}
.hound-pair { margin: 12px auto; border-collapse: collapse; }
.hound-pair td { text-align: center; vertical-align: bottom; padding: 6px 10px; }
.hound-pair img { display: block; margin: 0 auto; border: 2px solid #2f4224; background: #fff; }
.hound-pair .tilly img { width: 200px; height: auto; }
.hound-pair .willow img { width: 150px; height: auto; }
.hound-pair .cap {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: 4px;
  color: #2f4224;
}
.price {
  background-color: #fff8d6;
  border: 2px solid #4f6b3a;
  padding: 12px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: bold;
  color: #5a2a00;
}
.draft { font-size: 11px; color: #666600; font-weight: normal; display: block; margin-top: 4px; }
hr.green { border: 0; height: 2px; background: #4f6b3a; color: #4f6b3a; }
.counter {
  font-family: "Courier New", Courier, monospace;
  background: #1a2214;
  color: #8fdf6a;
  padding: 2px 6px;
  letter-spacing: 2px;
  font-size: 12px;
}
.flags { font-size: 20px; letter-spacing: 3px; }
.navrow { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin-top: 14px; }
.note { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }