body {margin:0; padding:0; background-color:#CCCCCC; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 1.0em; color:#FFFFFF;}
.ti {font-size: 1.6em; font-weight:bold; text-align:center;}
.h {font-size: 2.4em; text-align:center; padding-top:5px;}
.h2 {font-size: 1.3em; text-align:center;}
.t2 {text-align: left; color:#FFFFFF; line-height: 180%;}
.ts {font-size: 0.8em; text-align: left;}

div.m {width: 100%; background-color:#666666;}
ul.m {padding:0; list-style-type:none; background-color:#666666; margin: 0; overflow: hidden;}
ul.m li {float:left;  padding:3px;  margin:0px;  list-style-type:none; border-width:0px; border-color:#000000; border-style:none;}
ul.m li.icon {display: none;}
ul.m li a {font-size: 0.8em; text-decoration:none; display: block; text-align: center; padding: 5px;}
ul.m li a:link {font-weight:bold;}
ul.m li a:visited {font-weight:normal;}
ul.m li a:hover {font-weight:bold; background-color:#999999}
ul.m li a:active {font-weight:bold; text-decoration:underline overline;}

a {font-weight:normal; color:#FFFFFF;}

textarea { font-family: inherit; font-size: inherit;}

.w {padding: 10px;}
.bg {background-color:#000066;}
.it {margin:5px; padding: 5px; border-style: solid; border-width: 1px; border-color:#FFFFFF;}
.it2 {margin:5px; padding: 5px; border-style: solid; border-width: 1px; border-color:#FFFFFF;}
.it3l {margin:5px; padding: 5px; border-style: solid; border-width: 1px; border-color:#FFFFFF; width: 20em; float:left;}
.itn {margin:5px; padding: 5px; border-style: none;}
.c-p {padding:5px;}
.c-t {width: calc(100% - 20px); padding: 10px; }
.o{ margin-top: 10px; padding: 10px;}
.f { padding: 5px;}
.fi {margin:5px; float:left; }
.c {align: center; clear: both; padding-top: 1em;}
.hdr {width:100%; height: 0; background-repeat: no-repeat; background-size: contain;}
.b {clear:both;}
.b2 {clear:both; padding: 10px;}
.o1{ margin-top: 10px; padding: 10px;}
.f1{ padding: 10px;}
.o2{ padding: 10px;}
.f2{ padding: 10px;}

img.big {max-width: calc(100% - 20px);}
img.displayed {display: block; margin-left: auto; margin-right: auto;}

@media screen and (max-width: 739px) {
 ul.m {width: 450px;}
}

 @media screen and (max-width: 550px) {
 .hdr {background-image: url("/WebHeaderL.jpg"); padding-top: 24.8%;}
 .o {clear: both;}
 
  ul.m {width: 100%;} 
  ul.m li:not(:first-child) {display: none;}
  ul.m li.icon {float: right; display: inline-block;}
  ul.m.r {position: relative;}
  ul.m.r li.icon {position: absolute; right: 0; top: 0;}
  ul.m.r li {float: none; display: inline; padding: 0;}
  ul.m.r li a {display: block; text-align: left; padding: 1;}
}
 @media screen and (min-width: 551px) {
 .hdr {background-image: url("/WebHeader.jpg"); padding-top: 12.75%;}
 .it{ padding-right: 240px;}
 .itn{ padding-right: 240px;}
 .c-p {width: 210px;  float:right;  margin-right: -230px;  padding-top: 2.0em;}
 .o {float: left; width: 230px;}
 .f {width: 270px;  float:right; padding-top: 2.0em;}
 .o1 {float: left; width: 230px;}
 .f1 {width: calc(100% - 270px);  float:right; padding-top: 2.0em;}
 .o2{float: left; width: 5em;}
 .f2 {width: calc(100% - 8em); float:right;}
}

@media screen and (min-width: 740px) {
body {width: 720px;  margin: auto;}
ul.m {width: 100%;}
}