:root {
    --fadeSpeed: 3s;
}
body
{
	background-color:#999966;
	font-family: 'Roboto Condensed', sans-serif;
}
a {
    filter: drop-shadow(2px 2px 2px black);
}
img
{
    margin:4px 4px 4px 4px;
    border:6px double #545565;
}
.b_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.altBG
{
	background-color:#aaaa77;
}
.BlueMainLink { font-family:Copperplate Gothic Bold; font-size:x-large; color:Fuchsia; text-decoration:none; }
.FuchsiaMainLink { font-family:Copperplate Gothic Bold; font-size:x-large; color:#00ccff; text-decoration:none; }
.FuchsiaLinkSmaller { font-family:Copperplate Gothic Bold; font-size:medium; color:#FFD119; text-decoration:none; }

.FamTree 
{
	background-image:url(Images/treelights.gif);
	background-repeat:no-repeat; 
	background-position:center; 
}
.hidden { display:none; }
.MaroonMainLink { font-family:Copperplate Gothic Bold; font-size:32px; font-weight:bolder; color:#000000; text-decoration:none; }
.MaroonLinkSmaller { font-family:Copperplate Gothic Bold; font-size:medium; color:#FF0033; text-decoration:none; }
.tdNorm
{
    font-weight:normal;
}
.tdBold
{
    font-weight:bold;
}

.textSmall
{
    font-size:smaller;
    font-style:italic;
}
.WhiteMain { font-family:Copperplate Gothic Bold; font-size:x-large; color:White;  }
.WhiteMainLink { font-family:Copperplate Gothic Bold; font-size:x-large; color:White; text-decoration:none;  }
.WhiteMainLinkSmaller { font-family:Copperplate Gothic Bold; font-size:medium; color:White; text-decoration:none;  }

.fade-in-image {
    animation: fadeIn var(--fadeSpeed);
    -webkit-animation: fadeIn var(--fadeSpeed);
    -moz-animation: fadeIn var(--fadeSpeed);
    -o-animation: fadeIn var(--fadeSpeed);
    -ms-animation: fadeIn var(--fadeSpeed);
}

@keyframes fadeIn {    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}

@-moz-keyframes fadeIn {    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}

@-webkit-keyframes fadeIn {    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}

@-o-keyframes fadeIn {    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}

@-ms-keyframes fadeIn {    0% {        opacity: 0;    }
    100% {        opacity: 1;    }
}

.m-fadeOut {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 2000ms, opacity 2000ms;
}

.m-fadeIn {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s linear 2000s, opacity 2000ms;
}