body {
    color: #101010;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    margin-left: 5px;
}


.image_box {
    border: 1px solid #404040;
    background-color: #f0f0e0;
    width: 95%;
}

.notes {
    background-image: url("../images/backgrounds/tanwall3.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;

        margin: 0 auto; /* center */
        float: none; /* center */

}

.card {
    background-color: #d0d0e0;

}

.card-header {
    background-color: #e0e0f0;
    font-weight: bold;
    font-size: larger;
}

.card-body {
    padding: 2px;
}

.image_note {
    xxobject-fit: contain;
    max-width:95%;
    max-height:95%;
    xxwidth: auto;
    xxheight: auto;
}

.subtable
{
    background-image: url("../images/backgrounds/tanwall3.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    width: 98%;
}

.subtable a {
    FONT-WEIGHT: bold;
    color: #1010ff;
}


.overlay_div1 {

    left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     visibility: hidden;
     background-color: #808080;
     opacity: 1.00;
     color: white;
     visibility: hidden;
     text-align: center;
     z-index: 9999;

}



.overlay_image {
    object-fit: contain;
    max-height: 80vh;
    height:auto;
    width: 80%;
    background-color: #f0f0e0;
    border: 1px solid #404040;
    margin: 2px;
}

button
{
    margin: 2px;
}

.gen
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffffff;
    height: 40pt;
    width: 100%;
    background-color: #4040ff;
    FONT-FAMILY: verdana, arial, helvetica
}


.title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #02116c;
    FONT-FAMILY: verdana, arial, helvetica
}

.generation
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffffff;
    height: 25pt;
    width: 75%;
    background-color: #4040ff;
    FONT-FAMILY: verdana, arial, helvetica
}

.descendant
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffffff;
    height: 20pt;
    xxwidth: 100%;
    background-color: #ec8080;
    FONT-FAMILY: verdana, arial, helvetica
}

.btn {
    font-size: 0.8rem;
    line-height: 1.2;
}




.image_div {
    width: 95%;
    background-color: #e0e0e0;
}


.image_header {
    text-align: center;
    width: 100%;
    color: #202020;
    text-align: center;
}


.name {
    font-size: 14pt;
    font-weight: bold;
}