/*
 * The Typekit service used to deliver this font or fonts for use on websites
 * is provided by Adobe and is subject to these Terms of Use
 * http://www.adobe.com/products/eulas/tou_typekit. For font license
 * information, see the list below.
 *
 * futura-pt:
 *   - http://typekit.com/eulas/00000000000000000001008f
 *   - http://typekit.com/eulas/000000000000000000010091
 *   - http://typekit.com/eulas/000000000000000000013365
 *   - http://typekit.com/eulas/000000000000000000010095
 *   - http://typekit.com/eulas/000000000000000000012192
 * poynter-oldstyle-display:
 *   - http://typekit.com/eulas/00000000000000003b9ae88a
 *   - http://typekit.com/eulas/00000000000000003b9ae88b
 *   - http://typekit.com/eulas/00000000000000003b9ae88c
 *   - http://typekit.com/eulas/00000000000000003b9ae88d
 *
 * © 2009-2025 Adobe Systems Incorporated. All Rights Reserved.
 */
/*{"last_published":"2020-01-24 14:15:40 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=idr6bzm&ht=tk&f=10879.10881.10884.10885.15586.31291.31292.31293.31294&a=620168&app=typekit&e=css"); @font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 500;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "futura-pt";
    src: url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/c4c302/000000000000000000012192/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "poynter-oldstyle-display";
    src: url("https://use.typekit.net/af/9c977a/00000000000000003b9ae88a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/9c977a/00000000000000003b9ae88a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/9c977a/00000000000000003b9ae88a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "poynter-oldstyle-display";
    src: url("https://use.typekit.net/af/d3b682/00000000000000003b9ae88b/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/d3b682/00000000000000003b9ae88b/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/d3b682/00000000000000003b9ae88b/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400;
    font-stretch: normal;
}

@font-face {
    font-family: "poynter-oldstyle-display";
    src: url("https://use.typekit.net/af/9db33c/00000000000000003b9ae88c/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff2"),url("https://use.typekit.net/af/9db33c/00000000000000003b9ae88c/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("woff"),url("https://use.typekit.net/af/9db33c/00000000000000003b9ae88c/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n6&v=3") format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 600;
    font-stretch: normal;
}

@font-face {
    font-family: "poynter-oldstyle-display";
    src: url("https://use.typekit.net/af/94d849/00000000000000003b9ae88d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff2"),url("https://use.typekit.net/af/94d849/00000000000000003b9ae88d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("woff"),url("https://use.typekit.net/af/94d849/00000000000000003b9ae88d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i6&v=3") format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 600;
    font-stretch: normal;
}

.tk-futura-pt {
    font-family: "futura-pt",sans-serif;
}


.tk-poynter-oldstyle-display {
    font-family: "poynter-oldstyle-display",serif;
}
body {
    background-color: #f0f0f0; /* Replace with your desired color */
    margin-left: 1cm;
}
@media (max-width: 768px) { /* For smaller screens (e.g., tablets) */
  body {
    margin-left: 0.5cm;
  }
}

@media (max-width: 480px) { /* For even smaller screens (e.g., phones) */
  body {
    margin-left: 0.25cm;
  }
}

h1 {
    font-family: "futura-pt", sans-serif; 
    margin-left: 0.5cm;/* Use Futura PT for the welcome message */
    /* Additional h1 styling if desired*/
}
h2 {
    font-family: "futura-pt", sans-serif;
	margin-left: 0.5cm; /* Use Futura PT for the welcome message */
    /* Additional h2 styling if desired*/
}
h3 {
    font-family: "futura-pt", sans-serif;
	margin-left: 0.5cm; /* Use Futura PT for the welcome message */
    /* Additional h3 styling if desired*/
}

p {
    font-family: Arial, sans-serif; 
    margin-left: 1.0cm;/* Arial or default sans-serif*/
}
header {
    width: 100%;
    height: 200px; /* Adjust the height as needed */
    background-image: url("images/header_main.png");
    background-size: cover;  /* Cover the entire header area */
    background-position: center; /* Center the image */
    margin: 0;
    padding: 0;
    color: white; /* Ensure the text color works with background */
    text-align: center; /* Center text if applicable */
}

/* Style the image within the header */
header img {
    width: 100%;       /* Make the image fill the width of the header */
    height: auto;      /* Maintain aspect ratio */
    display: block;   /* Remove extra space below the image (important) */
}

/* Style the rest of the page */
body {
  margin: 0; /* Remove default margins */
  padding: 20px; /* Space around the page content */
}
/* style.css */

/* General Reset */
body, ul, li, a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none; /* Remove bullet points */
  text-decoration: none; /* Remove underlines from links */
  color: #333; /* Default text color */
}

/* Navigation Bar Styling */
nav {
  background-color: #eee; /* Light background for contrast */
  width: 100%;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add subtle shadow */
}

nav ul {
  display: flex; /* Layout the links horizontally */
  justify-content: space-around; /* Distribute links evenly */
  padding: 10px 0; /* Add some vertical spacing */
}

nav li {
    /* no default style here */
}

nav a {
  display: block; /* Make links fill the entire li element */
  padding: 10px 15px; /* Add spacing within links */
  border-radius: 5px; /* Slightly rounded corners */
  transition: background-color 0.3s ease; /* Smooth hover effect */
}

nav a:hover {
  background-color: #ddd; /* Darker background on hover */
  color: black; /*Change font to be more visible.*/
}

        table {
            width: 100%;
            border-collapse: collapse; /* Use separate borders, but consolidate the space used */
            margin-bottom: 20px;
        }

        th, td {
            border: 1px solid #ddd; /* Lines between all cells */
            padding: 8px;
            text-align: left; /* Left-justify the text */
        }

        th {
            background-color: #f2f2f2; /* Uniform background color for headings */
            font-weight: bold;
        }

        /* Remove this if you do not want alternate coloured rows*/
        tr:nth-child(even) {
            background-color: #f9f9f9; /* Optional: Alternate row colors for readability */
        }

a {
  color: blue;
}

/* Style visited links (what the browser shows when a link has been clicked)*/
a:visited {
    color: purple; /* or any dark color */
}

/* Style links on hover (when you mouse over them)*/
a:hover {
    color: darkblue;
    text-decoration: underline; /* Add an underline for visual feedback */
}

/* Style active links (when the link is being clicked)*/
a:active {
    color: red; /* or any bright color */
}