* { box-sizing:border-box; }
html, body  { height: 100%; margin:0; padding: 0px; }
body { color: #000; background-color:#fff; font-family: 'Open Sans', sans-serif; font-weight:300; font-size: 200%; }
a { color: #00f; text-decoration: none; }
b {font-weight: bold;}
ul { margin-top: 0px; margin-bottom: 0px; }

h1, .big { text-align: center; font-size: 150%; font-weight: bold; color: #555; margin-top: 0.5em; margin-bottom: 0px; }
h2 { font-size: 110%; font-weight: bold; color: #555; margin-top: 0.3em; margin-bottom: 0px; }

.header  { background-color:#b3d9ff; padding: 9vmin 0.5em; border-bottom: 1px solid #007; border-top: 1px solid #007; }
#top-right { text-align: right; margin-top: -9vmin; }
#top-right a { color: #333; text-decoration: none; font-size: 50%; }
.title { text-align: center; font-weight:bold; font-size: 250%; color: #009; }
.title img { float:none; margin-right: 0em; }
.content { line-height:200%; padding: 2em; }
.img-left { float:left; margin-right: 1em; }
.tool { text-align: center; padding-bottom: 2em; }
.small { font-size: 90%; }
.gray { background-color:#e1e1e1; }
.red { color: #f00; }
.green { color: #090; }
.blue { color: #00f; }
.indent-all { padding: 1em; line-height:150%; }
.indent-left { padding-left: 1em; }
.nobr { white-space: nowrap; }
.map { width: 100%; }

.marker { font-size: 90%; padding: 0.3em; text-align: center; width: 1.5em; }
.screen { margin-bottom: 0.5em; }
.clearfix:after { content: ""; display: table; clear: both; }
.faq-q { font-weight: bold; color: #555; }
.faq-a { margin-left: 2em; margin-bottom: 1em; }

.emo-link { color: #000; border-bottom: 1px solid #00f; }
.square {display: inline-block; width: 1em; height:1em; border: 1px solid #000; margin-left: 1em; }
.map-dark { background-color: #6666ff; }
.map-light { background-color: #9999ff; }
.map-gray { background-color: #dddddd; }
.center { text-align: center; }