@charset "UTF-8";
/* CSS Document */

body {
    margin: 0 0 0 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
    overflow: auto;
    /*overflow: hidden;*/
}
/*This is the code for the image links in the text added 2023__________________________jjj*/
#imageFunHolder {
    position: absolute;
    z-index: 1;
    left: 100px;
    
    
}
#image1, #image2, #image3, #image4, #image5, #image6, #image7, #image8, #image9, #image10, #image11, #image12, #image13, #image14, #image15, #image16, #image17, #image18, #image19, #image20, #image21, #image22, #image23, #image24, #image25, #image26, #image27, #image28, #image29, #image30, #image31, #image32, #image33, #image34, #image35, #image36, #image37, #image38, #image39, #image40, #image41, #image42, #image43, #image44, #image45, #image46, #image47, #image48, #image49, #image50, #image51, #image52, #image53, #image54, #image55, #image56, #image57, #image58, #image59, #image60, #image61, #image62, #image63, #image64, #image65, #image66, #image67, #image68, #image69, #image70, #image71, #image72, #image73, #image74, #image75, #image76, #image77, #image78, #image79, #image80, #image81, #image82, #image83, #image84, #image85, #image86, #image87, #image88{
            opacity: 0;
            box-shadow: -5px 8px 10px 2px rgba(0, 0, 0, 0.5);
            position: absolute;
            
            
            
            
        }

.MainBG {
    background-image: url("../images-wt-index/fl-sky-bgx2531.jpg");
    background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: bottom left;
    background-size: cover;
    animation: mybg 120s infinite;
}
@keyframes mybg {
    50% {background-position: top right;}
}
header {
    width: 400px;
    height: auto;
    position: absolute;
    z-index:2;
}
main {
    width: 400px;
    height: 239px;
    position: absolute;
    top: 50%;
    margin-top: -120px;
    left: 50%;
    margin-left: -200px;

}
header a {
    text-decoration: none;
    color: black;
    cursor: pointer;
}
header a:hover {
    animation: textchange 5s;
    
}
@keyframes textchange {
    from {color: indianred;}
    to {color: black;}
}
main img {
    position: absolute;
    z-index: 2;
}
nav {
    width: 400px;
    height: 20px;
    text-align: right;
    position:absolute;
    z-index: 2;
    margin-top: 195px;
    margin-left:-30px
}
nav a {
    color: black;
    text-decoration: none;
    margin-left: 10px;
}
nav a:hover {
    color: red;
    text-decoration: line-through;
}
footer {
    width: 100%;
    height: 50px;
    background-color: #ccc;
    position: fixed;
    bottom: 25px;
    overflow: hidden;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
}
#ifvideo {
    border: none;
    height: 50px;
    min-width: 100%;
    position: absolute;
    z-index: 0;
}
.garafont {
    font-family: 'Cormorant Garamond', serif;
}
.italicfont {
    font-style: italic;
}
/*
____________________________________slides*/

.hidden {
	visibility: hidden;
}
.noSize {
    height: 0;
    width: 0;
    position: absolute;
}

/*docs pages_________________________________________________JJJ   */
.bioBodyType {
    font-size: 15.8px;
    line-height: 1.5;
}
.infoLayer {
    margin-top:50px;
    font-size: 10pt;
}