body {background: #FFFFFF url("http://nativeamericansofdelawarestate.com/Wolfcreek2.jpg"); text-align:center; color: #660000; font-family: Arial, Helvetica, sans-serif; font-size: 16px; padding-bottom: 50px;}
#header {width: 30%; display: block; text-align: center; margin: 0 auto; font-weight: bold; font-size: 105%;}
#content {text-align:left; display: block; margin:0 auto  40px; width:64%;}
#footer {text-align:center;}
p {font-size: 16px;}
h1 {font-size: 32px; text-align:center;}
h2 {font-size: 24px; text-align:center;}
h3, h3 a {font-size: 20px; text-align:center;}
li {text-align:left;}
a {color: #000000;}
div.ind-div {display: block; width:90%; height:50px; background: url("http://nativeamericansofdelawarestate.com/ind-footer.gif")  no-repeat top center; border: none; margin: 30px auto 0; }
div.main-menu-links {margin: 50px auto;}
div.main-menu-links a {text-transform: uppercase; font-size: 150%; font-weight: bold;}
div.search-box {border: 1px solid #000000; background: #FFFF99; padding: 20px; margin: 0 auto 50px; width: 80%;}
div.in-memoriam {border: 1px solid #000000; background: #ffffff; padding: 20px; margin: 0 auto 50px; width: 80%;}
div.footer-statement p {font-size: 80%; padding: 0 2%;}
div.footer-block-outer {display:flex; margin: 50px auto; text-align:center; border: 5px solid #660000; padding: 5px; width:75%;}
div.footer-block-inner {display:block; margin: 0 auto; text-align:center; border: 1px solid #000000; padding: 20px 10%; width:90%;}
div.brown-box {display: block; margin: 20px auto; text-align:center; width:80%; background-color: #660000; padding: 20px; color: #ffffff;}
table.family-history-table {display:block; margin: 0 auto; width: 100%; border-collapse: collapse;}
table.family-history-table th {width:20%; background-color: #660000; text-align:center; color: #ffffff; font-family: sans-serif; font-size: 80%; padding: 10px 0;}
table.family-history-table td {max-width: 0; width:20%; overflow: hidden; text-overflow: ellipsis; background-color: #ffffff; padding: 5px; font-size: 16px; font-family: sans-serif; border: 1px solid #660000; font-weight: normal;}
#link-lists {
     -webkit-columns: 3 150px;
     -moz-columns: 3 150px;
     columns: 3 150px;
     -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
     column-gap: 4em;
     -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
     column-rule: 1px solid #ddd;
     width: 90%;
     font-size: 90%;
     display: block;
     margin: 0 auto;
     text-align:left;
}
#link-lists h3 {
    text-align:left;
    margin-top: 0;
}
#link-lists ul {
    margin-bottom: 50px;
}
#link-lists li {
    text-align: left;
    margin-bottom: 6px;
}
#link-lists a {
    font-weight: bold;
}
#link-lists ul ul {
    margin-bottom: 10px;
}

#purple-divider {
    width: 90%;
    height: 20px;
    background-color: #660000;
    margin: 0 auto 40px;
}
td {font-size:70%; font-weight:bold;}

@media screen and (max-width: 600px) {
  #header, #content {width: 100%;}
  #purple-divider {width: 100%;}
  table.family-history-table {max-width: 100%;}
  table.family-history-table td {font-size: 80%;}
  }