/* --------------------------------------- */

/* ---- Layout  framework styles ---- */

/* --------------------------------------- */

body {
  margin: 0;
  padding: 0;
  color: #dadada;
  background-color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 100%;
  line-height: 130%;
}

#container {
  max-width: 1280px;
  min-width: 400px;
  margin: auto;
  width: 100%;
  box-sizing: border-box;
  padding: 0px 5px;
}

#maincontent {
  width: auto;
  margin-left: 300px;
}

#sidebar {
  float: left;
  margin: 0;
  padding: 0;
}

#header {
  padding: 30px 0px;
  display: flex;
  justify-items: center;
  align-items: center;
}

#header_image {
  width: 100%;
  /* min-width: 660px; */
  margin: auto;
}

#header_image img {
  display: block;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: auto;
}

#header_image_mobile {
  display: none;
}

#tabnavbar {
  display: flex;
  justify-content: flex-start;
}

#content {
  width: 100%;
  margin: 0;
  padding: 30px 20px 5px 5px;
}

#footer {
  clear: both;
  margin: 0;
  padding: 100px 0 50px 0;
  text-align: left;
  color: #626262;
  font-size: 0.8em;
}

#scroll_text {
  background: url(../images/scroll-background.jpg) no-repeat 0 0;
  background-size: 100% 100%;
  text-align: center;
  padding: 10% 10% 10% 10%;
  font-size: 1.25em;
  line-height: 1.2em;
  max-width: 600px;
  max-height: 330px;
  margin: auto;
  margin-top: -30px;
}

/* ---------------------------------- */

/* NEWS */

/* ---------------------------------- */

#news_header {
  text-align: center;
  letter-spacing: 8px;
  font-size: 1.7rem;
  margin: 30px 0px 10px 0px;
}

#news_subtitle {
  text-align: center;
  font-size: 0.9rem;
  font-style: italic;
  color: #999999;
}

#current_news_header {
  text-align: left;
  font-size: 1.7rem;
  margin: 30px 0px 10px 0px;
}

#current_news_subtitle {
  text-align: left;
  font-size: 0.9rem;
  font-style: italic;
  color: #999999;
}

#news {
  max-width: 650px;
  margin: 30px auto;
  border-top: 1px grey solid;
}

.news_item {
  padding: 15px 15px;
  border-bottom: 1px grey solid;
}

.news_item_date {
  font-weight: bold;
  color: #adb2c1;
  padding-bottom: 8px;
}

.news_item_body_ul {
  display: flex;
  flex-direction: column;
}

.news_item_body_li {
  margin: 3px;
}

.news_item_body {

}

.news_item_figures {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.news_item_figures figure {
  border: 1px grey solid;
}

.news_item_figures figcaption {
  padding-top: 5px;
}

#footer_decor {
  margin: 50px auto 0px auto;
  width: 200px;
}

.news_item_thumbnail_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.news_item_thumbnail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 15px;
}

.news_item_thumbnail img {
  border: 1px solid grey;
  cursor: pointer;
  width: 200px;
  height: auto;
  margin-bottom: 5px;
}

/* ---------------------------------- */

/* NAVIGATION STYLES */

/* ---------------------------------- */

/* Sidebar vertical column with top level navigation buttons */

#sidebar h1 {
  display: none;
}

#sidebar img {
  margin: 0 0 15px 0;
  padding: 0;
}

#sidebar ul {
  margin: 0;
  padding-left: 50px;
  list-style-type: none;
  width: 100%;
}

#sidebar ul li {
  margin: 0;
  padding: 0;
}

#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:focus,
#sidebar ul li a:hover {
  display: block;
  height: 48px;
  margin: 0;
  padding: 10px 0 0 5px;
  text-align: left;
  text-decoration: none;
  font-size: 26px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bolder;
  /* border: 1px solid yellow; */
}

/* Button for the current page is identified as where page type = link destination */

/* Don't apply rollover and have standard text colour for current page button */

.home_page #sidebar ul li.home_link a,
.info_contacts_page #sidebar ul li.info_link a,
.info_sitemap_page #sidebar ul li.info_link a,
.info_search_page #sidebar ul li.info_link a,
.info_links_page #sidebar ul li.info_link a,
.info_books_page #sidebar ul li.info_link a,
.info_pdf_page #sidebar ul li.info_link a,
/* .current_hunt_page #sidebar ul li.current_link a, */
.current_news_page #sidebar ul li.current_link a,
.current_puzzle_page #sidebar ul li.current_link a,
.current_poster_page #sidebar ul li.current_link a,
/* .current_covid_page #sidebar ul li.current_link a, */
.current_tales_page #sidebar ul li.current_link a,
.current_solution_page #sidebar ul li.current_link a,
.current_results_page #sidebar ul li.current_link a,
/* .current_advent_page #sidebar ul li.current_link a, */
.current_notes_page #sidebar ul li.current_link a,
/* .current_teams_page #sidebar ul li.current_link a, */
.hunt_intro_page #sidebar ul li.hunt_link a,
.hunt_guide_page #sidebar ul li.hunt_link a,
.hunt_faq_page #sidebar ul li.hunt_link a,
.hunt_codes_page #sidebar ul li.hunt_link a,
.hunt_history_page #sidebar ul li.hunt_link a,
.hunt_memories_page #sidebar ul li.hunt_link a,
.set_intro_page #sidebar ul li.set_link a,
.set_apply_page #sidebar ul li.set_link a,
.set_guide_page #sidebar ul li.set_link a,
.set_tips_page #sidebar ul li.set_link a,
.set_tools_page #sidebar ul li.set_link a,
.set_publicity_page #sidebar ul li.set_link a,
.set_marking_page #sidebar ul li.set_link a,
.set_prizes_page #sidebar ul li.set_link a,
.set_website_page #sidebar ul li.set_link a,
.history_archive_page #sidebar ul li.history_link a,
.history_honour_page #sidebar ul li.history_link a,
.history_production_page #sidebar ul li.history_link a,
.history_posters_page #sidebar ul li.history_link a,
.archive_puzzle_page #sidebar ul li.history_link a,
.archive_answers_page #sidebar ul li.history_link a,
.archive_notes_page #sidebar ul li.history_link a,
.archive_tales_page #sidebar ul li.history_link a,
.archive_results_page #sidebar ul li.history_link a,
.archive_poster_page #sidebar ul li.history_link a,
.pablo_intro_page #sidebar ul li.pablo_link a,
.pablo_inmemoriam_page #sidebar ul li.pablo_link a,
.pablo_biblio_page #sidebar ul li.pablo_link a,
.pablo_pictures_page #sidebar ul li.pablo_link a,
.pablo_stjosephs_page #sidebar ul li.pablo_link a {
  color: #eeeeee;
}

/* Search Panel */

/* Search Results Panel */

#resultspanel {
  border: 1px solid #eeeeee;
  margin: 20px 0;
  padding: 10px;
  background-color: #ffcc66;
}

#resultspanel h2 {
  color: #eeeeee;
  margin-bottom: 0;
  padding-bottom: 0;
}

/* Secondary horizontally tabbed navigation bar for pages within a section */

#tabnavbar h1 {
  display: none;
  font-size: 1.5em;
  margin: 0;
  padding: 0 0 10px 0;
}

#tabnavbar ul {
  font-size: 1.3em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0 0 3px 0;
  margin: 0;
}

#tabnavbar ul li {
  list-style: none;
  margin: 0;
  display: inline;
  vertical-align: baseline;
}

#tabnavbar ul li a {
  padding: 3px 0.5em 3px 0.5em;
  margin: 0 0 0 0px;
  border-bottom: none;
  text-decoration: none;
}

/* Tab for the current page is identified as where page type = link destination */

.info_contacts_page #tabnavbar ul li.info_contacts_link a,
.info_sitemap_page #tabnavbar ul li.info_sitemap_link a,
.info_search_page #tabnavbar ul li.info_search_link a,
.info_links_page #tabnavbar ul li.info_links_link a,
.info_books_page #tabnavbar ul li.info_books_link a,
.info_pdf_page #tabnavbar ul li.info_pdf_link a,
/* .current_hunt_page #tabnavbar ul li.current_hunt_link a, */
.current_news_page #tabnavbar ul li.current_news_link a,
.current_puzzle_page #tabnavbar ul li.current_puzzle_link a,
.current_poster_page #tabnavbar ul li.current_poster_link a,
/* .current_covid_page #tabnavbar ul li.current_covid_link a,
.current_advent_page #tabnavbar ul li.current_advent_link a, */
.current_tales_page #tabnavbar ul li.current_tales_link a,
.current_solution_page #tabnavbar ul li.current_solution_link a,
.current_results_page #tabnavbar ul li.current_results_link a,
.current_notes_page #tabnavbar ul li.current_notes_link a,
/* .current_teams_page #tabnavbar ul li.current_teams_link a, */
.hunt_intro_page #tabnavbar ul li.hunt_intro_link a,
.hunt_guide_page #tabnavbar ul li.hunt_guide_link a,
.hunt_faq_page #tabnavbar ul li.hunt_faq_link a,
.hunt_codes_page #tabnavbar ul li.hunt_codes_link a,
.hunt_history_page #tabnavbar ul li.hunt_history_link a,
.hunt_memories_page #tabnavbar ul li.hunt_memories_link a,
.set_intro_page #tabnavbar ul li.set_intro_link a,
.set_apply_page #tabnavbar ul li.set_apply_link a,
.set_guide_page #tabnavbar ul li.set_guide_link a,
.set_tips_page #tabnavbar ul li.set_tips_link a,
.set_tools_page #tabnavbar ul li.set_tools_link a,
.set_publicity_page #tabnavbar ul li.set_publicity_link a,
.set_marking_page #tabnavbar ul li.set_marking_link a,
.set_prizes_page #tabnavbar ul li.set_prizes_link a,
.set_website_page #tabnavbar ul li.set_website_link a,
.history_archive_page #tabnavbar ul li.history_archive_link a,
.history_honour_page #tabnavbar ul li.history_honour_link a,
.history_production_page #tabnavbar ul li.history_production_link a,
.history_posters_page #tabnavbar ul li.history_posters_link a,
.archive_puzzle_page #tabnavbar ul li.archive_puzzle_link a,
.archive_answers_page #tabnavbar ul li.archive_answers_link a,
.archive_notes_page #tabnavbar ul li.archive_notes_link a,
.archive_tales_page #tabnavbar ul li.archive_tales_link a,
.archive_results_page #tabnavbar ul li.archive_results_link a,
.archive_poster_page #tabnavbar ul li.archive_poster_link a,
.pablo_intro_page #tabnavbar ul li.pablo_intro_link a,
.pablo_inmemoriam_page #tabnavbar ul li.pablo_inmemoriam_link a,
.pablo_biblio_page #tabnavbar ul li.pablo_biblio_link a,
.pablo_pictures_page #tabnavbar ul li.pablo_pictures_link a,
.pablo_stjosephs_page #tabnavbar ul li.pablo_stjosephs_link a {
  color: #eeeeee;
  border-bottom: 3px solid #f7e4aa;
  /* Same colour as background image */
}

/* ------------------------------- */

/* Archive Year-to-Year Navigation */

/* ------------------------------- */

#chrononavbar {
  height: 45px;
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 1em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

#chrononavleft,
#chrononavcentre,
#chrononavright {
  margin: 0;
  padding: 15px 10px 15px 0;
  float: left;
}

#chrononavleft,
#chrononavright {
  width: 75px;
}

#chrononavleft {
  text-align: right;
  padding-left: 0;
}

#chrononavcentre {
  text-align: center;
}

#chrononavright {
  text-align: left;
}

#chrononavleft a {
  padding: 15px 28px 18px 20px;
  margin: 0;
  text-decoration: none;
}

#chrononavright a {
  padding: 15px 20px 18px 28px;
  margin: 0;
  text-decoration: none;
}

/* Intra-page navigation */

.gotolink {
  font-size: 90%;
  font-style: italic;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

img.poster2017 {
  width: 65%;
  display: block;
  margin-left: 0;
  margin-right: auto;
}

img.montage2017 {
  width: 65%;
  display: block;
  margin-left: 0;
  margin-right: auto;
}

/* ----------------- */

/* Latest News Box   */

/* ----------------- */

#newsbox {
  background-color: #ffffff;
  float: right;
  width: 275px;
  border: 3px ridge #000000;
  padding: 5px 5px 2px 5px;
  margin: 0 10px 5px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
  color: #000000;
}

#newsbox h1 {
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  padding-bottom: 0;
  margin: 0 0 0.5em 1em;
  color: #000000;
}

#newsbox .date {
  font-weight: bold;
  font-style: italic;
}

#newsbox ul {
  margin: 0;
  padding: 0 1em 0.5em 1em;
  list-style-type: none;
  /*	text-indent: -1em; */
}

#newsbox ul li {
  font-size: 0.9em;
  margin: 0;
  padding: 0.3em 0 0.5em 0;
  border-top: 1px dotted #000000;
}

.flashing {
  animation: color-change 1s infinite;
}

@keyframes color-change {
  0% {
    color: rgb(227, 137, 137);
  }

  50% {
    color: #dadada;
  }

  100% {
    color: rgb(227, 137, 137);
  }
}

/* --------------- */

/* Information Box */

/* --------------- */

.infobox,
.infoboxnarrow {
  float: left;
  border: 2px ridge #000000;
  padding: 2px 10px 2px 10px;
  margin: 5px 10px 10px 0;
  font-size: 0.8em;
  color: #000000;
  background-color: #ffffff;
}

.infoboxnarrow {
  width: 250px;
}

.infobox h2,
.infoboxnarrow h2 {
  color: #000000;
  font-size: 125%;
  font-weight: bold;
  border-bottom: 1px dotted #000066;
  margin-bottom: 0.3em;
  margin-top: 0.2em;
  padding-bottom: 0.2em;
  padding-top: 0.3em;
}

.infobox p,
.infoboxnarrow p {
  margin: 0.2em 0 0.2em 0;
  padding: 0 0 0.3em 0;
}

.infobox ul,
.infoboxnarrow ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-type: none;
  text-indent: -1em;
}

.infobox ol,
.infoboxnarrow ol {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: 0em;
}

.infobox ul li,
.infobox ol li,
.infoboxnarrow ul li,
.infoboxnarrow ol li {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #7e2217;
  margin-bottom: 0.3em;
  padding-bottom: 0.2em;
}

/* --------------- */

/* Website Ad Box  */

/* --------------- */

.linkbox,
.pictureframe,
.bookbox {
  width: 460px;
}

.linkbox {
  margin: 0 0 20px 0;
  border: 2px ridge #000000;
  color: #000000;
  background-color: #fafad2;
  padding: 5px 10px 5px 10px;
  min-height: 160px;
}

.linkbox img {
  float: left;
  padding: 0;
  border: 1px solid #000000;
  margin: 5px 10px 2px 0;
}

.linkbox img.borderless {
  border: none;
}

.linkbox h2 {
  font-size: 1.5em;
  color: #000000;
  margin: 0 0 0.2em 0;
  padding: 0;
}

.linkbox p {
  font-size: 0.8em;
  margin: 0;
  padding: 0 0 0.5em 0;
}

/* --------------- */

/* Book Info       */

/* --------------- */

.bookbox {
  margin: 10px 0 30px 0;
  padding: 5px 10px 10px 0;
}

.bookbox img {
  float: left;
  margin: 0 5px 0 0;
  padding: 0;
  border: 1px solid #000000;
}

.bookbox h2 {
  font-size: 1.2em;
  margin: 0 0 0.2em 0;
  padding: 0 0 0.3em 10px;
  border-bottom: 1px dotted #ffffff;
}

.bookbox ul {
  margin: 0;
  padding: 0 0 0 10px;
  list-style-type: none;
  min-height: 1px;
}

.bookbox ul li {
  font-size: 0.8em;
  margin: 0;
  padding: 0.1em 0 0.2em 0;
}

.bookbox ul li img {
  clear: none;
}

/* --------------- */

/* Picture Frame   */

/* --------------- */

.pictureframe {
  margin: 0 0 5px 0;
  padding: 10px 0 10px 0;
  border-bottom: 1px solid white;
}

.pictureframe h2 {
  margin-top: 10px;
}

.pictureframe img {
  border: 1px solid #000000;
  margin: 0 10px 0 0;
  padding: 0;
}

/* ------------------ */

/* Page Contents List */

/* ------------------ */

#pageindex {
  margin: 0;
  padding: 0;
}

#pageindex h1,
#pageindex h2 {
  font-size: 1em;
  margin-bottom: 0;
  padding-bottom: 0;
}

#pageindex ol,
#pageindex ul {
  margin-top: 0;
  margin-bottom: 1em;
}

#pageindex ul li,
#pageindex ol li {
  margin-bottom: 0;
  padding-bottom: 0;
}

/* --------------------------- */

/* Styles for the Tales quotes */

/* --------------------------- */

.tale {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  text-indent: 0.5em;
  border-bottom: 1px solid #ffffff;
}

.quote,
.teamname,
.email {
  margin: 0;
  padding: 0;
}

.quote {
  padding-bottom: 0.5em;
}

.email {
  font-family: "Courier New", Courier, monospace;
}

.teamname {
  font-weight: bold;
  color: #ffcc66;
}

/* --------------------- */

/* Panel with Links List */

/* --------------------- */

/* May contain hierarchy of bulleted list */

.sitemapgroup {
  /*	border: 1px solid red; */
}

.tablepanel {
  clear: both;
}

.linkslistpanel,
.tablepanel {
  margin: 0 20px 10px 0;
  padding: 5px;
}

.linkslistpanel {
  float: left;
  width: 175px;
}

.linkslistpanel h1,
.tablepanel h1 {
  font-size: 1.2em;
}

.linkslistpanel h2,
.tablepanel h2 {
  font-size: 1.1em;
  margin-bottom: 0.2em;
  padding-bottom: 0;
}

.linkslistpanel ul {
  margin: 0;
  padding: 0 0 0 1em;
  list-style-type: none;
  text-indent: -1em;
}

.linkslistpanel ul li {
  font-size: 0.9em;
  margin-bottom: 0.2em;
  padding-bottom: 0.2em;
}

.linkslistpanel ul.bulletlist2 {
  margin: 0 0 0 10px;
  padding: 0 0 0.5em 1em;
  list-style-type: disc;
  text-indent: 0em;
}

.linkslistpanel ul.bulletlist2 li {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  margin-bottom: 0.2em;
}

.linkslistpanel img {
  margin: 10px 0 10px 0;
  padding: 0;
}

/* ------------------------------ */

/* ---- Standard text styles ---- */

/* ------------------------------ */

p {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

h1,
h2 {
  font-family: Arial, Helvetica, sans-serif;
  /*	text-transform: capitalize;
*/
  font-weight: bolder;
  color: #eeeeee;
  margin-top: 0;
}

h1 {
  font-size: 2em;
  line-height: 120%;
  margin-bottom: 0.5em;
}

h1 + h2,
h1 + p,
h2 + p {
  padding-top: 0;
  margin-top: 0em;
}

h2 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
  padding-bottom: 0;
}

ul li,
ol li {
  margin-bottom: 1em;
}

.centred {
  text-align: center;
}

.address {
  margin-left: 1em;
  margin-right: 1em;
  padding: 0;
}

.date {
  font-weight: bold;
  font-style: italic;
}

.xwrites {
  font-weight: bold;
}

.faqq {
  font-weight: bold;
}

.faqa {
  font-weight: normal;
  margin-bottom: 2em;
}

.htmlmarkup {
  color: #00ffff;
}

.filepath {
  color: #0099ff;
}

.highlighted {
  background-color: yellow;
}

/* Foot notes */

/* References  */
/* changed - non hyperlinks shouldn't be different colours! */

.author,
.workref,
.personref,
.colpersonname {
  font-style: italic;
}

.invpersonref {
  font-style: italic;
}

.author,
.workref,
.personref,
.invpersonref,
.colpersonname {
  font-weight: bold;
}

.workref {
  font-style: italic;
}

/* Quoted passage and single (inline) quote line */

/* -------------------- */

/* --- Link styles --- */

/* -------------------- */

a {
  cursor: pointer;
}

a:link,
a:visited {
  text-decoration: none;
  font-weight: bold;
  color: #f7e4aa;
}

/* ---------------------- */

/* ---- Image styles ---- */

/* ---------------------- */

img,
img.leftimage,
img.rightimage,
img.bordered,
img.leftbordered,
img.rightbordered,
img.inbordered {
  margin: 0;
  padding: 0;
  border: 0;
}

img.leftimage,
img.rightimage,
img.leftbordered,
img.rightbordered {
  clear: none;
}

.bigpdficon {
  float: left;
  margin: 0;
  padding: 10px 3px 10px 0;
}

img.leftimage,
img.leftbordered {
  float: left;
}

img.rightimage,
img.rightbordered {
  float: right;
}

img.leftimage,
img.leftbordered {
  margin: 0 10px 2px 0;
}

img.rightimage,
img.rightbordered {
  margin: 0 0 2px 10px;
}

img.bordered {
  margin: 0 0 5px 0;
}

img.inbordered {
  margin: 10px;
}

img.bordered,
img.leftbordered,
img.rightbordered,
img.inbordered {
  border: 1px solid #000000;
}

/* Images with captions: */

/* rimgcap      - image floated to right, no border */

/* limgcap      - image floated to left, no border */

/* rbdrimgcap  - image floated to right, with border */

/* lbdrimgcap  - image floated to left, with border */

/* in*            - the same as above but indented 10px */

.lbdrimgcap {
  padding: 0;
  clear: none;
}

.lbdrimgcap {
  margin: 0 10px 10px 0;
}

.lbdrimgcap {
  float: left;
}

.lbdrimgcap img {
  margin: 0;
  padding: 0;
  float: none;
}

.lbdrimgcap img {
  border: 1px solid #000000;
}

.captionbox {
  border-style: solid;
  border-color: #000000;
  border-width: 0px 1px 1px 1px;
  margin: 0;
  padding: 0;
  clear: both;
}

.lbdrimgcap .captionbox {
  border-width: 0px 1px 1px 1px;
}

.captiontext {
  display: block;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  font-weight: normal;
  color: #000000;
  background: #ffcc66;
  margin: 0;
  padding: 5px;
}

/* --------------- */

/* Pretty Bullets */

/* --------------- */

ul.pretty {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

/* --------------- */

/* Tables          */

/* --------------- */

/* Standard default table */

.standardtable {
  margin: 0 0 2em 0;
  padding: 0;
  font-size: 100%;
}

.standardtable caption {
  caption-side: top;
  padding: 0 0 0.3em 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  text-transform: capitalize;
  /*	color: #ffcc66;
*/
  text-align: center;
}

.standardtable th,
.standardtable td {
  margin: 0;
  padding: 0.3em 0.5em 0.3em 0.5em;
  border-bottom: 1px dotted #000;
  /*	border: 1px solid yellow; */
}

.standardtable th {
  font-weight: bold;
  /*	color: #ffff00;
*/
}

.standardtable td {
  vertical-align: top;
}

/* ATH Summary Table */

#athtitle {
  margin: 0 0 10px 0;
  padding: 3px 0 0 0;
}

.athsummarytable {
  margin: 12px 5px 0 30px;
  padding: 0;
  font-size: 1.1em;
  /*	border: 1px solid yellow; */
}

.athsummarytable caption {
  display: none;
}

.athsummarytable td {
  margin: 0;
  padding: 1px 5px 1px 5px;
}

.athsummarytable td {
  vertical-align: top;
}

/* ATH Summary Table */

.iconlinkstable {
  margin: 5px 5px 10px 5px;
  padding: 0;
  font-size: 1.1em;
}

.iconlinkstable caption {
  display: none;
}

.iconlinkstable th,
.iconlinkstable td {
  margin: 0;
  padding: 10px 5px;
  vertical-align: bottom;
  /*	border-bottom: 1px solid white; */
}

/* Table of Archive Links */

.archivelinkstable {
  margin: 0 0 2em 0;
  padding: 0;
  font-size: 0.9em;
}

.archivelinkstable caption {
  display: none;
}

.archivelinkstable th,
.archivelinkstable td {
  margin: 0;
  padding: 0.3em 0.7em;
  vertical-align: top;
}

/* Used in archivelinkstable but can be applied anywhere */

.standardrow td,
.alternaterow td {
  color: #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

.standardrow td {
  background-color: #ffe88c;
}

.alternaterow td {
  background-color: #f4ce7a;
}

/* Basic Label and Value table columns */

.collabel {
  text-align: right;
  font-weight: bold;
}

.colvalue {
  text-align: left;
  font-weight: bold;
  color: #f1e3fe;
}

/* History table columns */

.colyear,
.colsetter,
.coltheme,
.colwinner,
.colloc {
  text-align: left;
}

.colyear {
  width: 10%;
}

.colsetter {
  width: 30%;
}

.coltheme {
  width: 30%;
}

.colloc {
  width: 30%;
}

.colwinner {
  width: 30%;
}

.colnone {
  text-align: center;
  font-style: italic;
}

/* Icon links table */

.colyeartitle {
  width: 100px;
  text-align: right;
}

/* Results table columns */

.colpos {
  text-align: right;
  width: 20px;
  font-weight: bold;
}

.colflag {
  text-align: center;
  width: 10px;
}

.colteam {
  text-align: left;
  width: 175px;
}

.colpersonname {
  text-align: left;
  width: 120px;
  color: #ffcc66;
}

.colpoints {
  text-align: right;
  width: 30px;
  font-weight: bold;
}

.colprize {
  text-align: left;
  width: 150px;
}

.colamount {
  text-align: left;
  width: 40px;
}

/* Message table */

table.messagetable,
table.messagetable td,
table.messagetable th {
  border: 1px solid black;
  border-collapse: collapse;
  padding: 0.5em;
  vertical-align: top;
}

table.messagetable th {
  background-color: #ddeecc;
}

table.messagetable td:first-child {
  width: 20%;
}

img.messageimage {
  width: 90%;
}

/* ------------------------------------------------------------------------------- */

/* format change bars for specific date                                            */

/* .verticalLineYYYYMMDD for YYYY/MM/DD changes, alternatively use ATHvnnrnn       */

/*    <div class="verticalLineYYYYMMDD">                                           */

/*       content to be highlighted                                                 */

/*    </div>                                                                       */

/* when change bars out of date add end date to CSS to make inactive               */

/* eg .verticalLine2022100620221007                                                */

/* ------------------------------------------------------------------------------- */

.verticalLineATHv04r180230703 {
  border-left: 8px solid #da4747;
  padding-left: 15px;
}

.verticalLineATHv04r24 {
  border-left: 8px solid #da4747;
  padding-left: 15px;
}

/*  RESPONSIVE  */

@media screen and (max-width: 800px) {
  #treasure_chest {
    display: none;
  }

  #sidebar {
    float: none;
    margin: 0;
    padding: 0;
  }

  #maincontent {
    width: auto;
    margin-left: 0;
    padding-top: 30px;
    padding-left: 5px;
  }

  #content {
    padding: 30px 0 0 0;
  }

  #scroll_text {
    background: none;
  }

  #header {
    display: none;
  }

  #header_image_mobile {
    display: block;
    width: 100%;
    /* min-width: 660px; */
    margin: auto;
    padding: 10px 0px;
    margin-bottom: 15px;
  }

  #header_image_mobile img {
    display: block;
    width: 100%;
    max-width: 900px;
    height: auto;
    margin: auto;
  }

  #sidebar ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }

  #sidebar ul li {
    display: inline;
    padding: 3px 0.5em 8px 0;
  }

  #sidebar ul li a:link,
  #sidebar ul li a:visited,
  #sidebar ul li a:focus,
  #sidebar ul li a:hover {
    display: inline;
  }

  #tabnavbar ul li a {
    padding: 3px 0.5em 8px 0;
  }

  .info_contacts_page #tabnavbar ul li.info_contacts_link a,
  .info_sitemap_page #tabnavbar ul li.info_sitemap_link a,
  .info_search_page #tabnavbar ul li.info_search_link a,
  .info_links_page #tabnavbar ul li.info_links_link a,
  .info_books_page #tabnavbar ul li.info_books_link a,
  .info_pdf_page #tabnavbar ul li.info_pdf_link a,
  /* .current_hunt_page #tabnavbar ul li.current_hunt_link a, */
  .current_news_page #tabnavbar ul li.current_news_link a,
  .current_puzzle_page #tabnavbar ul li.current_puzzle_link a,
  .current_poster_page #tabnavbar ul li.current_poster_link a,
  /* .current_covid_page #tabnavbar ul li.current_covid_link a, */
  /* .current_advent_page #tabnavbar ul li.current_advent_link a, */
  .current_tales_page #tabnavbar ul li.current_tales_link a,
  .current_solution_page #tabnavbar ul li.current_solution_link a,
  .current_results_page #tabnavbar ul li.current_results_link a,
  .current_notes_page #tabnavbar ul li.current_notes_link a,
  /* .current_teams_page #tabnavbar ul li.current_teams_link a, */
  .hunt_intro_page #tabnavbar ul li.hunt_intro_link a,
  .hunt_guide_page #tabnavbar ul li.hunt_guide_link a,
  .hunt_faq_page #tabnavbar ul li.hunt_faq_link a,
  .hunt_codes_page #tabnavbar ul li.hunt_codes_link a,
  .hunt_history_page #tabnavbar ul li.hunt_history_link a,
  .hunt_memories_page #tabnavbar ul li.hunt_memories_link a,
  .set_intro_page #tabnavbar ul li.set_intro_link a,
  .set_apply_page #tabnavbar ul li.set_apply_link a,
  .set_guide_page #tabnavbar ul li.set_guide_link a,
  .set_tips_page #tabnavbar ul li.set_tips_link a,
  .set_tools_page #tabnavbar ul li.set_tools_link a,
  .set_publicity_page #tabnavbar ul li.set_publicity_link a,
  .set_marking_page #tabnavbar ul li.set_marking_link a,
  .set_prizes_page #tabnavbar ul li.set_prizes_link a,
  .set_website_page #tabnavbar ul li.set_website_link a,
  .history_archive_page #tabnavbar ul li.history_archive_link a,
  .history_honour_page #tabnavbar ul li.history_honour_link a,
  .history_production_page #tabnavbar ul li.history_production_link a,
  .history_posters_page #tabnavbar ul li.history_posters_link a,
  .archive_puzzle_page #tabnavbar ul li.archive_puzzle_link a,
  .archive_answers_page #tabnavbar ul li.archive_answers_link a,
  .archive_notes_page #tabnavbar ul li.archive_notes_link a,
  .archive_tales_page #tabnavbar ul li.archive_tales_link a,
  .archive_results_page #tabnavbar ul li.archive_results_link a,
  .archive_poster_page #tabnavbar ul li.archive_poster_link a,
  .pablo_intro_page #tabnavbar ul li.pablo_intro_link a,
  .pablo_inmemoriam_page #tabnavbar ul li.pablo_inmemoriam_link a,
  .pablo_biblio_page #tabnavbar ul li.pablo_biblio_link a,
  .pablo_pictures_page #tabnavbar ul li.pablo_pictures_link a,
  .pablo_stjosephs_page #tabnavbar ul li.pablo_stjosephs_link a {
    border-bottom: none;
  }

  .current_link {
    word-spacing: -2px;
  }

  #footer {
    text-align: center;
  }

}

figure {
  display: inline-table;
  margin: 10px;
  height: 165px;
}

figure img {
  vertical-align: top;
  height: 100%;
  max-width: 150px;
}

figcaption {
  display: table-caption;
  text-align: center;
  max-width: 100%;
  caption-side: bottom;
  font-style: italic;
}