/* img.css  */

body {
  color: black;
  font-family: "Noto Sans", verdana, helvetica, sans-serif;
  font-size: 100%;
  text-align: center;
  text-decoration: none;
  background-color: #183539;
  margin: 0;
}

*.block {display: block;} 

div.fixed {position: fixed; width: 100%; max-width: 90vh;  top: 0; line-height: 2.5em; background-color: #183539;}
div.frame {max-width: 90vh; margin: 0 auto;}
div.wide {background-color: #fff; padding: .5em 1.4em 1.4em; margin: 0 auto 2.5em; border-radius: 8px;}

div.c80 {width: 80%; margin: 0 auto;}

img {margin: .8em auto; border-radius: 10px; max-width: 100%;}
img.inline {display: inline; margin: 0;  border-radius: 0;}
img.left {float: left; width: 60%; margin: .5em 2em .5em 0; border-radius: 6px;}
img.right {float: right; width: 60%; margin: .5em 0 .5em 2em; border-radius: 6px;}
img.comright {float: right; border-radius: 0; width: 7%; margin: .3em 0 1em 1em;}
img.logo {display: block; border-radius: 0; width: 110px; margin: 4em auto .1em;}
img.logo-2 {display: inline; border-radius: 0; width: 110px; margin: 4em auto 2em;}
img.logo-3 {display: block; border-radius: 0; width: 160px; margin: 4em auto .1em;}
img.logo-4 {display: block; border-radius: 0; width: 200px; margin: 4em auto .1em;}

.clearfix::after {content: ""; clear: both; display: table;}

*.just {margin: 1em 0; text-align: justify;}
p.date {font-size: .8em; text-align: right; margin: 0;}
p.cap {font-style: italic; margin: 1em 0 2em;}
p.capsmall {font-size: .8em; font-style: italic; margin: 0;}
p.capjust {font-style: italic; margin: 1em 0 2em; text-align: justify;}
p.italic {font-style: italic;}
p.white {color: white; font-weight: bold; margin: 1em 0 2em;}
p.white-4 {color: white; font-weight: bold; margin: 1em 0 4em;}
p.white-just {color: white; font-weight: bold; margin: 1em 0 2em; text-align: justify;}
p.right {text-align: right;}
p.left {text-align: left;}
p.blue {font-size: .9em; color: #058;}
p.blue-just {font-size: .9em; color: #058; text-align: justify;}

p.justwhite {color: white; font-weight: bold; margin: 1em 0 2em; text-align: justify; }
p.small-right {font-size: .7em; text-align: right; margin: 0;}
*.small {font-size: .7em;}
*.green {color: #9ff; font-size:1.1em;}

p.h1 {font-size: 2.4em; font-weight: bold; color: #fff; margin: 1.5em 0 1em;}
p.h12 {font-size: 2.4em; font-weight: bold; color: #fff; margin: 1.5em 0 .3em;}
p.h1 a, p.h12 a {color: #fff;}
p.h1 a:hover, p.h1 a:active, p.h12 a:hover, p.h12 a:active {color: #fff;}
p.h2 {font-size: 2em; font-weight: bold; color: #fff;  margin-bottom: em;}
p.h3 {font-size: 1.7em; font-weight: bold; color: #fff;  margin: 0; }
p.h4 {font-size: 1.4em; font-weight: bold; color: #fff;  margin: 0; }
p.h5 {font-size: 1.2em; font-weight: bold; color: #fff;  margin: 0 auto 1.5em;}
p.h52 {font-size: 1.2em; font-weight: bold; color: #fff;  margin: 0 auto .3em;}

h1 {font-size: 2.4em; color: #008; margin: .2em 0 1em;}
h2 {font-size: 2em; color: #008; margin-bottom: 1em;}
h3 {font-size: 1.7em; color: #008; margin: 0;}
h4 {font-size: 1.4em; color: #008;  margin: 0; }
h5 {font-size: 1.2em; color: #008;  margin: 0 auto 1.8em;}

a {color: #b00; background: transparent; font-weight: bold; text-decoration: none;}
a:hover, a:active {color: #080;}
a.light {color: #dd0;}
a.light:hover, a.light:active {color: #fff; text-decoration: underline;}

table.nav {border: none; width: 100%; margin: 0 auto; font-size: 1.1em;  background-color: #183539;}
table.nav td {width: 20%; padding: 0;}
table a {color: #aa7;}
table a:hover, td.nav a:active {color: #ccc;}

img.bird {width: 100px; margin: 1.5em auto 3em;}