body {
    margin: 0;
    padding: 20px; /* Add some breathing room around the table */
    font-family: sans-serif;
}

/* Style for the specific table class */
.full-width-table {
    width: 100%;       /* Makes the table span the full width of its container */
    /*border-collapse: collapse; /* Merges table borders for a cleaner look */
    margin-top: 15px;  /* Adds space above the table */
}

/* Styling for table headers and data cells */
.full-width-table th, 
.full-width-table td {
    /*border: 1px solid #ddd; /* Adds a border to all cells */
    padding: 12px;         /* Adds space inside the cells */
    text-align: left;      /* Aligns text to the left */
}

/* Optional: Add a subtle background color to the header row */
.full-width-table thead th {
    background-color: #f2f2f2;
    color: #333;
}

/* Optional: Add hover effect to table rows */
.full-width-table tbody tr:hover {
    background-color: #f5f5f5;
}

/* Optional: Style for the table caption */
.full-width-table caption {
    padding: 10px;
    font-weight: bold;
    caption-side: top; /* Places the caption above the table */
}

.center-text {
  text-align: center;
}

.self-link {
	display: flex;
	align-items: center;      /* Vertically centers the content */
	justify-content: left;  /* Horizontally centers the content */
	height: 30px;            /* Example height for the container */
	/*border: 1px solid black;*/
	font-size: 12px;
	text-decoration:none;
}

.title-table
{
	background-image: url('bannerimage.jpg');
	width: 100%;       /* Makes the table span the full width of its container */
	background-size: cover; /* Ensures the image covers the whole cell */
	background-position: center; /* Centers the background image */
	color: white; /* Make sure text is readable */
	/*border-collapse: collapse; /* Merges table borders for a cleaner look */
	margin-top: 15px;  /* Adds space above the table */
	text-align: center; /* Centers text horizontally */
	vertical-align: middle; /* Centers text vertically */
	height: 500px; /* Set a specific height for the cell */
	/*width: 300px; /* Set a specific width for the cell */
}

.main-table
{
	
	width: 100%;       /* Makes the table span the full width of its container */
	color: blue; /* Make sure text is readable */
	margin-top: 15px;  /* Adds space above the table */
	text-align: center; /* Centers text horizontally */
	vertical-align: middle; /* Centers text vertically */
}

.about-table
{
	
	width: 100%;       /* Makes the table span the full width of its container */
	color: blue; /* Make sure text is readable */
	margin-top: 15px;  /* Adds space above the table */
	text-align: center; /* Centers text horizontally */
	vertical-align: middle; /* Centers text vertically */
}

.about-box
{
	/*background-image: url('bannerimage.jpg');*/
	width: 33%;       /* Makes the table span the full width of its container */
	/*background-size: cover; /* Ensures the image covers the whole cell */
	/*background-position: center; /* Centers the background image */
	font-size: 30px;
}

.about-image
{
	max-width: 100%; /* Forces the image to not exceed the cell width */
	height: auto;    /* Maintains the image's aspect ratio */
	display: block;  /* Helps with centering and layout */
	/*margin: 0 auto;  /* Centers the image if it's smaller than the cell */
	object-fit: cover;
}

/* Unvisited and visited links will be green */
.no-change, .no-change:visited {
  color: white;
}

/* Optional: add styles for hover and active states */
.no-change:hover {
  color: white;
}

.no-change:active {
  color: white;
}