h1 { 
  text-align: center;
}

       table {
            width: 50%;
            border-collapse: collapse;
            margin: 20px auto;
            background-color: #fff;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        }

        th,
        td {
            padding: 15px;
            border: 1px solid #ddd;
            text-align: left;
            word-wrap: break-word;
        }

        th {
            background-color: #4CAF50;
            color: white;
        }

        td {
            background-color: #f9f9f9;
        }

        tr:nth-child(even) td {
            background-color: #e9e9e9;
        }
.center-text { 
  text-align: center;
}

.button-link {
  background-color: #007bff; /* Add a background color */
  color: white;             /* Change the text color */
  padding: 5px 5px;       /* Add padding for size */
  text-decoration: none;    /* Remove the default underline */
  border-radius: 5px;       /* Add rounded corners */
  display: inline-block;    /* Allows padding/margin to work correctly */
  cursor: pointer;          /* Ensures the cursor is a pointer */
  border: none;             /* Remove border for a cleaner look */
  text-align: center;       /* Center the text */
  width: 120px;
}

.button-link:hover {
  background-color: #0056b3; /* Style for hover state */
}
/* @group General Styles */
.flex-container {
    display: flex;
    justify-content: center; /* Distributes space evenly around items */
    align-items: center; /* Vertically centers items */
    height: 200px;
 

.flex-item {
    color: blue;
	font-size: 300%;
    padding: 20px;
    margin: 10px;
}
}
dt{
	font-weight: bold;
}
body {
	background: repeat url(images/body_bg.png);
	font: 0.8em/1.5em Geneva, Arial, Helvetica, sans-serif;
	color: #261300;
	margin: 33px 20px 20px 50px;
	padding: 0;
}
       table {
            width: 90%;
            border-collapse: collapse;
            margin: 20px auto;
            background-color: #fff;
            box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
        }

        th,
        td {
            padding: 15px;
            border: 1px solid #ddd;
            text-align: left;
            word-wrap: break-word;
        }

        th {
            background-color: #4CAF50;
            color: white;
        }

        td {
            background-color: #f9f9f9;
        }

        tr:nth-child(even) td {
            background-color: #e9e9e9;
        }
 
#container {
	position: relative;
	width: 1000px;
	background: repeat-y url(images/content_bg.png);
}

.clearer {
	clear: both;
}

#pageHeader {
	width: 1000px;
	height: 189px;
	margin: 0 auto;
	background: no-repeat url(images/header_bg.png);
	position: relative;
	left: -14px;
}

#pageHeader h1 {
	color: #ffffff;
	margin: 0;
	position: absolute;
	top: 67px;
	left: 165px;
	font: normal 2.5em Georgia, Times New Roman, Times, serif;
	text-shadow: 2px 2px 2px #000;
}

#pageHeader h2 {
	margin: 0;
	position: absolute;
	top: 107px;
	left: 165px;
	color: #ffffff;
	font: normal 1.3em Georgia, Times New Roman, Times, serif;
	text-shadow: 2px 2px 2px #000;
}

#contentContainer {
	width: 1000px;
	padding-bottom: 20px;
	padding-top: 10px;
}

#contentContainer #content {
	padding-right: 30px;
	padding-left: 30px;
}
.dropbtn {
  background-color: black;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 300px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {background-color: #ddd;}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}