.s0{ font-weight:bold; margin-top: 0; margin-bottom: 0; margin-left: 0.5em; } .s1{ margin-top: 0; margin-bottom: 0; margin-left: 2.5em; } .s2{ margin-top: 0; margin-bottom: 0; margin-left: 4.5em; } .b{ font-weight:bold; } .rb{ color:red; font-weight:bold; } BODY { font-family:"Century Gothic",sans-serif; background-color: #e8e4d9; color: black; font-size: 100%; } a{ text-decoration: none; } a:hover{ text-decoration: underline; background-color: #86a1ce; } .topname a{ color: white; } .topname a:hover{ text-decoration: none; background-color: #86a1ce; } .center{ text-align: center; } table.center{ margin-left: auto; margin-right: auto; } .red{ color: #FF0000; } ol { counter-reset: item; } ol li { display: block; text-indent: -1em; } ol li:before { content: counters(item,".") " "; counter-increment: item; } DIV.navbottom { margin-top: 10px; text-align: center; } DIV.navbottom a:hover{ text-decoration: none; background-color: transparent; } div.topname{ color: white; text-align: left; font-size: 200%; } td a:hover{ text-decoration: none; background-color: transparent; } table.glance td { background-color: #e8e4c9; border: 1px black solid; padding-right: 2px; padding-left: 2px; padding-top: 4px; padding-bottom: 4px } table.glance tr:nth-child(1) td{ background-color: #e8d4d9; } table.glance td { } h3 span.arrow { float: right; } @media screen { div.container { margin: auto; width: 800px; } div.topimage { margin-top: 0px; text-align: center; background-position: center 40%; background-image: url("images/119_original.jpg"); background-size: 800px; height: 260px; } div.main { margin-left: 190px; } div.navbar { font-size: 95%; position: absolute; top: 280px; width: 180px; height: auto; background-color: #f4f2f2; } h1 { margin-top: 5%; font-size:xx-large; text-align:right; } h2 { font-size : medium; margin-top: 20px; margin-left: 0px; padding: 0.5em; border-width: 0em 0em 0.2em 30px; border-style: solid; border-color: #931b1c; color: #FFFFFF; background: #aa4646; } ul.navi { padding: 0em 1.0em 0em 1.4em; } ul.navi li { padding: 0.2em 0em 0.2em 0em; } ul.navi li:nth-child(odd) { background-color: #e0e0e0; } ul.navi li:nth-child(even) { background-color: transparent; } table.sparse tr td{ padding-top: 6px; padding-bottom: 6px } } @media screen and (max-width:480px) { div.container { margin: auto; width: auto; } div.topimage { display: none; } div.main { margin-left: auto; } div.navbar { font-size: 100%; position: static; margin-top: 20px; padding: 0 0 0 0; width: 100%; height: auto; background-color: #ffffff; } h1 { font-size:xx-large; } h2 { font-size : medium; padding: 0.5em; border-width: 0em 0em 0.1em 0.1em; border-style: solid; } ul{ padding: 0 0 0 0; height: 200%; } ul.navi{ padding: 0em 0em 0em 0em; } ul.navi li { padding: 1em 1em 1em 1em; display: block; } ul.navi li:nth-child(odd) { background-color: #cccccc; } ul.navi li:nth-child(even) { background-color: transparent; } table.sparse tr td{ padding-top: 3px; padding-bottom: 3px } } @media print{ div.topimage { display: none; } div.main { } div.navbar { display: none; } h1 { font-size:xx-large; } h2 { font-size : medium; padding: 0.5em; border-width: 0em 0em 0.1em 0.1em; border-style: solid; } } img { border:none; } img.logo { border:none; margin: 5px 0px 5px 0px; }