/* Ensure the page fills the entire height */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-family: Arial, sans-serif;
    background-color: white;
    color: #000435; /* Dark navy for all body text */
}

header {
    background-color: #000435;
    padding: 20px;
    text-align: center;
}

header h1 {
    color: white; /* Header text is white */
    margin: 0;
}

header h2 {
    color: white; /* Header text is white */
    margin: 0;
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 10px 0 0;
    display: flex;
    justify-content: center;
    gap: 15px;
}

nav ul li {
    display: inline;
}

nav ul li a {
    text-decoration: none;
    color: white; /* Default nav text is white */
    font-weight: bold;
    position: relative;
}

nav ul li a:hover {
    text-decoration: none;
}

nav ul li a::after {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background-color: #FFD700; /* Gold underline */
    transition: width 0.3s ease-in-out;
}

nav ul li a:hover::after {
    width: 100%; /* Expands underline on hover */
}

/* Highlight the active/current page link */
nav ul li a.active {
    color: #FFD700; /* Gold color for current page */
}

/* Main content area with a narrow width and flex-grow */
main {
    flex: 1; /* Pushes the footer down */
    max-width: 800px; /* Limits width for better readability */
    margin: 50px auto; /* Centers the content */
    text-align: left;
    padding: 20px;
    line-height: 1.6;
}

/* Body links - navy and always underlined */
main a {
    color: #000435; /* Navy color */
    text-decoration: underline;
}

main a:hover {
    color: #FFD700; /* Gold on hover */
}

/* Bold text style */
.event-name {
    font-weight: bold;
	text-decoration: underline;
}

/* Indented text below */
.indented-text {
    margin-left: 40px; /* Adjust indentation as needed */
    display: block;
}

/* Centered H3 Heading */
h3 {
    text-align: center;
	font-weight: bold;
	text-decoration: underline;
}


/* Sticky footer */
footer {
    background-color: #f8f8f8;
    text-align: center;
    padding: 10px;
    width: 100%;
}