/* DivTable.com */
.divTable{
	display: inline-block;
	/* width: 1920; */
	width: auto;
	height: auto;
	BORDER: 0;
	padding: 0;
	align-items: start;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCellLogo {
	border: 1px solid #999999;
	display: table-cell;
	padding: 0px 0px;
	/* max-width: 482px; */
    /* max-height: 197px; */
	width: auto;
	height: auto;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	/* display: table-header-group; */
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	/* display: table-footer-group; */
	font-weight: bold;
}
.divTableBody {
	/* display: table-row-group; */
}

.contactus-container {
  display: flex;
  flex-direction: row; /* Default behavior, but explicitly stated */
  flex-wrap: wrap; /* Enables wrapping */
  justify-content: space-around; /* Optional: adds space between items */
  border: 0px solid #ccc;
}

.flex-container {
  display: flex;
  flex-wrap: wrap; /* Enables wrapping */

  align-items: center; 
  vertical-align: middle;
  width: 50%; /* Constrains the container's width */
  border: 0px solid black;
}

.flex-container div {
  padding-top: 10px;	
  width: 250px; /* Items are wider than half the container */
  height: 50px;
  margin: 5px;
  background-color: #f1f1f1;
  text-align: center;
}
.flex-container1 {
  display: flex;
  flex-wrap: wrap; /* Enables wrapping */

  align-items: center; 
  vertical-align: middle;
  width: 50%; /* Constrains the container's width */
  border: 0px solid black;
}
.flex-container1 div {
  padding-top: 10px;	
  width: 250px; /* Items are wider than half the container */
  height: 50px;
  margin: 5px;
   /* background-color: #f1f1f1; */
  text-align: left;
}

.middleGeneral {
	display: flex;   
	flex-direction: column;
	padding-top: 0px;
	padding-left: 0px;
	/* padding-right: 100px; */
	padding-bottom: 100px;
	border: 1px solid #fff; /* DO NOT turn off this border. It is set to white so it will not show. Turning it off breaks the contact us page. */
	/* background-color: #f0f0f0; */
}
.middleSection {
	display: flex; /*  */
	flex-direction: column;
	padding-top: 10px;
	padding-left: 2%;
	padding-right: 2%;
	/* padding-right: 100px; */
	padding-bottom: 100px;
	border: 0px solid #333;
	/* background-color: #f0f0f0; */
}
.middleTitles {
	/* max-height=50px; */
	/* padding-top: 100px; */
	padding-left: 3%; /* padding-right: 100px; */
	padding-right: 3%; /* padding-right: 100px; */
	/* padding-right: 100px; */
	/* padding-bottom: 100px; */
	/* border: 2px solid #333; */
	width: 93%; /* Constrains the container's width */
	background-color: #B7D9BE;
	color: #00833D;	
	align-items: left;
	font-size: 25px;
	font-weight: bold;
	
	border: 0px solid #333;
}
.middleBlogSubheading {
	/* max-height=50px; */
	padding-top: 0px;
	padding-left: 3%; /* 50px */
	padding-bottom: 0px;
	/* padding-bottom: 100px; */
	/* border: 2px solid #333; */
	background-color: #B7D9BE; /* f0f0f0 */
	align-items: center;
	font-size: 25px;
	font-weight: bold;
	color: #00833D;	
	border: 0px solid #333;
}
.middleSubheading {
	/* max-height=50px; */
	padding-top: 50px;
	padding-left: 3%;
	/* padding-bottom: 100px; */
	/* border: 2px solid #333; */
	/* background-color: #f0f0f0; */
	align-items: left;
	font-size: 20px;
	font-weight: bold;
	
	border: 0px solid #333;
}
.middleDetails {
	/* max-height=50px; */
	display: block;
	padding-top: 25px;
	padding-left: 3%;
	/* padding-bottom: 100px; */
	/* border: 2px solid #333; */
	/* background-color: #f0f0f0; */
	align-items: left;
	font-size: 15px;
	/* font-weight: bold; */
	
	border: 0px solid #333;
}

.container {
    /* Optional: Add a margin/padding as needed */
	display: flex;
	flex-wrap: wrap;
    margin: 0px;
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 	
}

.responsive-img {
    float: left; /* Image floats to the left, text wraps around it */
    width: 100%;  /*70 Image takes 30% of the container width */
    max-width: 800px; /* Optional: Sets a maximum size for the image */
    height: auto; /* Maintains aspect ratio */
    margin-right: 15px; /* Adds space between the image and the text */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.img-responsive { /* this is defined by tinymce with instructions on the edit screen. MUST be redefined here or it will NOT auto adjust with the screen. */
    float: left; /* Image floats to the left, text wraps around it */
    width: 100%;  /*70 Image takes 30% of the container width */
    max-width: 800px; /* Optional: Sets a maximum size for the image */
    height: auto; /* Maintains aspect ratio */
    margin-right: 15px; /* Adds space between the image and the text */
	padding-bottom: 10px;
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}


.middleblog {
  flex: 1 1 350px; /* Flex-grow: 1, flex-shrink: 1, basis: 350px. Allows the text to grow and defines its minimum width before wrapping */
  /* This value can be adjusted based on desired layout break point */
}
.middleblogtitle{
	font-family: Arial;
	font-size: 20px;
	/* font-style: italic; */ 
	font-weight: bold;
	padding: 10px;
	padding-top: 50px;
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middleblogtitle a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: black;
}	

.topbar {
display: block; width:100%; float:right; /* flex-direction: column;  display: flex; background-color:white; margin-right:0px; */
}
.MenuItem-r{ 
  display: flex; /*  */
  /*justify-content: flex-end; flex: none; Equivalent to flex: 0 0 auto */
	  /* text-align: right; */
	align-items: flex-start; /*center; centers items inside parent div */
	 /*vertical-align: bottom; used to set inline-block element */
	flex-direction: row-reverse; /* this is required to get social icons on right side. had to flip location of corner and farcorner divs in .php*/
	width: auto; /* 1207px;Set the desired width of the container */
	height: auto; /* Set the desired height of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div 1px solid black; */
}
.MenuItem-r img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
	width: auto; /* Set the desired width of the container */
    display: block;  /* Helps with centering and layout issues */ 
    border: 0px solid black; /* Optional: adds a border to visualize the div 1px solid black; */
}
.MenuItem{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 1207px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div 1px solid black; */
}
.MenuItem img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.topbaricons-org {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; 
	justify-content: right; /*flex-end;   width:100%; float:right; margin-right:0px; background-color:white;  */
	/*   width: 100%;  */
	/*   height: 32px;  */
        /*height: auto; Automatically adjusts the height to maintain aspect ratio */
	 /*width: auto; Set the desired width of the container */	
    border: 0px solid black; /* Optional: adds a border to visualize the div 1px solid black; */	
}
.socialicons {
	display: flex;
	justify-content: center;
	min-width: 150px; /* 270px;  width: 100%;  */
	align-items: center;
	float:right;/* width:100%;  margin-right:0px;  background-color:white;  */
	margin-top: 3px; margin-left: 5px;
    border: 0px solid black; /* Optional: adds a border to visualize the div 1px solid black; */
}
.searchbox {
	display: flex;
	justify-content: center;
	/*float:right; width:100%;  margin-right:0px;  background-color:white;  */
	margin-top: 3px; margin-left: 5px;
    border: 0px solid lightgray; /* Optional: adds a border to visualize the div 1px solid black; */
}
.searchbox input:focus,
textarea:focus {
	outline: none; /* Removes the default browser outline */
	border: 1px solid lightgray; /* Sets a new border color */
}

.belowtopbaricons {
	display: block;
	width: auto;
}
.iconsrow{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 10px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.iconsrow img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.iconsrow1{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 46px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.iconsrow1 img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.iconsrow2{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 37px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.iconsrow2 img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.iconsrow3{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 51px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.iconsrow3 img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.iconsrow4{ 
text-align: center;
	align-items: center;
	justify-content: center;
	vertical-align: bottom; /*   */
	width: 223px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.iconsrow4 img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.topbarmenuitems {
display: flex; justify-content: center; align-items: center; background-color:white; float:center; margin-right:0px;
}
.topbarphrase {
display: flex; justify-content: center; align-items: center; background-color:white; float:center; margin-right:0px;
}
.topbarphrasealt {
display: none; justify-content: center; align-items: center; background-color:white; float:center; margin-right:0px;
}

.Corner{
	width: 469px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.Corner img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.farcorner{
	width: 244px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.farcorner img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.topbarrotate {
display: flex; width:100%; background-color:white; float:left; margin-right:0px;
}
.topbar2{
	text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 1920px; /* Set the desired width of the container */
	position: relative; /* Acts as the anchor for the overlay */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.topbar2 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.rotationtopbar{ /* no longer used */
	width: 1899px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.rotationtopbar img{ /* no longer used */
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}

.topbarrotate1 {
display: flex; width:100%; background-color:white; float:left; margin-right:0px;
}
.rotationrows {
display: flex; justify-content: flex-end; width:100%; background-color:white; float:left; margin-right:0px;/* Optional: adds a border to visualize the div */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.rotationrow2{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 1899px; /*1899px Set the desired width of the container */
	position: relative; /* Acts as the anchor for the overlay */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.rotationrow2-1{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 1899px; /*1899px Set the desired width of the container */
	position: relative; /* Acts as the anchor for the overlay */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.rotationrow2 img{ 
	max-width: 100%;  /* Ensures the image doesn't exceed the container's width */
	/*min-width: 670px;  670px; The image will be at least 200 pixels wide */
    /*width: auto;     Automatically adjusts the height to maintain aspect ratio */	
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues was set to block */ 
}




.base-img {
	position: absolute; /* positions the image */
	top: 0px;
	left: 0px
	/* width: 100%; */ /* Responsive sizing */
	z-index: 1; /* Sets a lower stacking order */
}
.overlay-img {
	position: absolute; /* positions the image was absolute */
	top: 0px;
	left: 0px;
  width: 100%;
  height: auto;	
	z-index: 30; /* Sets a lower stacking order */
}
.overlay-img1 {
	max-width: 100%;  /* Ensures the image doesn't exceed the container's width */	
	position: absolute; /* positions the image was absolute */
	top: 0px;
	left: 0px;
	width: 100%;
	height: auto;	
	z-index: 30; /* Sets a lower stacking order */
}

.rotationrow3{ 
text-align: center; align-items: center; justify-content: center; vertical-align: bottom;
	width: 21px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */
}
.rotationrow3 img{ 
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
	z-index: 1; /* Sets a lower stacking order */
}
.overlay-text1 {
	width: 100px;
	height: 200px;
	z-index: 31; /* Sets a lower stacking order */
}
.overlay-textleft {
  max-width: 100%; /* Ensures the image doesn't exceed the container's width */
  position: absolute; /* Positions the text relative to the container */
  top: 24%; /* Starts the top edge of the text at the vertical midpoint of the image was 25% */
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image was 15% */
  transform: translate(-40%, -40%); /* Centers the text precisely by offsetting it by half its own width/height right and down*/
  color: black; /* Choose a text color that contrasts well with the image */
  font-size: 2cqw; /* Adjust as needed */
  text-align: center;
  border-radius: 25px; /* Applies a 25px radius to all four corners */
  /* Optional: Add a background or shadow for better readability on various images */
  /*background-color: rgba(0, 0, 0, 0.5);*/
	z-index: 40; /* Sets a lower stacking order */

}
.overlay-text2 {
	width: 100px;
	height: 200px;
}
.overlay-textright {
  max-width: 100%; /* Ensures the image doesn't exceed the container's width */
  position: absolute; /* Positions the text relative to the container */
  bottom: 25%; /* Starts the top edge of the text at the vertical midpoint of the image */
  right: 25%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  /* transform: translate(-90%, -50%); */ /* Centers the text precisely by offsetting it by half its own width/height */
  color: red; /* Choose a text color that contrasts well with the image */
  font-size: 2cqw; /* Adjust as needed */
  text-align: center;
  /* Optional: Add a background or shadow for better readability on various images */
   /*background-color: lightblue; rgba(33, 29, 30, 0.5); */
  border-radius: 25px; /* Applies a 25px radius to all four corners */
}

.toggle-checkbox {
    display: none; /* Hide the actual checkbox */
}

.expandable-div {
    display: none; /* Hidden by default */
	border: 1px solid black; /* Optional: adds a border to visualize the div */	
}


/* When the hidden checkbox is checked, show the adjacent div */
.toggle-checkbox:checked ~ .expandable-div {
    display: block;
	padding: 10px;
 
}

.toggle-label {
    cursor: pointer;
    /* Style this label to look like a link if needed */
     /* text-decoration: underline; */
	border: 1px solid black; /* Optional: adds a border to visualize the div */ 
	border-radius: 3px; 
	background-color: #C5D9CE; 
	color: white; 
	padding: 5px 5px 5px 5px;
}

.externallink-label {
    cursor: pointer;
    /* Style this label to look like a link if needed */
     /* text-decoration: underline; */
	border: 1px solid black; /* Optional: adds a border to visualize the div */ 
	border-radius: 3px; 
	background-color: #C5D9CE; 
	color: white; 
	padding: 5px 5px 5px 5px;
}

.buttons-default {
	border-radius: 3px; 
	background-color: #C5D9CE; 
	color: white; 
	padding: 5px 5px 5px 5px;
	border: 1px solid black; /* Optional: adds a border to visualize the div */ 
}

.middlebar {
display: flex; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px;
}
.middlebarleft{
	width: 222px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarleft img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo{
	
	width: 100%; /* Set the desired width of the container 1097*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
/* .middlebarinfo img{ */
/* 	max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
/*     height: auto; */    /* Automatically adjusts the height to maintain aspect ratio */
/*     display: block; */  /* Helps with centering and layout issues */ 
/* } */
.middlebarinfo1 {
	/* display: flex; flex-wrap: nowrap; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px; */
	display: flex; flex-wrap: wrap; margin-right:0px; width: min(1140px, 100%);  float:center; justify-content: center; 
}
.middlebarinf4 {
	max-width: 281px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf4 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf5 {
	width: 285px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf5 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf6 {
	width: 268px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf6 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf7 {
	width: 263px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf7 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
/* .middlebarspace {
	display: flex; width:100%; background-color:white; float:left; margin-right:0px;
} */
.middlebarinfo2 {
	/* display: flex; flex-wrap: nowrap; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px; */
		display: flex; margin-right:0px; width: min(285px, 50%);  
}
.middlebarinf9 {
	width: 281px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf9 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf10 {
	width: 285px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf10 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf11 {
	width: 268px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf11 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf12 {
	width: 263px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf12 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo3 {
	display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center;    /* Centers vertically */
    height: 15px;          /* Example height for the container */
    border: 0px solid #ccc; /* Optional: visualize the container boundary */
}
.middlebarinf13 {
	/* width: 1097px; */ /* Set the desired width of the container */
     /* border: 1px solid black; */ /* Optional: adds a border to visualize the div */ 
  /* position: relative; */ /* Required for absolute positioning of the pseudo-element */
  width: 75%;             /* The width of the line */
  border: 0px solid #ccc; /* Optional, to visualize the container */
}

.middlebarinf13::before {
  content: ''; /* Required for pseudo-elements */
  position: relative; /* was absolute */
  top: 50%; /* Moves the top edge of the line to the middle */
  left: 0;
  right: 0; /* Stretches the line horizontally */
  border-top: 1px solid black; /* Creates the horizontal line */
  transform: translateY(-50%); /* Adjusts the line up by half its height to perfectly center it */
}
.middlebarinf13 img{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
    /* height: auto; */    /* Automatically adjusts the height to maintain aspect ratio */
    /* display: block; */  /* Helps with centering and layout issues */ 
}
.middlebarinfo4 {
	display: flex; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px;
}
.middlebarinf14 {
	width: 1097px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf14 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo5 {
	display: flex; justify-content: center; width:100%; background-color:white; float:center; margin-right:0px;
}
.middlebarinf15 {
	/* width: 174px; */ /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf15 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf16 {
	width: 856px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf16 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf17 {
	/* width: 67px; */ /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf17 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo6 {
	display: flex; justify-content: center; width:100%; background-color:white; float:center; margin-right:0px; align-items: center;
}
.middlebarinf18 {
	/* width: 1097px; */ /* Set the desired width of the container */
	font-family: arial; font-size: 30; color: black;
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf18 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo7 {
	display: flex; justify-content: center;  width:100%; background-color:white; float:left; margin-right:0px;
}
.middlebarinf19 {
	/* width: 225px; */ /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf19 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf20 {
	width: 701px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf20 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf21 {
	/* width: 171px; */ /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf21 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo8 {
	display: flex; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px;
}
.middlebarinf22 {
	width: 1097px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf22 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo9 {
	display: flex; justify-content: center; width:100%; background-color:white; float:left; margin-right:0px;
}

.middlebarinf23 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf23 {
	/* width: 1097px; */ /* Set the desired width of the container */
     /* border: 1px solid black; */ /* Optional: adds a border to visualize the div */ 
  /* position: relative; */ /* Required for absolute positioning of the pseudo-element */
  width: 75%;             /* The width of the line */
  border: 0px solid #ccc; /* Optional, to visualize the container */
}

.middlebarinf23::before {
  content: ''; /* Required for pseudo-elements */
  position: relative; /* was absolute */
  top: 50%; /* Moves the top edge of the line to the middle */
  left: 0;
  right: 0; /* Stretches the line horizontally */
  border-top: 1px solid black; /* Creates the horizontal line */
  transform: translateY(-50%); /* Adjusts the line up by half its height to perfectly center it */
}
.middlebarinfo10 {
	display: flex; justify-content: center; width:100%; background-color:white; float:center; margin-right:0px; align-items: center;
}
.middlebarinf24 {
	/* width: 1097px; */ /* Set the desired width of the container */
	font-family: arial; font-size: 30; color: black;
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf24 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo11 {
	/* display: flex; flex-wrap: nowrap; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px; */
	display: flex; flex-wrap: wrap; margin-right:0px; width: min(1097px, 100%);  float:center; justify-content: center; 
}
.middlebarinf25-1 {
	width: 336px; /* Set the desired width of the container was 377*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf25-1 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf25-2 {
	width: 336px; /* Set the desired width of the container was 364*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf25-2 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf25-3 {
	width: 336px; /* Set the desired width of the container was 326*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf25-3 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf25-4 {
	width: 336px; /* Set the desired width of the container was 377*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf25-4 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf25-5 {
	width: 336px; /* Set the desired width of the container was 364*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf25-5 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinf25-6 {
	width: 336px; /* Set the desired width of the container was 326*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarinf25-6 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarspace{
	/* width: 8px; */ /* Set the desired width of the container */
    /* border: 1px solid black; */ /* Optional: adds a border to visualize the div */ 
}
.middlebarspace img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarinfo12 {
	display: flex; flex-wrap: nowrap; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px;
}
.middlebarinfo13 {
	display: flex;
	flex-direction: column; /* Stacks items vertically */
	justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px;
}



.middlebarright1{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarright1 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarright2{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarright2 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.middlebarright3{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarright3 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.grayeventtop{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.eventsblog{
	max-width: 100%; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
	background-color: #F2F3F3; /* Using a color name */
}
.eventsblogpic{
	display: flex;
	width: 100%; /*40 Horizontally center */
	justify-content: center; 
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 	
}
.eventsblogpic a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: #B69F99;
}	
.eventsblogpicwords{
	display: flex;
	width: 100%;
	padding: 10px;
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.eventsblogwords{
	display: block;
	padding: 3%;
	width: 400px;
}
.eventsblogtitle{
	font-family: Arial;
	font-size: 20px;
	/* font-style: italic; */ 
	font-weight: bold;
	padding: 10px;
}
.eventsblogtitle a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: black;
}	
.eventsblogdescrip{
	padding: 10px;
}
.eventsblogdescrip a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: black;
}	
.eventsblogline {
	/* width: 1097px; */ /* Set the desired width of the container */
     /* border: 1px solid black; */ /* Optional: adds a border to visualize the div */ 
  /* position: relative; */ /* Required for absolute positioning of the pseudo-element */
  width: 90%;             /* The width of the line */
  border: 0px solid #ccc; /* Optional, to visualize the container */
  margin-left: auto;
  margin-right: auto;
}
.eventsblogline::before {
  content: ''; /* Required for pseudo-elements */
  position: relative; /* was absolute */
  top: 50%; /* Moves the top edge of the line to the middle */
  left: 0;
  right: 0; /* Stretches the line horizontally */
  border-top: 1px solid black; /* Creates the horizontal line */
  transform: translateY(-50%); /* Adjusts the line up by half its height to perfectly center it */
}

.upcomingeventstitle{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
	font-family: Arial;
	font-size: 20px;
	/* font-style: italic; */ 
	font-weight: bold;
	padding: 10px;
	text-align: center;
	background-color: #F2F3F3; /* Using a color name */
}
.upcomingevents{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
	font-family: Arial;
	font-size: 20px;
	/* font-style: italic; */ 
	font-weight: bold;
	padding: 10px;
	text-align: left;
	background-image: url("images/hhgc-events_08.jpg"); /* Sets the image */
	background-size: cover; /* or other size values from [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/background-size) */
    background-position: center;
}
.upcomingeventtopcorners{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}

.clickforfullevents{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
	font-family: Arial;
	font-size: 20px;
	/* font-style: italic; */ 
	font-weight: bold;
	padding: 10px;
	text-align: left;
	background-color: #F5C670; /* Using a color name */
	/* background-image: url("images/hhgc-events_09.jpg"); */ /* Sets the image */
	background-size: cover; /* or other size values from [MDN Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Properties/background-size) */
    background-position: center;
	/* Clip the background to only the content area */
	text-align: center;
}
.clickforfullevents a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: white;
}


.grayeventbot{
	max-width: 505px; /* Set the desired width of the container 505px; */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}

.middlebarspace2{
	width: 7px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.middlebarspace2 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar {
display: flex; width:100%; background-color:white; float:left; margin-right:0px;
}
.bottombar2{
	width: 36px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar2 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar3{
	width: 1842px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar3 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar4{
	width: 42px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar4 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar5{
	width: 36px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar5 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar6{
	width: 1842px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar6 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar7{
	width: 42px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar7 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar8{
	width: 36px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar8 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar9{
	width: 1842px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}


.greenbartop{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
	display: flex;
  
}
.greenbarmiddle{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
	display: flex;
  
}
.greenbarvertgroup{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	width: 100%;               /* Ensures it spans the full width of its parent */
	display: block;
	background-color: #066933;
	color: white;
	padding: 10px; /* Space between text and border */
	
}
.greenbarleft{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	display: flex;
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	margin-right: 10px; /* Adds 20px space to the right of the first div */
}
.greenbarlefttop{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* display: flex; */
	font-family: Arial;
	font-size: 2cqw; /* Base font size was 32px; */
	/* font-weight: bold; */

	width: 13%;
	word-wrap: break-word; /* Legacy name */
	overflow-wrap: break-word; /* ensures long words break and wrap */
	word-break: break-word; /* legacy alias and similar behavior for compatibility */
	white-space: normal; /* ensures normal wrapping behavior is enabled (this is the default) */
}
.greenbarlefttop a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: white;
}



.greenbarrighttop{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* display: flex; */
	font-family: Arial;
	font-size: 2cqw; /* Base font size was 25px; */
	/* font-weight: bold; */
	width: 100%;
	word-wrap: break-word; /* Legacy name */
	overflow-wrap: break-word; /* ensures long words break and wrap */
	word-break: break-word; /* legacy alias and similar behavior for compatibility */
	white-space: normal; /* ensures normal wrapping behavior is enabled (this is the default) */
}
.greenbarrighttop a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: white;
}

.greenbarright{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	display: flex;
	width: 100%;
	word-wrap: break-word; /* Legacy name */
	overflow-wrap: break-word; /* ensures long words break and wrap */
	word-break: break-word; /* legacy alias and similar behavior for compatibility */
	white-space: normal; /* ensures normal wrapping behavior is enabled (this is the default) */
}
.greenbarleftbot{
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* display: flex; */
	font-family: Arial;
	font-size: 2cqw; /* Base font size was 32px; */
	/* font-weight: bold; */

	width: 13%;
	word-wrap: break-word; /* Legacy name */
	overflow-wrap: break-word; /* ensures long words break and wrap */
	word-break: break-word; /* legacy alias and similar behavior for compatibility */
	white-space: normal; /* ensures normal wrapping behavior is enabled (this is the default) */
}
.greenbarleftbot a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color: white;
}



.dropdown-content a {  //it appears a links mess with this setting causing all kinds of havoc by changing the color of the font. moved here from repsonsivemenu.css to overwrite. Is still in the original file.
  float: none;
  color: black; /*white  red*/
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}



.greenbarbot{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
	display: flex;
  
}

.bottombar9 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar10{
	width: 42px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar10 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar11{
	width: 36px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar11 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar12{
	width: 1842px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar12 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar13{
	width: 42px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar13 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar14{
	width: 36px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar14 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}
.bottombar15{
	width: 1842px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar15 {  /* was img feature */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
    /* height: auto; */    /* Automatically adjusts the height to maintain aspect ratio */
    /* display: block; */  /* Helps with centering and layout issues */ 
	padding: 10px; /* top spacing */

	width: 100%;               /* Ensures it spans the full width of its parent */
	text-align: center; /* Centers the text horizontally */
	
}
.botaddresses1{ /* titles */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	display: flex; /* was flex */
	font-family: Arial;
	justify-content: center; /* Centers children horizontally */
	width: 100%;               /* Ensures it spans the full width of its parent */
	text-align: center; /* Centers the text horizontally */
	gap: 15%; /* Adds 20px gap between all children (rows and columns) */
	flex: 1; /* Allows boxes to grow and shrink equally */
	box-sizing: border-box; /* Ensures padding/border is included in width calculation */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.botaddressesgroup1{
	 /*display: block; */ /* was flex */
}
.botaddressestitle1{ /* titles */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	display: block; /* was flex */
	font-weight: bold;
	padding: 10px; /* Space between text and border */
	background-color: #0;
	color: black;
	text-align: center; /* Centers the text horizontally */
	gap: 20px; /* Adds 20px gap between all children (rows and columns) */
}
.botaddressestitle2{ /* titles */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	display: block; /* was flex */
	font-weight: bold;	
	padding: 10px; /* Space between text and border */
	background-color: #0;
	color: black;
	text-align: center; /* Centers the text horizontally */
	gap: 20px; /* Adds 20px gap between all children (rows and columns) */
}
.botaddressestitle3{ /* titles */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	display: block; /* was flex */
	font-weight: bold;	
	padding: 10px; /* Space between text and border */
	background-color: #0;
	color: black;
	text-align: center; /* Centers the text horizontally */
	gap: 20px; /* Adds 20px gap between all children (rows and columns) */
}
.botaddressesdetail2{  /* details */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	display: block; /* was flex */	
	font-weight: bold;	
	padding: 10px; /* Space between text and border */
	background-color: #0;
	color: #B69F99;	
	text-align: center; /* Centers the text horizontally */
	gap: 20px; /* Adds 20px gap between all children (rows and columns) */
}
/* .botaddressesdetail2a a:link, a:visited, a:hover, a:active { */
	/* text-decoration: none; */
	/* color: #B69F99; */
/* }	 */
/* .botaddressesdetail2b a:link, a:visited, a:hover, a:active { */
	/* text-decoration: none; */
	/* color: #B69F99; */
/* }	 */
/* .botaddressesdetail2c a:link, a:visited, a:hover, a:active { */
	/* text-decoration: none; */
	/* color: #B69F99; */
/* }	 */
/* .botaddressesdetail2d a:link, a:visited, a:hover, a:active { */
	/* text-decoration: none; */
	/* color: #B69F99; */
/* }	 */
/* .botaddressesdetail2e a:link, a:visited, a:hover, a:active { */
	/* text-decoration: none; */
	/* color: #B69F99; */
/* }	 */

.botaddressesdetail3{  /* details */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	min-width: 1%;
	display: block; /* was flex */	
	font-weight: bold;	
	padding: 10px; /* Space between text and border */
	background-color: #0;
	color: #B69F99;	
	text-align: center; /* Centers the text horizontally */
	gap: 1%; /* Adds 20px gap between all children (rows and columns) */
	 /* white-space: nowrap; */
}
.botaddressesdetail4{  /* details */
	/* max-width: 100%; */ /* Ensures the image doesn't exceed the container's width */
	/* border-left: 10px; */ /* Example: 2px wide, solid, blue left border */
	/* border-right: 10px; */ /* Example: 2px wide, solid, blue right border */
	min-width: 1%;
	display: block; /* was flex */	
	font-weight: bold;	
	padding: 1%; /* Space between text and border */
	background-color: #0;
	color: #B69F99;	
	text-align: center; /* Centers the text horizontally */
	gap: 1%; /* Adds 20px gap between all children (rows and columns) */
	 /* white-space: nowrap; */
}

.bottombar16{
	width: 42px; /* Set the desired width of the container */
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.bottombar16 img{
	max-width: 100%; /* Ensures the image doesn't exceed the container's width */
    height: auto;    /* Automatically adjusts the height to maintain aspect ratio */
    display: block;  /* Helps with centering and layout issues */ 
}

.topmenuphrase {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

.topmenuphrase li a {
    color: green; /* white */
	font-size: 25px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	font-weight: lighter;
    white-space: nowrap; /* Keeps text on one line if needed */
    overflow: hidden; /* Hides text that goes beyond the div boundary */
    text-decoration: none;
    padding: 10px 15px;
    display: block;
}


/* --- @media screen and (max-width: 1668px) { --- */

@media (max-width: 1668px) {
.topmenuphrase li a {
	font-size: 24px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 24px; /* Adjust as needed */
}
.overlay-textright {
  right: 24%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}
.eventsblogwords{
	 /* --- justify-content: center; --- */
	     /* --- align-items: center; --- */
	width: 93%;            /* 450px--- width: 350px; --- */
}
}

/* --- @media screen and (max-width: 1618px) { --- */

@media (max-width: 1618px) {
.topmenuphrase li a {
	font-size: 24px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 23px; /* Adjust as needed */
}
.overlay-textright {
  right: 23%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}
.middlebarleft{
	display: none; /* width: 0px;  */ /* Set the desired width of the container was 222px*/
    border: 0px solid black; /* Optional: adds a border to visualize the div */ 
}
.eventsblogpicwords{
	display: block;
	padding: 0px;
}

}

/* --- @media screen and (max-width: 1568px) { --- */

@media (max-width: 1568px) {
.topmenuphrase li a {
	font-size: 23px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 22px; /* Adjust as needed */
}
.overlay-textright {
  right: 22%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}

}

/* --- @media screen and (max-width: 1518px) { --- */

@media (max-width: 1518px) {
.topmenuphrase li a {
	font-size: 23px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 21px; /* Adjust as needed */
}
.overlay-textright {
  right: 21%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}

}

/* --- @media screen and (max-width: 1468px) { --- */

@media (max-width: 1468px) {
.topmenuphrase li a {
	font-size: 22px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 20px; /* Adjust as needed */
}
.overlay-textright {
  right: 20%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}
}

/* --- @media screen and (max-width: 1418px) { --- */

@media (max-width: 1418px) {
.topmenuphrase li a {
	font-size: 21px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 20px; /* Adjust as needed */
}
.overlay-textright {
  right: 19%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}
}

/* --- @media screen and (max-width: 1368px) { --- */

@media (max-width: 1368px) {
.topmenuphrase li a {
	font-size: 20px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 20px; /* Adjust as needed */
}
.overlay-textright {
  right: 18%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}

}

/* --- @media screen and (max-width: 1318px) { --- */

@media (max-width: 1318px) {
.topmenuphrase li a {
	font-size: 19px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 19px; /* Adjust as needed */
}
.overlay-textright {
  right: 17%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}
}

/* --- @media screen and (max-width: 1268px) { --- */

@media (max-width: 1268px) {
.topmenuphrase li a {
	font-size: 18px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 18px; /* Adjust as needed */
}
.overlay-textright {
  right: 16%; /* Starts the left edge of the text at the horizontal midpoint of the image */
}
.middlebarinfo12 {
	 display: none; /* width: 0px;  */
}
}

/* --- @media screen and (max-width: 1218px) { --- */

@media (max-width: 1218px) {
.topmenuphrase li a {
	font-size: 17px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 17px; /* Adjust as needed */
}
.overlay-textright {
  right: 15%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 23px; /* Adjust as needed */
}

}

/* --- @media screen and (max-width: 1168px) { --- */

@media (max-width: 1168px) {
.topmenuphrase li a {
	font-size: 17px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 17px; /* Adjust as needed */
}
.overlay-textright {
  right: 14%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 23px; /* Adjust as needed */
}

}

/* --- @media screen and (max-width: 1118px) { --- */

@media (max-width: 1118px) {
.topmenuphrase li a {
	font-size: 16px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 17px; /* Adjust as needed */
}
.overlay-textright {
  right: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 22px; /* Adjust as needed */
}
}

/* --- @media screen and (max-width: 1068px) { --- */

@media (max-width: 1068px) {
.topmenuphrase li a {
	font-size: 16px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  font-size: 16px; /* Adjust as needed */
}
.overlay-textright {
  right: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 21px; /* Adjust as needed */
}
}

/* --- @media screen and (max-width: 1018px) { --- */

@media (max-width: 1018px) {
.topbarphrase {
display: none; justify-content: left; align-items: left; background-color:white; float:left; margin-right:0px;
}
.topbarphrasealt {
display: flex; justify-content: center; align-items: center; background-color:white; float:center; margin-right:0px;
width: 500;
}
.topbarphrasealt a {
	font-size: 20px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	color: green; /* white */
    text-decoration: none;
    padding: 10px 15px;
}

.topmenuphrase li a {
	font-size: 15px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  left: 14%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 16px; /* Adjust as needed */
}
.overlay-textright {
  right: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 20px; /* Adjust as needed */
}
.botaddresses1{ /* titles */
	flex-direction: column; /* Stacks boxes vertically below 718px */
	width: 100%; /* Ensures each input takes the full width */
}

}

/* --- @media screen and (max-width: 968px) { --- */

@media (max-width: 968px) {
.topmenuphrase li a {
	font-size: 15px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 16px; /* Adjust as needed */
}
.overlay-textright {
  right: 14%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 19px; /* Adjust as needed */
}


}

/* --- @media screen and (max-width: 918px) { --- */

@media (max-width: 918px) {
.topmenuphrase li a {
	font-size: 14px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textright {
  right: 15%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 18px; /* Adjust as needed */
}
.topnav a {
  font-size: 12px;  /* 17px; */
}
.dropdown .dropbtn {
  font-size: 12px; /*  clamp(.5rem, 2.5vw, 1.1rem);*/    
}

}

/* --- @media screen and (max-width: 868px) { --- */

@media (max-width: 868px) {
.topmenuphrase li a {
	font-size: 14px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 15px; /* Adjust as needed */
}
.overlay-textright {
  right: 16%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 18px; /* Adjust as needed */
}
.topnav a {
  font-size: 12px;  /* 17px; */
}
.dropdown .dropbtn {
  font-size: 12px; /*  clamp(.5rem, 2.5vw, 1.1rem);*/    
}

}

/* --- @media screen and (max-width: 818px) { --- */

@media (max-width: 818px) {
.topmenuphrase li a {
	font-size: 13px; /* Adjust the '3vw' to a value that fits your design */
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 14px; /* Adjust as needed */
}
.overlay-textright {
  right: 14%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 18px; /* Adjust as needed */
}

}

/* --- Responsive Design (Mobile View) --- */
/* --- @media screen and (max-width: 768px) { --- */


@media screen and (max-width: 768px) {
.topbar {
display: flex; flex-direction: column; width:100%; background-color:white; float:left; margin-right:0px;
}
.topbaricons {
display: flex; justify-content: flex-start; width:100%; background-color:white; float:left; margin-right:0px;
}
.belowtopbaricons {
	display: none;
}
.topbarphrase {
display: none; justify-content: left; align-items: left; background-color:white; float:left; margin-right:0px;
}
.topbarphrasealt {
display: flex; justify-content: center; align-items: center; background-color:white; float:center; margin-right:0px;
width: 768;
}
.topbarphrasealt a {
	font-size: 20px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	color: green; /* white */
    text-decoration: none;
    padding: 10px 15px;
}
.topmenuphrase li::after {
	content: "\A";
	white-space: pre;
	break-after: always;
}
.topmenuphrase li a {

	font-size: 25px; /* Adjust the '3vw' to a value that fits your design */
    white-space: normal; /* Keeps text on one line if needed */
    overflow: auto; /* Hides text that goes beyond the div boundary */
    text-decoration: none;
    padding: 10px 15px;
    display: none;
}

.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 13px; /* Adjust as needed */
}
.overlay-textright {
  right: 14%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 17px; /* Adjust as needed */
}

}


@media screen and (max-width: 718px) {

  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}


@media screen and (max-width: 718px) {
.topbarphrasealt a {
	font-size: 19px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	color: green; /* white */
    text-decoration: none;
    padding: 10px 15px;
}
.topbarphrasealt {
	width: 718;
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 12px; /* Adjust as needed */
}
.overlay-textright {
  right: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 16px; /* Adjust as needed */
}
.topnav a {
  font-size: 11px;  /* 17px; */
  padding: 8px 10px; /* 14px 16px; */
}
.dropdown .dropbtn {
  font-size: 11px; /*  clamp(.5rem, 2.5vw, 1.1rem);*/ 
  padding: 8px 10px; /* 14px 16px; */  
}
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav {
  display: block; /*  */
  justify-content: right;/* flex: none; Equivalent to flex: 0 0 auto */
   /* text-align: center;  style="display: flex; align-items: center; "*/ 
}

  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

}

@media screen and (max-width: 668px) {
.topbarphrasealt a {
	font-size: 18px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	color: green; /* white */
    text-decoration: none;
    padding: 10px 15px;
}
.topbarphrasealt {
	width: 668;
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 11px; /* Adjust as needed */
}
.overlay-textright {
  right: 12%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 15px; /* Adjust as needed */
}
.topnav a {
  font-size: 9px;  /* 17px; */
  padding: 6px 8px; /* 14px 16px; */
}
.dropdown .dropbtn {
  font-size: 9px; /*  clamp(.5rem, 2.5vw, 1.1rem);*/ 
  padding: 6px 8px; /* 14px 16px; */  
}
}

@media screen and (max-width: 618px) {
.topbarphrasealt a {
	font-size: 16px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	color: green; /* white */
    text-decoration: none;
    padding: 10px 15px;
}
.topbarphrasealt {
	width: 618;
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 11px; /* Adjust as needed */
}
.overlay-textright {
  right: 11%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 14px; /* Adjust as needed */
}
.contactus-container {
  /* flex-direction: column; */ /* Default behavior, but explicitly stated */
}

}


@media screen and (max-width: 568px) {
.topbarphrasealt {
	width: 568;
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 10px; /* Adjust as needed */
}
.overlay-textright {
  right: 10%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 13px; /* Adjust as needed */
}
}
@media screen and (max-width: 518px) {
.topbarphrasealt a {
	font-size: 15px; /* Adjust the '3vw' to a value that fits your design */
	font-family: Arial;
	color: green; /* white */
    text-decoration: none;
    padding: 10px 15px;
}
.topbarphrasealt {
	width: 518;
}
.overlay-textleft {
  left: 13%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 9px; /* Adjust as needed */
}
.overlay-textright {
  right: 11%; /* Starts the left edge of the text at the horizontal midpoint of the image */
  font-size: 11px; /* Adjust as needed */
}
}