a.smenu:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #990000;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        text-transform: none;
}
a.smenu:visited {
        color: #990000;
        text-decoration: none;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        text-transform: none;
}
a.smenu:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #336699;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        text-transform: none;
}
a.smenu:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        color: #996600;
        text-decoration: none;
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        text-transform: none;
}
.text {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #996600;
        text-decoration: none;
        text-align: justify;

}

.textl {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
        text-align: left;

}

a:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
}
a:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
}
a:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #996600;
        text-decoration: none;
}
a:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #336699;
        text-decoration: none;
}


a.lmenu:link {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
        text-decoration: none;
}
a.lmenu:visited {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000000;
        text-decoration: none;
}
a.lmenu:hover {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #996600;
        text-decoration: none;
}
a.lmenu:active {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #336699;
        text-decoration: none;
}


.title {
        font-family: Georgia, "Times New Roman", Times, serif;
        font-size: 18px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
}
.vline {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
}
.topmoto {
        font-family: "Times New Roman", Times, serif;
        font-size: 16px;
        font-style: italic;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
}
.stext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #000000;
        text-decoration: none;
        text-align: justify;
}
.stitle {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #990000;
        text-decoration: none;
        text-align: center;
}
.top12 {
        background-attachment: fixed;
        background: url(img/top12.jpg);
        background-repeat: no-repeat;
        background-position: left top;
}
.textCenter {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #996600;
        text-decoration: none;
        text-align: center;
}
.stextright {

        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        color: #996600;
        text-decoration: none;
}

.fild {
       font-size: 10pt;
       color: #990000;
       font-family: Arial, Helvetica, sans-serif;
       background-color: #F7FDF8;
       border: 1 solid #990000;
       }
.fildnb {
       font-size: 10pt;
       color: #FBF5D3;
       font-family: Arial, Helvetica, sans-serif;
       background-color: #FBF5D3;
       border: 0 solid #FBF5D3;
       }
	   
	   
/* Video Popup */
/* style.css */
.popup {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 /* display: flex; */
  align-items: center;
  justify-content: center;
}

.popup-content {
  position: relative; /* Needed for absolute positioning of the close button */
  background-color: #fefefe;
  border: 1px solid #888;
}

.close {
  position: absolute;
  top: 0px;
  right: 10px;
  color: #aaa;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

video {
  display: block; /* Remove default margin/padding of video */
  width: 100%; /* Responsive video sizing */
}
.bordered-box {
    border: 2px solid black;
    padding: 20px;
}

.header-with-image {
    display: flex;
    align-items: center;
}

.header-with-image img {
    margin-right: 20px;
    height: 60px; /* Adjust the height as needed */
}

.header-with-image h1 {
    margin: 0;
}

.black-bold {
    font-weight: bold;
    color: black;
}

.italic {
    font-style: italic;
}

/* Gallery */
div.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 10px; /* consistent spacing */
}

/* Gallery Item (Videos or Images) */
div.gallery-item {
  border: 1px solid #ccc;
  width: calc((100% - 50px) / 4); /* 4 items per row with 3 gaps of 10px */
  height: auto;
  overflow: hidden;
  position: relative;
  background: #fff;
  box-sizing: border-box;
}

/* Hover border */
div.gallery-item:hover {
  border: 1px solid #777;
}

div.gallery-item img {
  width: 100%;
  object-fit: cover; /* Crop to fill box, preserve proportions */
  object-position: center; /* Center the crop */
  display: block;
}

/* Description styling */
div.gallery-item div.desc {
  padding: 10px;
  text-align: center;
  width: 100%;
  min-height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  box-sizing: border-box;
  overflow: hidden;
}

/* Video Styling */
.gallery video {
  width: 100%;
  aspect-ratio: 16 / 9; /* uniform proportion */
  height: auto;
  object-fit: cover;
  background-color: #000;
  display: block;
  border-radius: 0;
}

/* Responsive fallback for smaller screens */
@media (max-width: 1200px) {
  div.gallery-item {
    width: calc((100% - 40px) / 5); /* 5 per row */
  }
}

@media (max-width: 992px) {
  div.gallery-item {
    width: calc((100% - 30px) / 4); /* 4 per row */
  }
}

@media (max-width: 768px) {
  div.gallery-item {
    width: calc((100% - 20px) / 3); /* 3 per row */
  }
}

@media (max-width: 576px) {
  div.gallery-item {
    width: calc((100% - 10px) / 2); /* 2 per row */
  }
}
/* End of Gallery*/