<!DOCTYPE html>
<style>
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {font-family: 'Titillium Web', sans-serif;}
#header {height: 60px; max-width: 1440px; position: fixed; top: 0px; left: 0px; right: 0px; background-color: #101518; color: white; z-index: 2; text-align: right; padding-left: 20px; padding-right: 20px;}
#side-bar {height: 100%; width: 180px; position: fixed; top: 60px; left: 0px; right: 0px; background-color: #20292f; color: white; z-index: 1;}
#main {width: 1260px; float: left; position: relative; top: 52px; left: 172px; background-color: white;}
#content {min-height: 100vh; width: 1260px; float: left; position: relative; top: 0px; left: 0px; background-color: #f8f8ff; padding-left: 15px; padding-right: 20px;}
#footer {height: 90px; width: 1260px; float: left; position: relative; background-color: #cccccc; padding-left: 15px; padding-right: 20px; padding-top: 10px;}
#search-bar {padding-left: 3px;}
ul.navigation {width: 180px; margin: 0px; padding-left: 0px; background-color: #2b373f; list-style-type: none;}
li.navigation a {display: block; height: 40px; margin: 0px; padding-left: 12px; padding-top: 7px; color: white;}
li.navigation a:hover {background-color: #555555; color: white; text-decoration: none;}
li.navigation a:link {color: white; text-decoration: none;}
li.navigation a:visited {color: white; text-decoration: none;}
li.navigation a:active {color: white; text-decoration: none;}
#content a:hover {color: #800000 !important; text-decoration: none;}
#content a:link {color: #0000ff; text-decoration: none;}
#content a:visited {color: #0000ff; text-decoration: none;}
#content a:active {color: #0000ff; text-decoration: none;}
.form-control.search {width: 110px;height: 24px;}
input[type=submit] {width: 60px;height: 24px;}
table.tb-fl {border: 1px solid black; border-collapse: collapse; table-layout: fixed; width: 700px;}
th.th-fl-default {border: 1px solid black; border-collapse: collapse; text-align: center; width: 100px; padding-left: 5px; padding-right: 5px;}
th.th-fl-family {border: 1px solid black; border-collapse: collapse; text-align: left; width: 250px; padding-left: 5px; padding-right: 5px;}
th.th-fl-ancestor {border: 1px solid black; border-collapse: collapse; text-align: left; width: 350px; padding-left: 5px; padding-right: 5px;}
td.td-fl-default {border: 1px solid black; border-collapse: collapse; text-align: center; padding-left: 5px; padding-right: 5px;}
td.td-fl-family {border: 1px solid black; border-collapse: collapse; text-align: left; padding-left: 5px; padding-right: 5px;}
td.td-fl-ancestor {border: 1px solid black; border-collapse: collapse; text-align: left; padding-left: 5px; padding-right: 5px;}
</style>
