/* -- Design Tokens -- */
:root {
  --teal:       #0d5c63;
  --teal-light: #1a7a83;
  --teal-pale:  #e8f4f5;
--teal-lift:#137079;
--teal-deep:#0a474d;
--teal-deepest:#073238;
  --sand:       #f5efe6;
  --sand-dark:  #e8ddd0;
  --green:#166534;--green-pale:#f0fdf4;--green-border:#bbf7d0;
  --red-cell:#dc2626;--red-pale:#fef2f2;--red-border:#fecaca;
  --amber:#92400e;--amber-pale:#fef9c3;--amber-border:#fde68a;      
  --orange:     #e07b39;
  --orange-dark:#c4622a;
  --orange-deep:#c9692c;
    --cream:#f5efe6;
    --paper:#fbf8f2;
  --ink:        #1a1a1a;--ink-mute:#5d6e76;
  --blue:#1a4f8a;--blue-pale:#e8eef6;
  --navy:#1c3a5e;--navy-pale:#e8eef5;
  --ink-mid:    #3d3d3d;
  --ink-light:  #6b6b6b;
  --rule:       #d4c9bc;
  --white:      #ffffff;
--line:#e4dccd;
--line-strong:#d2c7b2;
--on-teal:#eef4f2;
--on-teal-mute:rgba(238,244,242,.78);     
  --serif:      'Playfair Display', Georgia, serif;
  --body-serif: 'Source Serif 4', Georgia, serif;
  --sans:       'DM Sans', system-ui, sans-serif;
}


body {margin:0;font-family:'DM Sans', system-ui, sans-serif;}

#container {width:100%;margin:0 auto;}
#headerdiv {max-width:1140px;margin:20px auto;padding:0;}

/* -- Top Bar -- */
.topbar {
  background: var(--teal);
  color: rgba(255,255,255,0.75);
  font-family: var(--sans);
  font-size: 0.75rem;
  letter-spacing: 0.04em;
  padding: 0.5rem 0;
}
.topbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width:1210px;
  margin:0 auto;
}
.topbar a { color: rgba(255,255,255,0.85); }
.topbar a:hover { color: var(--white); }
#bodydiv {max-width:1140px;margin:0 auto;padding:20px 0 0;clear:both;}
input[type="submit"],input[type="button"],button {
background: #E67E22!important;
}
#footerdiv {max-width:1140px;margin:0 auto;padding:30px 0;text-align:center;}

.buylink{display:inline-block;font-weight:bold;text-decoration:none;padding:10px 20px;border:thin solid black;border-radius:5px;margin:10px;text-align:center;}
#header ul {list-style:none;}
#header ul li {float:left;font-size:12px!important;}
@media screen and (min-width: 1150px) {
  #header {display:block;float:left;}
  #header ul li a {display:inline-block;padding-bottom:10px;margin:0 10px;}
  #header ul li a:hover {text-decoration:none;border-bottom: #700000 2px solid;}
  #current a {border-bottom: #700000 2px solid;}
  #navbutton {display:none;}
}
@media screen and (max-width: 1149px) {
  #header {display:none;}
  #navbutton {display:block;padding:10px 20px;border:thin solid black;border-radius:5px;margin:10px;text-align:center;}
  #header ul li {display:block;padding-bottom:10px;margin:0 10px;width:100%;}
}  
#pageheader {text-align:center;}
.logo {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.logo:hover {text-decoration:none;}
.logo-main {
  font-family: var(--serif);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--teal);
  letter-spacing: -0.01em;
}
.logo-main span { color: var(--orange); }
.logo-sub {
  font-family: var(--serif);
  font-size: 0.75rem;
  font-weight: 500;
  color: var(--ink-light);
  margin-top: 5px;
}
#logodiv {float:left;}
#menudiv {float:right;}
#navigationdiv {clear:both;}