/* Slievenamon Accounts, concept "before": a 2009-era site. System fonts only. */
body {
  margin: 0;
  padding: 12px 0 24px;
  background: #b6c2cf;
  background-image: repeating-linear-gradient(45deg, #b6c2cf 0, #b6c2cf 3px, #aab7c5 3px, #aab7c5 4px);
  font-family: "Times New Roman", Times, serif;
  font-size: 13px;
  color: #333;
}

#wrap {
  width: 800px;
  margin: 0 auto;
  background: #fff;
  border: 2px solid #333;
  border-collapse: collapse;
}

#banner {
  height: 120px;
  padding: 18px 20px 0;
  vertical-align: top;
  background: linear-gradient(90deg, #003366 0%, #003366 45%, rgba(0, 51, 102, 0.2) 100%), url("/assets/redesigns/slievenamon-accounts/slievenamon-800.webp");
  background-size: 100% 100%, 100% 100%;
  border-bottom: 3px solid #333;
}

#banner-title {
  font-size: 40px;
  font-style: italic;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 2px 0 #000;
}

#banner-sub {
  margin-top: 6px;
  font-size: 15px;
  color: #ffcc00;
  font-weight: bold;
}

#menu {
  width: 150px;
  vertical-align: top;
  background: #c0c0c0;
  border-right: 2px solid #666;
  padding: 8px;
}

.m {
  display: block;
  margin-bottom: 4px;
  padding: 3px 4px;
  background: #d4d0c8;
  border: 2px outset #fff;
  font: bold 11px Arial, Helvetica, sans-serif;
  color: #000080;
  text-decoration: none;
  text-align: center;
}

.m.off { color: #888; border-style: solid; border-color: #aaa; font-weight: normal; }

#counter {
  margin-top: 24px;
  font: 10px Arial, sans-serif;
  color: #555;
  text-align: center;
}

.digits {
  margin-top: 3px;
  padding: 2px;
  background: #000;
  color: #0f0;
  font: bold 13px "Courier New", monospace;
  letter-spacing: 1px;
}

#content { vertical-align: top; padding: 10px 16px 16px; }

#news {
  margin-bottom: 8px;
  color: #cc0000;
  font: bold 12px Arial, sans-serif;
  text-align: center;
}

h1 { margin: 6px 0 10px; font-size: 24px; color: #003366; text-align: center; }
h2 { margin: 16px 0 6px; font-size: 17px; color: #003366; border-bottom: 1px solid #999; }

.mission { text-align: justify; color: #777; line-height: 1.35; }

ul { margin: 4px 0 4px 20px; padding: 0; }
a { color: #0000ee; }
#contact-table td { vertical-align: top; font-size: 13px; }
#contact-table img { border: 1px solid #999; }

#foot {
  padding: 8px;
  border-top: 2px solid #666;
  background: #ddd;
  text-align: center;
  font: 10px Arial, sans-serif;
  color: #888;
}