BODY {

         font-family: 'Times New Roman', Times, serif;
                margin: 0;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    background-image: url(https://file.garden/aH1OYjv8j2I_FynD/image_2025-08-14_160816541.png);
    background-size: cover;
          background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
margin: 0 auto;
  
            margin:0;
  height:100vh; /* use 100% of the height of the viewport */
  display:grid;             
  place-items: center;
}

.box {
  border: 2px solid rgb(255, 255, 255);
  padding: 5px;
  margin: 2px;
      margin:0;

           
  

      background-color: #00000073;
                border: 1px solid #ffffff;
                padding: 10px;
                   overflow: auto;
                 overflow-x: hidden;
                   scrollbar-width: thin;
                   scrollbar-color: #ffffff rgb(0, 0, 0);
             
}

.grid-container {
  display: grid;
  grid-template:    'header header header header header '
    'menu menu menu2 menu2 menu2 '
    'menu menu menu2 menu2 menu2';
 grid-gap: 10px;
  padding: 10px;
 background-repeat: repeat;
 background-size: 100px;
 

    
}
.grid-container > div {
  background-color: #dadada;
 border: 2px solid #000000;

  padding: 10px;
  font-size: 30px;
 font-size: medium;
   overflow: auto;
                 overflow-x: hidden;
                   scrollbar-width: thin;
                   scrollbar-color: #000000 rgba(0, 0, 0, 0);
        
}

.item1 { grid-area: header; 
      
    height: 80px;
background-color: #ffffff8e;
  text-align: center;}
.item2 { grid-area: menu; 
width: 150px;
height: 600px;
 overflow: auto;
 background-color: #ffffff8e;
   text-align: left;
}
.item3 { grid-area: menu2;
height: 700px; 
width: 800PX;
background-color: #ffffff8e;
  text-align: center;}

#logo {
animation: myAnim 3s ease 0s infinite normal forwards; }

@keyframes myAnim { 
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}
#thumb {

 
    border: solid 2px #000000;
}
#thumb:hover {

      cursor: default;
  transform: scale(1.05);  
    transition: all 0.1s ease-in-out 0s;
    
}
            .label {
                width: auto;
                height: auto;
             
background: #DADADA;
background: linear-gradient(90deg,rgba(218, 218, 218, 1) 4%, rgba(0, 0, 0, 1) 50%, rgba(218, 218, 218, 1) 96%);
                  color: #ffffff;
                  font-size: large;
           
            }
                    .label2 {
                width: auto;
                height: auto;
             
background: #000000;

                  color: #ffffff;
                  font-size: large;
           padding-left: 5px;
            }
            .gallery {

    margin: auto;
    padding: 10px;
    object-fit: contain;
    text-align: center;
}
a:link { color:  #4e4e4e; 
   text-decoration: none;
}
a:visited { color: #4e4e4e; 
   text-decoration: none;
}  
a:hover { 
  color: #9c9c9c;
 font-style: italic;

}  
a:active { color: #4e4e4e;
 text-decoration: none; } 
hr.solid {
  border-top: 0.5px solid #000000;
   border-bottom: none;
}
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; }
	#lbOverlay.black { background-color: #00000093; }


#lbMain { position: absolute; left: 0; width: 100%; z-index: 99998; text-align: center; line-height: 0; display:-moz-inline-stack; }
#lbMain a img { border: 1px solid #ffffff; }

#lbOuterContainer {	position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.black {  background-color: #000000d8; }


#lbTopContainer, #lbBottomContainer { 
	font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.9em;
	overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none;
}
#lbTopContainer { overflow: hidden; margin-top: 5px; }
#lbTopContainer.black, #lbBottomContainer.black { background-color: #000000; }
#lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange,
#lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange {
	background-color: #ffffff;
}
	
#lbImage, #lbIframe { border: none; }
#lbImage.black, #lbIframe.black { border: 1px solid #000000; }
#lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; }


#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrevHov { width: 48%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; left: 0; float: left; margin-left: 3px; border: none !important; }
	#lbPrevHov.black:hover, #lbPrevHov.black:visited { background: url('images/prev_black_t.png') left 30% no-repeat; }

	
#lbNextHov { width: 48%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; right: 0; float: right; margin-right: 3px; border: none !important; }
	#lbNextHov.black:hover, #lbNextHov.black:visited { background: url('images/next_black_t.png') right 30% no-repeat; }

	
#lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPrev.black, #lbPrevTop.black { background: url('images/prev_black.png') no-repeat; }
	#lbPrev.blackOff, #lbPrevTop.blackOff { background: url('images/prev_black_off.png') no-repeat; cursor: default; }

	
#lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbNext.black, #lbNextTop.black { background: url('images/next_black.png') no-repeat; }
	#lbNext.blackOff, #lbNextTop.blackOff { background: url('images/next_black_off.png') no-repeat; cursor: default; }

	
#lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px; }
#lbBottomData { padding-bottom: 0.5em; }
	#lbBottomData.black, #lbTopData.black { color: #ffffff; }


#lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 10px; }
#lbNumTop, #lbNumBottom { font-style: italic; }
#lbDescBottom { display: block; }
#lbTitleTop, #lbTopNav { margin-top: 0.3em; }
#lbTitleTop, #lbTitleBottom { display: block; font-weight: bold; }

#lbClose, #lbCloseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbClose.black, #lbCloseTop.black { background: url('images/close_black.png') no-repeat; }

	
#lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPrint.black, #lbPrintTop.black { background: url('images/print_black.png') no-repeat; }


#lbPlay, #lbPlayTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPlay.black, #lbPlayTop.black { background: url('images/play_black.png') no-repeat; }

	
#lbPause, #lbPauseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; }
	#lbPause.black, #lbPauseTop.black { background: url('images/pause_black.png') no-repeat; }

	
/* Some extra padding on the bottom buttons so it's not too close to the border. */
#lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; }

/* Lytetip */
* html a:hover { background: transparent; }

.lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; }
.lytetip span {
	color: #ffffff79;
	position: absolute;
	top: 2em; left:0;
	padding: 0.5em 0.8em;
	font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important;
	background: #00000065; 
	border: 1px solid #888888;	
	border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 2px 3px 0px #949494;-moz-box-shadow: 1px 2px 3px 0px #949494;box-shadow: 1px 2px 3px 0px #949494;
	width: 240px;
	filter: alpha(opacity:95);
	KHTMLOpacity: 0.95;
	MozOpacity: 0.95;
	opacity: 0.95;
	text-align: left;
	display: none;
}

.lytetip:hover { z-index:25; color: #aaaaff; background:; text-decoration: none; }
.lytetip:hover span { display: block; }
.lytetip:hover em {	font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; }
.lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; }
.lbErrorImg { background: url('images/error.png'); }
.lbInfoImg { background: url('images/info.png'); }
.lbHelpImg { background: url('images/help.png'); }
.lbWarningImg { background: url('images/warning.png'); }
span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; }
span.lbIEFix { padding: 0.5em 0.8em !important; }
.lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; }
.lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; }
.lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; }
 
/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym737.cur), auto !important;} /* End https://www.cursors-4u.com */