--- /dev/null
+body {
+ background-color: #eee;
+ color: #222; /*#111;*/
+ font-family: sans-serif;
+ padding: 0;
+ margin: 0;
+}
+
+a {
+ color: #005386; /*#058;*/
+ text-decoration: none;
+}
+
+a:hover {
+ background-color: #eee;
+}
+
+#menu {
+ clear: both;
+ overflow: hidden;
+ color: #069;
+ background-color: #17a;
+ padding: 0.7ex;
+ font-size: 94%;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #069;
+}
+
+#menu a {
+ padding: 0.5ex 1.5ex 0.5ex 1.5ex;
+ color: #fff;
+}
+
+#menu a:hover {
+ background-color: #069;
+}
+
+#menu a.thisSite {
+ font-weight: bold;
+ /*font-style: italic;*/
+ background-color: #069;
+}
+
+#header {
+ clear: both;
+ color: #555; /*#666;*/
+ /*text-shadow: 1px 1px #fff;*/
+ font-size: 1.78em; /*1.7em;*/
+ padding: 0.7ex 0.7ex 0.7ex 0.7em;
+}
+
+#headerLink {
+ color: #17a; /*#666;*/
+ margin-left: 5px;
+}
+
+h1 {
+ margin: 1.5em 1ex 2.5ex 0;
+ font-size: 1.4em;
+ border-bottom: 1px solid #ccc
+}
+
+h2 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 1.3em;
+}
+
+h3 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 1.0em;
+}
+
+h4 {
+ margin: 1em 1ex 0.5ex 0;
+ font-size: 0.9em;
+}
+
+h1.page_header {
+ font-size: 2.5em;
+ border-bottom: 1px solid #ccc;
+ border-left: 10px solid #ccc;
+ padding: 10px;
+ margin-bottom: 50px;
+}
+
+#content {
+ clear: both;
+ margin: 0;
+ padding: 0;
+ background-color: #fff;
+ overflow: hidden;
+}
+
+#nav {
+ background-color: #fff;
+ float: left;
+ margin: 0 1px 0 0;
+ padding: 1em 0;
+ border-right: 1px dotted #ccc;
+ width: 350px;
+}
+
+#nav ul {
+ margin: 0;
+ padding: 0;
+}
+
+#nav li {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+#nav li ul {
+ padding-left: 1.6em !important;
+}
+
+#nav li a {
+ display: block;
+ margin: 0;
+ padding: 0.8ex 2em 0.8ex 1em;
+}
+
+#nav li a.thisPage {
+ color: #222; /*#333;*/
+ font-weight: bold;
+ /*font-style: italic;*/
+}
+
+#main {
+ margin: 0 0 0 350px;
+ padding: 1.5em;
+ max-width: 1000px;
+}
+
+#footer {
+ clear: both;
+ color: #666;
+ border-top: 1px solid #ccc;
+ font-size: 84%;
+ padding: 1em;
+ margin: 0 0 1.5em 0;
+}
+
+.left {
+ float: left;
+ margin: 0;
+ padding: 0;
+}
+
+.right {
+ float: right;
+ margin: 0;
+ padding: 0;
+}
+
+blockquote {
+ background-color: #eee;
+ border-left: 1.5ex solid #ccc;
+ padding: 0.3em ;
+}
+
+pre {
+ background-color: #eee;
+ padding: 0.3em ;
+ border: 1px solid #ccc;
+}
+
+.gallery {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-items: baseline;
+ align-content: space-around;
+}
+
+.gallery_element {
+
+}
+
+.gallery_caption {
+ width: 150px;
+ padding: 10px;
+ margin: 5px;
+ text-align: center;
+}
+
+.gallery_image {
+ background-color: #eee;
+ border: 1px solid #ccc;
+ padding: 10px;
+ margin: 5px;
+ width: 150px;
+ height: 150px;
+ position: relative;
+}
+
+.gallery_image img {
+ max-width: 150px;
+ max-height: 150px;
+ width: auto;
+ height: auto;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+}
+
+/*
+ * Folder Icon - From publicicons.org
+ */
+
+.gallery_dir {
+ background-color: #eee;
+ border: 1px solid #ccc;
+ padding: 10px;
+ margin: 5px;
+ width: 150px;
+ height: 150px;
+ position: relative;
+ /* TODO: This is a placeholder. I probably want to find a representative image from underneath each folder. */
+ background: url('data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbi1mb2xkZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTIwIDEyMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBwb2ludHM9IjEwOCwxMDkuNzUgMTIsMTA5Ljc1IDAsNDkuMDg4IDEyMCw0OS4wODggIi8+DQo8cG9seWdvbiBwb2ludHM9IjE2LjM5MSwxMS4yOTEgNTUuNTQ3LDExLjI5MSA2My4wNjQsNDAuNzUgOC44NzUsNDAuNzUgIi8+DQo8cG9seWdvbiBwb2ludHM9IjExMS4xMjUsNDAuNzUgOC44NzUsNDAuNzUgMTkuMjUsMjQuNjUgMTA3LjEyNSwyNC42NSAiLz4NCjwvc3ZnPg==') no-repeat center center / 75%;
+}
+
+/*
+ * Tables
+ */
+
+table, th, td {
+ border-collapse: collapse;
+ border: 1px solid grey;
+ padding: 5px;
+}
+
+th {background-color: #C2C2C2}
+tr {background-color: #F2F2F2}
+tr:nth-child(even) {background-color: #FFFFFF}
+tr:hover {background-color: #C2C2C2}
+
+