body {
	font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
	width: 100%;
}
main{
	width: 100%;
	margin-left: 0 auto;
}
table {
	margin-left: 0;
}
        .table-container {
            display: flex;
            justify-content: center;
            align-items: center;
            
        }

        /* Create a grid container for horizontal centering */
        .table-wrapper {
            display: grid;
            place-items: center;
        }
#main-header {
    background-color: #748d26;
    padding: 20px 0;
	text-align: center;
    transition: height 0.3s ease; /* Add transition for height changes */
}
.header-logo {
    width: 150px; /* Adjust the width as needed */
    height: auto; /* Maintain aspect ratio */
    margin-left: 40px; /* Add some space between the logo and title */
}

/* Style for the logo-and-title container */
.logo-and-title {
    display: flex; /* Use flexbox to align items horizontally */
    align-items: center; /* Center vertically within the header */
}
.mail-button {
        display: inline-block;
        background-color: #4CAF50; /* Green background color */
        color: #fff; /* White text color */
        padding: 10px 20px; /* Padding for better appearance */
        border-radius: 20px; /* Rounded corners */
        text-decoration: none; /* Remove underlines from links */
        margin-left: 40px; /* Add some margin for spacing */
    }
    .mail-button:hover {
        background-color: #45a049; /* Darker green color on hover */
    }
	    .centered-content {
        /*display: flex;*/
        flex-direction: column;
        align-items: center;
        text-align: left;
		width: 50%;
		transform: translateX(50%); /* Center horizontally relative to its container */
		
    }
        form {
            max-width: 600px;
            margin: 0 auto;
            padding: 20px;
        }

        label {
            display: block;
            margin-bottom: 10px;
        }

        input[type="text"],
        input[type="email"],
        textarea {
            width: 100%;
            padding: 10px;
            margin-bottom: 20px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }

        textarea {
            height: 150px;
        }

        input[type="submit"] {
            background-color: #4CAF50;
            color: #fff;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
h1 {
    margin-left: 30px;
	text-align: center;
	color: #fff;
}
h2 {
    margin-left: 0px;
	text-align: center;
	
}
h3 {
	text-align: center;
	color: #000;
}
h4 {
	margin: 0;
	color: #000;
	font-family: Arial, sans-serif;
	font-weight: normal;
}


left {
    margin-left: 5px;
}

calendar-container {
    width: 65%;
    height: 750px;
    border: 0 solid #ccc;
    margin-left: 30px;
    float: left;
}

/* Define the button styles */
    .small-button {
        padding: 8px 12px;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        border: none;
        border-radius: 4px;
		cursor: pointer;
		margin-left: 15%;
		margin-bottom: 10px;
		transition: background-color 0.3s;
	}

/* Define different colors for your buttons */
	.small-button-primary {
		background-color: #6c757d; /* Gray color, you can change this */
		color: #fff;
	}

	.small-button-secondary {
		background-color: #28a745; /* Green color, you can change this */
		color: #fff;
	}

	.small-button-success {
		background-color: #ff5349;
		color: #fff;
	}

/* Add hover effect */
	.small-button:hover {
		opacity: 0.8;
	}

/* Media query for screens smaller than 600px (typical phone screens) */
	@media (max-width: 700px) {
		.calendar-container {
			width: 100%; /* Full width on phones */
			float: none; /* Reset float */
			margin: 0 auto; /* Center align */
		}

		.small-button {
			margin-left: 0px; /* Remove margin to stack buttons vertically */
			width: 100%; /* Full width buttons on phones */
		}


	}
nav ul.menu li a {
    text-decoration: none;
    font-weight: bold;
}
nav ul.menu li {
    display: inline;
    margin-right: 25px;

}
nav ul.menu {
    list-style: none;
    padding: 0;
}
.submenu {
    position: relative; /* Set the parent to relative positioning */
}
/* Style the green bar footer */
#page-footer {
    /*position: absolute;*/
    bottom: 0%;
    width: 100%;
    background-color: #748d26; /* Green color for the bar */
    color: #fff;
    text-align: center;
    padding: 10px 0; /* Adjust padding as needed */
}
.submenu .dropdown {
    display: none;
    position: absolute;
    background-color: rgba(255, 255, 255, 0); /* Transparent white background */
    border: 0px solid #ccc;
    list-style: none;
    padding: 0;
	text-align: left;
    margin: 0;
    /* Adjust the top and left properties to center the submenu */
    top: 100%; /* Position the submenu below the button */
    left: 50%; /* Center the submenu horizontally */
    transform: translateX(-20%); /* Center horizontally relative to its container */
}
/* Keep the submenu visible when hovering over the submenu itself */
.submenu:hover .dropdown,
.submenu .dropdown:hover {
    display: block;
}

.submenu .dropdown li {
    display: block;
    padding: 10px;
    color: #FFFFFF; 
}