﻿#content_inner {height:100%; overflow-x:hidden; overflow-y:auto; margin:0.25rem}
#content_inner h1 {text-align:center; color: #333; margin:0.25rem; font-size: 1.5rem; font-weight: bold}
#content_inner h2 { color: #333; margin:0.25rem; font-size: 1.25rem; font-weight: bold}
#content_inner h3 { color: #333; margin:0.25rem; font-size: 1rem; font-weight: bold}
#content_inner p { color: #000; margin:0.25rem; font-size: 1rem; font-weight: normal}
#content_inner table { margin:0.25rem; border: 0px currentColor; border-image: none; border-collapse: collapse; table-layout: fixed;}
#content_inner td { color: #000; margin:0.25rem; font-size: 1rem; font-weight: normal; vertical-align: top;}
#content_inner ul { margin: 0.25rem 1rem; padding: 0px; list-style-type: circle; list-style-image: url('img/star12.gif'); list-style-position:outside;}
#content_inner li { color: #000; margin: 0.25rem 0.5rem; padding: 0.25rem 0px; font-size: 1rem; font-weight: normal; list-style-type: circle; list-style-image: url('img/star12.gif'); list-style-position:outside;}
#content_inner a { color: #666; margin: 0px; font-size: 1rem; font-weight: normal; text-decoration: none;}

#content {height:100%; width:100%;}
#cr a {margin: 0px; padding: 0px; color: #333; font-family: sans-serif, 'Quicksand'; font-size: 0.75rem; line-height: 0.85rem; text-decoration: none; vertical-align: top}
#cr div {padding: 0px 3px; float: left}
#cr span {margin: 0px; padding: 0px; color: #333; font-family: sans-serif, 'Quicksand'; font-size: 0.75rem; line-height: 0.85rem; text-decoration: none; vertical-align: top}
#cr table {width: 100vw; vertical-align: top; border: 0px none; border-collapse: collapse; margin: 0; padding: 0}
#cr td {margin: 0px; padding: 0px; width: auto; color: #333; font-family: sans-serif, 'Quicksand'; font-size: 0.75rem; line-height: 0.85rem; border: 0px none; color: #333; margin: 0; padding: 2px; text-decoration: none; vertical-align: top}
#cr tr {border: 0px none; margin: 0; padding: 0}
#hamburger {left: 0px; top: 0px; width: 20vw; max-width: 140px; height: 5rem; position:absolute}
#logo {top:0; right: 0; margin: 0; padding: 0; border: 0px none; width: 20vw; max-width: 140px; outline-style: none; position:absolute}
#logo img {top:0; right: 0; margin: 0; padding: 0; border: 0px none; width: 20vw; max-width: 5rem; outline-style: none; float: right}
#menu {position: fixed; top: -200vh; width: 100vw; left: -200vw; opacity: 0; height: 100vh; -ms-overflow-x: hidden; -ms-overflow-y: auto; transition: opacity 0s, left 0s 0.25s, top 0s 0.25s}
#skin {width: 100vw; max-width: 100vw; margin: auto; overflow: visible;}
#skin ul {max-width: 80vw; padding: 0; margin: 0 0 0 3vw; list-style: none}
#skin ul li > a {max-width: 80vw; display: inline-block; font: normal 3.5vh/4.6vh 'Quicksand', sans-serif; color: #333; text-decoration: none}
#skin ul li dl {padding: 0; margin: 0 0 0 3vw}
#skin ul li dl dd {display: none;}
#skin ul li dl dt a {max-width: 80vw; display: inline-block; font: normal 3.5vh/4.6vh 'Quicksand', sans-serif; color: #666; text-decoration: none;}
#title {width: 80vw; margin: auto 0; border: 0px none; top: -5px; left: 10vw; height: 5rem; position:absolute; text-align:center}
#title h1 {font-size: 1.75rem; text-align: center; color: white; text-shadow: 3px 3px 5px rgb(102,102,102); text-align:center}
#toggle {display: block; position: fixed; left: 0.5rem; top: 0.5rem; z-index: 9999; font: normal 2rem/2rem 'Quicksand', sans-serif; padding: 1rem; cursor: pointer; color: #000}
#toggle:after {content: ""; display: block; width: 25px; height: 0; border-top: 4px solid #000; position: absolute; right: 0; top: 11px}
#toggle:before {content: ""; display: block; width: 25px; height: 10px; border-top: 4px solid #000; border-bottom: 4px solid #000; position: absolute; right: 0; top: 4px}
#togglemenu {position: fixed; display: none}
#togglemenu:checked ~ #menu {left: 0; top: 0; opacity: 1; padding-left: 2.5rem; padding-top: 0.5rem; padding-bottom: 0.5rem; background: #47a1ba; z-index: 9998; transition: opacity 0.25s, left 0s, top 0s}
* {margin: 0px; padding: 0px; box-sizing: border-box}
.alleft {text-align: left}
.alright {text-align: right}
.clear {clear: both;}
.cent {text-align: center;}

@media all and (max-width:360px) {html {font-size: 14px; font-weight: normal}}
@media all and (min-width:361px) and (max-width:480px) {html {font-size: 16px; font-weight: normal}}
@media all and (min-width:481px) and (max-width:560px) {html {font-size: 18px; font-weight: normal}}
@media all and (min-width:561px) and (max-width:640px) {html {font-size: 20px; font-weight: normal}}
@media all and (min-width:641px) {html {font-size: 20px; font-weight: normal}}

body {padding: 0; margin: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: white; font-family: 'Quicksand', sans-serif; font-size-adjust: none; font-stretch: normal; overflow:hidden}
footer {width: 100%; height: 3rem; border-top-width: 1px; order: 1}
footer a {color: inherit; text-decoration: none}
footer span {color: #333; padding-left: 20px; font-size: 0.8em}
footer {bottom:0}
header {width: 100%; height: 5rem; border-bottom-width: 1px
background: #47a1ba; /* Old browsers */
background: -moz-linear-gradient(top, #47a1ba 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #47a1ba 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #47a1ba 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}
header a {color: inherit; text-decoration: none}
header h1 {margin: 0px auto; padding: 0.5rem 2.4rem 1rem 2.4rem; font-size: 2rem; font-weight: normal; max-width: 48rem}
header span {color: #333; padding-left: 20px; font-size: 0.8em}
header,footer,main {position:absolute; right:0;left:0;overflow:hidden}
header {top:0}
img {margin:0; padding:0}
main {top:5rem; bottom:3rem}
/* quicksand-regular - latin */
@font-face {
  font-family: 'Quicksand';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('quicksand-v30-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('quicksand-v30-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}