<!-- start Simple Custom CSS and JS -->
<style type="text/css">
/* Hamilton Family Tree */

ul.FT_tree,
ul.FT_tree ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.FT_tree li {
    list-style: none;
    margin: 0;
    padding: 0.35em 0 0.35em 1.5em;
    position: relative;
    line-height: 1.5;
}

ul.FT_tree li::marker {
    display: none;
    content: "";
}

ul.FT_tree ul {
    margin-left: 1.5em;
}

/* vertical connector line */
ul.FT_tree ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #999;
}

/* horizontal connector line */
ul.FT_tree ul li::after {
    content: "";
    position: absolute;
    top: 1.05em;
    left: 0;
    width: 1em;
    height: 1px;
    background: #999;
}

/* shorten vertical line for last child */
ul.FT_tree ul li:last-child::before {
    height: 1.05em;
}

/* root item should not draw connectors */
ul.FT_tree > li {
    padding-left: 0;
}

ul.FT_tree > li::before,
ul.FT_tree > li::after {
    display: none;
}

/* optional typography tweaks */
ul.FT_tree {
    font-size: 1em;
    line-height: 1.5;
}

ul.FT_tree br {
    line-height: 1.6;
}</style>
<!-- end Simple Custom CSS and JS -->
