menu.background.color = '#f0e68c'
button.background.color = '#000000'
standardbgcolor = '#f8f8f8'
header.bg = '#c0c0c0'
label.bg = '#231f6a'
nav.buttom.bg = '#e6cc80'

html { padding:0px; margin:0px; }

BODY {
 background-color: #f8f8f8;
 margin:0px;
 padding:0px;
 width: 100%;
}

A{ text-decoration:none; }
A:link{ color:#000000; }
A:active{ color:#000000; }
A:visited{ color:#000000; }
A:hover{ text-decoration:none; color:blue; }

DIV
{
  font-family:Trebuchet MS, arial, verdana;
  font-size:13px;
  color:#000000;
}

.container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
}

.gallery-image {
  width: 100%;
  height: auto;
  border: 1px solid #000000;
  margin: 20px 0 0 0;
}

.description {
  padding: 20px 5px 5px 5px;
  text-align: justify;
}

@media (max-width: 600px) {
  .description {
    padding: 15px 10px;
    font-size: 14px;
  }
}

.labels
{
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  color:#ffffff;
  border-style:solid;
  border-color:#000000;
  border-width:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:3px;
  background-color:#231f6a;
}

.headlabels
{
  font-family:arial;
  font-weight:bold;
  font-size:17px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:0px 0px 1px 0px;
  margin:8px 10px 10px 0px;
  padding:3px;
}

.phonebox
{
  margin:3px 3px 3px 3px;
  padding:3px 6px 3px 6px;
  font-family:verdana;
  font-size:12px;
  font-weight:normal;
  color:#000000;
}

.div.float
{
  border-style:solid;
}

.outsidebox
{
  border-style:solid;
  border-color:#c0c0c0;
  border-width:1px;
  background-color:ffffff;
}

.returnbox
{
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-color:#efefef #000000 #000000 #efefef;
  border-width:1px 1px 1px 1px;
  background-color: #e6cc80;
  padding:2px;
  margin:3px 2px 3px 2px;
  width:110px;
}

.prevbox
{
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-color:#efefef #000000 #000000 #efefef;
  border-width:1px 1px 1px 1px;
  border-radius:4px 0px 0px 4px;
  background-color: #e6cc80;
  padding:2px;
  margin:3px 0px 3px 0px;
  width:110px;
}

.prevboxoff
{
  font-family:arial;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-radius:4px 0px 0px 4px;
  background-color:#efefef;
  border-color:#000000 #c0c0c0 #c0c0c0 #000000;
  padding:2px;
  margin:3px 0px 3px 0px;
  width:110px;
}

.nextbox
{
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-color:#efefef #000000 #000000 #efefef;
  border-width:1px 1px 1px 1px;
  border-radius:0px 4px 4px 0px;
  background-color: #e6cc80;
  padding:2px;
  margin:3px 0px 3px 0px;
  width:110px;
}

.nextboxoff
{
  font-family:arial;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  border-radius:0px 4px 4px 0px;
  background-color:#efefef;
  border-color:#000000 #c0c0c0 #c0c0c0 #000000;
  padding:2px;
  margin:3px 0px 3px 0px;
  width:110px;
}

.selectedbox
{
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0 #000000 #e5e5e5 #c0c0c0;
  border-width:1px 1px 0px 1px;
  border-radius:4px 4px 0px 0px;
  background-color:#e5e5e5;
  padding:5px;
  width:180px;
}

.unselectedbox
{
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#ffffff;
  border-style:solid;
  border-color:#c0c0c0 #000000 #c0c0c0 #c0c0c0;
  border-width:1px 1px 0px 1px;
  border-radius:4px 4px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:4px;
  width:180px;
  background-color: #231f6a;
}

.unselectedboxi
{
  font-family:arial;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  color:#e5e5e5;
  border-style:solid;
  border-color:#c0c0c0 #000000 #c0c0c0 #c0c0c0;
  border-width:1px 1px 0px 1px;
  border-radius:4px 4px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:4px;
  width:180px;
  background-color: #231f6a;
}

.selectedboxtop
{
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0 #000000 #e5e5e5 #c0c0c0;
  border-width:1px 1px 1px 1px;
  border-radius:4px 4px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:5px;
  background-color:#e5e5e5;
}

.unselectedboxtop
{
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#ffffff;
  border-style:solid;
  border-color:#c0c0c0 #000000 #c0c0c0 #c0c0c0;
  border-width:1px 1px 0px 1px;
  border-radius:4px 4px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:4px;
  background-color: #231f6a;
}

.unselectedboxtopi
{
  font-family:arial;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  color:#e5e5e5;
  border-style:solid;
  border-color:#c0c0c0 #000000 #c0c0c0 #c0c0c0;
  border-width:1px 1px 0px 1px;
  border-radius:4px 4px 0px 0px;
  margin:0px 0px 0px 0px;
  padding:4px;
  background-color: #231f6a;
}

.selectedboxbottom
{
  font-family:arial;
  font-weight:bold;
  font-size:12px;
  color:#000000;
  border-style:solid;
  border-color:#e5e5e5 #000000 #000000 #c0c0c0;
  border-width:1px 1px 1px 1px;
  border-radius:0px 0px 4px 4px;
  margin:0px 0px 0px 0px;
  padding:5px;
  background-color:#e5e5e5;
}

.unselectedboxbottom
{
  font-family:arial;
  font-weight:normal;
  font-size:12px;
  color:#ffffff;
  border-style:solid;
  border-color:#000000 #000000 #000000 #c0c0c0;
  border-width:0px 1px 1px 1px;
  border-radius:0px 0px 4px 4px;
  margin:0px 0px 0px 0px;
  padding:4px;
  background-color: #231f6a;
}

.unselectedboxbottomi
{
  font-family:arial;
  font-weight:normal;
  font-style:italic;
  font-size:12px;
  color:#e5e5e5;
  border-style:solid;
  border-color:#000000 #000000 #000000 #c0c0c0;
  border-width:0px 1px 1px 1px;
  border-radius:0px 0px 4px 4px;
  margin:0px 0px 0px 0px;
  padding:4px;
  background-color: #231f6a;
}

.menuspacetop
{
  font-family:arial;
  font-size:12px;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:0px 0px 1px 0px;
  padding:0px;
}

.menuspacebottom
{
  font-family:verdana;
  font-size:2px;
  border-style:solid;
  border-color:#000000;
  border-width:1px 0px 0px 0px;
  padding:0px;
}

.galcamversel
{
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  color:#000000;
  border-style:solid;
  border-color:#000000 #000000 #000000 #000000;
  border-width:0px 1px 1px 1px;
  border-radius:0px 0px 4px 4px;
  margin:0px 0px 0px 0px;
  padding:2px;
  width:100px;
  background-color:#ffffff;
}

.galcamverunsel
{
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  color:#000000;
  border-style:solid;
  border-color:#000000 #000000 #000000 #000000;
  border-width:1px 1px 1px 1px;
  border-radius:0px 0px 4px 4px;
  margin:0px 0px 0px 0px;
  padding:1px;
  width:100px;
  background-color:#f8f8f8;
}

.blacknormal
{
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000000;
}

.blackbold
{
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:#000000;
}

.blacksmall
{
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  color:#000000;
}

.whitenormal
{
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#ffffff;
}

.whitebold
{
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
}

.whitesmall
{
  font-family:arial;
  font-size:10px;
  font-weight:normal;
  color:#ffffff;
}

.formfontpulldown
{
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000000;
  width:200px;
}

.formfontfield
{
  font-family:arial;
  font-size:12px;
  font-weight:normal;
  color:#000000;
}

.galadd
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:1px 0px 0px 0px;
  background-color:#efefef;
  padding:2px;
}

.galadd2
{
  font-family:verdana;
  font-weight:normal;
  font-size:10px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0 #000000 #000000 #c0c0c0;
  border-width:1px;
  background-color:#efefef;
  padding:2px;
  margin:0px 0px 0px 0px;
}

.galadd3
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:1px;
  background-color:#efefef;
  padding:2px;
  width:100px;
  margin:6px 0px 0px 0px;
}

.galbox
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:1px 0px 0px 0px;
  background-color:#c0c0c0;
  padding:2px;
}

.galbox2
{
  font-family:verdana;
  font-weight:normal;
  font-size:10px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0 #000000 #000000 #c0c0c0;
  border-width:1px;
  background-color:lightgreen;
  padding:2px;
  margin:0px 0px 0px 0px;
}

.galbox3
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:1px;
  background-color:#c0c0c0;
  padding:2px;
  width:100px;
  margin:6px 0px 0px 0px;
}

.detailsbox
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  background-color:#ffffff;
  color:#000000;
  padding:2px;
}

.invbox
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#ffffff;
  border-style:solid;
  border-color:#c0c0c0 #000000 #000000 #c0c0c0;
  border-width:1px 0px 0px 0px;
  background-color: #f0e68c;
  padding:4px 2px 4px 2px;
}

.cabox
{
  font-family:arial;
  font-weight:normal;
  font-size:11px;
  color:#000000;
  border-style:solid;
  border-color:#efefef;
  border-width:1px;
  background-color:#efefef;
  padding:2px;
}

.ws
{
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  color:#000000;
  border-style:solid;
  border-color:#c0c0c0;
  border-width:1px 0px 0px 0px;
  background-color:lightgreen;
  padding:2px;
}

.galtextsave
{
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  border-style:solid;
  border-color:#ffffff #7b7b7b #7b7b7b #ffffff;
  border-width:1px;
  background-color:#efefef;
  padding:1px;
}

.galtextsaved
{
  font-family:arial;
  font-weight:normal;
  font-size:10px;
  border-style:solid;
  border-color:#bdbdbd #7b7b7b #7b7b7b #bdbdbd;
  border-width:1px;
  background-color:lightyellow;
  padding:1px;
}

.galborder
{
  border-style:solid;
  border-color:#ffffff #000000 #000000 #ffffff;
  border-width:1px;
  width:100px;
  margin-left:3px;
}

.main-container {
  background-color: #c0c0c0;
  background-image: url('/dt_kstrip.jpg');
  background-repeat: repeat-y;
  width: 100%;
  padding: 0;
  margin: 0;
  max-width: 2000px;
}

.header-container {
  width: 100%;
  background-color: inherit;
  background-image: inherit;
  background-repeat: inherit;
}

.header {
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.logo img {
  width: 522px;
  height: 95px;
  display: block;
}

.date-box {
  padding: 4px;
  background-color: #f8f8f8;
  border: 1px solid #000000;
  margin: 4px 0 0 0;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  color: #000000;
  text-align: center;
}

.menu-container {
  width: 100%;
  max-width: 2000px;
  background-color: inherit;
  background-image: inherit;
  background-repeat: inherit;
}

.menu {
  display: flex;
  justify-content: stretch;
  /* gap: 10px; */
  padding: 10px 0 0 0;
  width: 100%;
  margin: 0 auto;
}

.menu-item {
  flex: 1;
  /* max-width: 15%; */
  margin: 0 5px;
  text-align: center;
}

.menu-item a {
  display: block;
  background-color: #000000;
  color: #ffffff;
  text-decoration: none;
  padding: 8px 12px;
  border-radius: 5px 5px 0 0;
  /* border: 1px solid #e5e5e5; */
  border-bottom: none;
  font-family: Arial, sans-serif;
  font-size: 13px;
  transition: background-color 0.3s ease;
  width: 100%;
  box-sizing: border-box;
}

.menu-item a:hover {
  background-color: #333333;
}

.menu-item.active a {
  background-color: #f0e68c;
  color: #000000;
  font-weight: bold;
  /* border: 1px solid #e5e5e5; */
  /* border-right: 2px solid #000000; */
  border-bottom: none;
  pointer-events: none;
  cursor: default;
  padding: 8px 12px;
}

.contact-bar {
  background-color: #f0e68c;
  border-bottom: 1px solid #000000;
  padding: 5px 0;
  width: 100%;
  margin: 0;
}

.phone-box {
  max-width: 2000px;
  margin: 0 auto;
  text-align: right;
  padding: 0 10px;
  font-family: Arial, sans-serif;
  font-size: 13px;
}

@media (max-width: 768px) {
  .header {
    flex-direction: column;
    align-items: center;
  }

  .logo img {
    width: 100%;
    height: auto;
    max-width: 522px;
  }

  .date-box {
    margin: 10px 0;
    text-align: center;
  }

  .menu {
    flex-wrap: wrap;
    gap: 5px;
    padding: 10px 0 0 0;
  }

  .menu-item {
    flex: 1 1 45%;
    max-width: none;
  }

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

@media (max-width: 480px) {
  .menu-item {
    flex: 1 1 100%;
  }
}

.body-container {
  width: 90%;
  max-width: 2000px;
  margin: 0 auto;
  text-align: center;
}

.gallery-image {
  width: 100%;
  height: auto;
  border: 1px solid #000000;
  margin: 20px 5px 5px 5px;
}

.body-description {
  padding: 20px 5px 5px 5px;
  text-align: justify;
}

@media (max-width: 600px) {
  .body-description {
    padding: 15px 10px;
    font-size: 14px;
  }
}