body {
    font-family: 'Garamond', serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color: #fff; /* Change background color to white */
    line-height: 1.6; /* Increased line height for paragraphs */
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1000; /* Ensure it's above other content */
    background-color: RGB(230,230,230); /* Change background color to white */
}

.top-section {
    width: 100%;
	display: flex;
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
	font-size:1.2em;
	text-align: center;
    padding: 10px; /* Adjust the padding as needed */
    background-color: #fff; /* Adjust background color as needed */
}

.bottom-section {
    width: 100%;
	text-align: center;
    padding: 10px; /* Adjust the padding as needed */
    background-color: #f9f9f9; /* Adjust background color as needed */
}

.container {
    width: 100%;
    max-width: 800px;
    margin: 0 auto; /* Center the container */
    padding: 20px;
    border-radius: 10px;
    background-color: #fff; /* Change background color to white */
}

nav.subpages .back-home {
    color: #DC143C; /* Set color to red */
}

header {
    text-align: center;
    margin-bottom: 0px;
}

header h1 {
    font-size: 1.2em;
    font-weight: bold;
    color: #000000;
}

header h2 {
    font-size: 1.2em;
    color: #000000;
	font-weight:bold
}

nav.subpages {
    margin-top: 0px;
    text-align: center;
}

nav.subpages a {
    text-decoration: none;
    color: #DC143C; /* Set link color */
    margin: 0 10px;
    font-size: 1.2em;
}

nav.subpages a:hover {
    color: #000000; /* Hover color */
}

.content {
    width: 100%;
    text-align: left;
}

.content h3 {
    margin-bottom: 0px;
	font-size: 1.2em;
	font-weight:normal
}

.content ul {
    margin-top: 0px;
	list-style-type: none;
    padding-left: 3em;
}

.content li {
    margin-bottom: 0px;
	font-size: 1.2em;
}

/* Hyperlink styles */
a {
    text-decoration: none;
    color: #DC143C; /* Set hyperlink color to blue */
    transition: color 0.3s; /* Smooth transition for color change */
}

a:visited {
color: #DC143C;
} /* Keep the link color blue even after it's visited */

/* dropdown */
.dropdown {
            margin-left: 10px; /* Adjust margin as needed */
            position: relative; /* Ensure relative positioning for dropdown menu */
        }

.dropdown-toggle {
            background-color: #DC143C; /* Example button background color */
            color: white;
            border: none;
            padding: 3px 9px;
            cursor: pointer;
			font-size:1.2em;
        }

.dropdown-menu {
    display: none;
    position: center;
    background-color: #fff;
    z-index: 1;
	border-color: #DC143C; /* Replace with your desired color code */
    border-style: solid; /* Specify border style if not already set */
    border-width: 1px; /* Specify border width if not already set */
}

.dropdown-menu a {
    color: #DC143C;
	margin-left:20px;
	margin-right:20px;
	text-decoration: none;
    text-align:left;
	display: block;
	font-size: 1em;
	font-style:none;
	font-weight:normal;
}
.dropdown-menu.show {
    display: block;
}
.dropdown-menu a:hover {
            color: #000000; /* Change font color on hover */
}