/* Brett Mudford */
/* Family History style setup */

header {background-color: powderblue; text-align: center;}
hr {width: 75%;}
body {background-color: lightyellow;}

.table {display: table;}
.cell {
    display: table-cell;
    padding: 0px 10px 10px;
}

/* Avoid yellow background at left extending above the
page's main content. */
.cell > :nth-child(1) {margin-top: 0;}
nav {
    nav.cell {width: 150px;}
    color: darkred;
    background-color: lemonchiffon;
}
.nav-heading {background-color: gold;}

/* Adjust link appearances. */
a {
    text-decoration: none;
    font-family: Tahoma, Geneva, sans-serif;
}
a:hover {text-decoration: underline;}
nav a {font-size: .8em;}
nav > * {margin: 1em 0;}

.text_table {
    display: table;
    border-spacing: 20px;
}
.text_row {
    display: table-row;
}
.text_row > * {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

table, th, td {border: thin solid;
    text-align: left;
    padding: 10px;
}

.text_body {
    border: 0px solid #ccc;
}

/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}
table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
    content: " \25B4\25BE" 
}

section > h2 {background-color: palegreen;}
h3 {
    text-align: center;
}
footer {
    background-color: powderblue;
    text-align: center;
}
figcaption {text-align: center;}
address {display: inline;}
nav {font-style: initial; font-size: large; color: black;}
p {font-style: initial; font-size: large; color: black; background-color: yellow;}
blockquote {font-style: initial; font-size: large; color: black; background-color: yellow;}
ul {font-style: initial; font-size: large; color: black;}
table {font-style: initial; font-size: large; color: black;}
.yellow_background {background-color: yellow;}
.green_background {background-color: greenyellow;}