body {
    background-color: #deeffa;
}

body > figure:first-child {
    padding-top: 20px;
}

 :root {
     --text-font: "Open Sans", Verdana, Geneva, arial, helvetica, sans-serif;
 }


.MastheadLogo {
 border: none;
    max-width: 277px;
    height: auto;
}



div.center {
    text-align: center;
    background: transparent;
    color: #292929;
    font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 0.25em 0.5em;
    text-decoration: none;
    width: 100%;
    max-width: 450px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}




img[width="30"] {
    border: none;
}


div.center p {
    background: transparent;
    color: #020202;
    font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 0.25em 0.5em;
    text-decoration: none;
    margin: 0 auto;
    text-align: center;
    
}

.center {
    margin: 0 auto;
    text-align: center;
}

figure.center figcaption {
    color: rgb(24, 49, 49);
    font-size: 2em;
    font-family: var(--text-font);
        
}



/* new css html5 compliant below */


.image-navigation ul {
  display: flex;         /* Aligns items in a row */
  justify-content: center; /* Centers the items horizontally */
  align-items: center;     /* Aligns items vertically */
  gap: 1em;              /* Creates space between the items (e.g., 16px) */
  list-style: none;      /* Removes list bullets */
  padding: 0;
  margin: 0;
}

.image-navigation img {
  width: 30px;
  height: 30px;
  display: block; /* Helps prevent extra space under images */
}

.nav {
    border: 3px outset navy; 
}


.image-navigation img[src$=".gif"] {
    border: 3px outset navy;
}


figure img {
    border: 5px outset navy;
}

.page-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5em;
    max-width: 600px;
    margin: 1em auto;
    padding: 0.5em;
    font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align: center;
}

.page-links a,
.page-links span {
    padding: 0.2em 0.6em;
    text-decoration: none;
    color: #292929;
    border: 1px solid transparent;
    border-radius: 4px;
}

.page-links a:hover {
    background-color: #cbe1f5;
    border-color: #89b0d6;
}

.page-links span {
    font-weight: bold;
    color: navy;
    background-color: #e6f1fb;
    border-color: #89b0d6;
}

.page-links a:hover {
    background-color: white;
    border-color: #445c82;
    color: #000;
    cursor: pointer;
}

.page-links a {
    transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}


.navigation-menu {
  text-align: center; /* Centers the text inside the navigation block */
  padding: 1em 0;     /* Adds space above and below the menu */
}

.navigation-menu ul {
  list-style-type: none; /* Removes the default list bullets */
  padding: 0;            /* Removes default browser padding */
  margin: 0;             /* Removes default browser margin */
    font: normal 1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.navigation-menu li {
  margin-bottom: 0.5em; /* Adds space between the list items */
}