+
+
+/* Side Table of Contents */
+
+ #outer > #toc {
+ position: fixed;
+ top: 35%;
+ left: 0;
+ z-index: 3000;
+ }
+
+ #outer > #toc img {
+ position: fixed;
+ top: 35%;
+ left: 0;
+ background-color: #304b66;
+ padding: 0.5em;
+ z-index: 3000;
+ display: none;
+ }
+
+ #outer > #toc img:hover {
+ cursor: pointer;
+ background-color: #000;
+ }
+
+ #outer > #toc > ul {
+ position: fixed;
+ top: 30%;
+ background-color: #fff;
+ min-height: 200px;
+ max-height: 65%;
+ overflow-y: auto;
+ padding: 0.5em 0;
+ border-top: 1px solid #bbb;
+ border-bottom: 1px solid #bbb;
+ z-index: 3000;
+ }
+ #outer > #toc a {
+ font-size: 1.2em;
+ color: #304b67;
+ text-decoration: none;
+ padding: 0 0.5em;
+ }
+ #outer > #toc a:hover {
+ color: #000;
+ }
+
+ @media all and ( max-width: 640px ){
+ #outer > #toc {
+ display: none;
+ }
+ }