main.css

:root {
	--background-color-1: #2D82B7;
	--background-color-2: #CEEAF7;
	--text-color: #141B41;
	--link-color-1: #8b0b30;
	--link-color-2: #141B41;
	--border-color: #454A6E;
}

body { 
  margin:0px; 
  padding:5px; 
  background:var(--background-color-1);
  color:var(--text-color);
}
a:link { color:var(--link-color-1); text-decoration:none; }
a:visited { color:var(--link-color-1); text-decoration:none; }
a:hover { color:var(--link-color-1); }
a.active { color:var(--link-color-2); }

h1 {
  font-size:4em;
  font-weight:bold;
  margin-top:60px;
  margin-bottom:5px;
  margin-left: 20px;
  padding:0px;
  color:var(--text-color);
}

.main {
  width:100%;
  height:100%;
  overflow:hidden;
}

.navigation {
  padding:10pt;
  height:100%;
  line-height: 200%;
  float:left;
  position:fixed;
  overflow-y:auto;
}

.navigation ul {
  margin: 0;
  padding: 0;
  margin-left: 20px;
  color: var(--text-color);
}

.heading {
  padding:15px;
  max-width:1024px;
  min-width:600px;
  margin-left:250px;
  margin-right:250px;
  height:250px;
}

.content {
  padding:15px;
  position:absolute;
  top:250px;
  bottom: 5px;
  max-width:1024px;
  min-width:600px;
  margin-left:250px;
  margin-right:250px;
  overflow-y:auto;
  background:var(--background-color-2);
}

.content ul li {
  margin:10pt
}

td.date {
  font-weight:bold;
}

table, th, td {
  border:1px solid var(--border-color);
  border-spacing:0px;
}

th, td {
  padding:5px;
}

table thead {
	background-color:var(--background-color-1);
	color:var(--link-color-1);
	font-weight: bold;
	cursor: default;
}

table tr.vbs {
	background-color:var(--background-color-1);
	color:var(--link-color-1);
	font-weight: bold;
	cursor: default;
}

table.sortable th:not(.sorttable_sorted):not(.sorttable_sorted_reverse):not(.sorttable_nosort):after { 
	content: " \25B4\25BE" 
}