body {
             font-family: 'Times New Roman', Times, serif;
                margin: 0;
           
    color: #000000;
    background-image: url(PHOTOBG.png);
              background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
      margin:0;
  height:100vh; /* use 100% of the height of the viewport */
  display:grid;             
  place-items: center;
            }

.grid-container {
  display: grid;
  grid-template:    'info3 info3 info1 info1 info1 '
    'info3 info3 info2 info2 info2 '

  ;
 grid-gap: 10px;


  
  padding: 10px;

 background-size: cover;

}

.grid-container > div {
  background-color: #000000;
  color:#e0e0e0;
  padding: 10px;
 

  border:1px solid #ebebeb;
 
}

.item1 { grid-area: info1; 
height: 140px;
width: 850px;
background-size: cover;
text-align: center;
padding: 0px;
overflow: visible;
    background-position: center;
background-image: url(https://file.garden/aH1OYjv8j2I_FynD/photodump/1e570861bcacf688d1a5ffebcfb78c02.gif);

 }
.item2 { grid-area: info2; 
height: 650px;
width: 850px;
text-align: center;
  overflow: scroll;
                 overflow-x: hidden;
                   scrollbar-width: thin;
                   scrollbar-color: #ffffff rgba(0, 0, 0, 0);
                 
    }
.item3 { grid-area: info3;
height: 475px;
width: 200px;
text-align: center;
}

#icon {
    border: 2px solid #ffffff;
    border-radius: 70%;
}

#thumb {

 
    border: solid 1px #ffffff;
}
#thumb:hover {

      cursor: default;
  transform: scale(1.05);  
    transition: all 0.1s ease-in-out 0s;
    
}
.gallery {

    margin: auto;
    padding: 10px;
    object-fit: contain;
    text-align: center;
}
 .label {
                width: auto;
                height: auto;
background: #000000;
background: linear-gradient(90deg,rgba(0, 0, 0, 1) 10%, rgba(255, 255, 255, 1) 50%, rgba(0, 0, 0, 1) 90%);}
            h1, 
            h2,
            h3 {
                color: #ffffff;
            }

            h1 {
                font-size: 25px;
            }

            strong {
                /* this styles bold text */
                color: #ffffff;
     
            }


a:link { color:  #9c9c9c; 
   text-decoration: none; 
}
a:visited { color: #9c9c9c; 
   text-decoration: none;
}  
a:hover { 
  color: #ffffff;
  background-color: #3f3f3f;
  font-style: italic;
    letter-spacing: 1px;
}  
a:active { color: #c2c1c1;
 text-decoration: none; } 
hr.solid {
  border-top: 0.5px DASHED #ffffff;
   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: relative;
	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; }