body
{
	margin: 0;
	padding: 0;
	text-align: center;
}
#page
{
 width: 933px;
 margin-left: auto;
 margin-right: auto;
 background-color: gray;
}
.f1          { font-size: 8pt; color: black; }
.f2          { font-size: 7pt; color: rgb(220,0,10); }
.f3          { color: blue; font-weight: bold; }
table        { border: 1px solid gray; cellspacing: 0; cellpadding: 0; margin-left: auto; margin-right: auto;  }
/*  Form, button, and button cell */
form         { align: center; margin: 0px; }
.input1      { width: 30px; height: 100%; font-size: 8pt; margin: 0px; background: #FFFBC6; text-align: center;}
.input2      { width: 100%; height: 30px; margin: 0px; background: #FFFBC6; color: black;}
.input3      { width: 100%; height: 100%; margin: 0px; background: #FFFBC6;}
.input4      { width: 175px; height: 30px; margin: 0px; background: #FFFBC6; color: red; }
.input5      { width: 80px; height: 30px; margin: 0px; background: #FFFBC6; }
.input6      { width: 100%; height: 30px; margin: 0px; background: #66FF66; }
.input7      { width: 100%; height: 30px; margin: 0px; background: #FFCC99; }
.butt        { text-align: center; margin-top: 0; margin-bottom: 0; }
.butt1       { width: 175px; height: 30px; border: 1px solid gray; background: aqua; border-left: 2px solid gray; color: black;}
.butt5       { width: 175px; height: 30px; border: 1px solid gray; background: #FFFBC6; border-left: 2px solid gray; text-align: center; }
.butt5:hover { background: #FFFBC6; }
.butt2       { width: 80px; height: 30px; border: 1px solid gray; background: aqua; border-left: 2px solid gray; }
.butt3       { width: 100%; height: 30px; border: 1px solid red; background: red; border-left: 2px solid gray; }
.butt4       { width: 124px; height: 30px; border: 1px solid red; background: red; border-left: 2px solid gray; }
.bndry       { width: 100%; height: 60px; font-size: 14pt; font-weight: bold; text-align: center; }
/* Cell decriptions */
.c1          { width: 50%; height: 35px; padding-bottom: 10px; color: blue; font-weight: bold; padding-right: 0px; padding-left: 0px; border-top: 2px solid black;}
.c2          { width: 50%; height: 35px; color: rgb(230,0,10); padding-bottom: 10px; font-weight: bold; padding-right: 0px; padding-left: 0px; border-top: 2px solid black;}
.c3          { width: 70px; height: 30px; font-size: 10pt; color: black; text-align: left; font-weight: bold; border-top: 1px solid gray; word-wrap : normal ; }
.c4          { width: 80px; height: 30px; font-size: 10pt; color: maroon; text-align: center; font-weight: bold; border-top: 1px solid gray; padding-right: 0px; padding-left: 0px;}
.c5          { width: 30px; height: 30px; font-size: 8pt; color: black; text-align: left; border-top: 1px solid gray;}
.c6          { width: 100px; height: 30px; font-size: 10pt; color: maroon; text-align: center; border-top: 1px solid gray;}
.c7          { width: 60%; height: 20px; padding-bottom: 10px; color: blue; font-weight: bold; }
.c8          { width: 40%; height: 20px; padding-bottom: 10px; color: black; font-weight: bold; }
.c9          { width: 70px; height: 30px; font-size: 10pt; color: maroon; text-align: center; font-weight: bold; border-top: 1px solid gray;}
.c10         { width: 70px; height: 30px; font-size: 10pt; color: black; text-align: left; font-weight: bold; border-top: 1px solid gray; border-left: 1px solid gray; }
.c11         { width: 100%; height 30px; font-size: 10pt; color: black; text-align: left; font-weight: bold; border-top: 1px solid gray; }
.c12         { width: 50%; height: 35px; color: black; padding-bottom: 10px; padding-right: 0px; padding-left: 0px; border-top: 2px solid black; }
.c13         { width: 50%; height: 35px; padding-bottom: 10px; color: blue; font-weight: bold; padding-right: 0px; padding-left: 0px; border-top: 1px solid gray;}
.c14         { width: 50%; height: 35px; color: black; padding-bottom: 10px; padding-right: 0px; padding-left: 0px; border-top: 1px solid gray;}
.p1          { width: 290px; height: 10px; text-align: center; font-size: 12pt; font-weight: normal; border: 2px solid gray; background: #bedfc4; }
.p2          { width: 30px; height: 10px; }
.p3          { width: 320px; height: 200px; }
.p4          { height: 40px; text-align: center; font-size: 12pt; font-weight: normal; border: 0px solid gray; }
.label       { height: 30px; text-align: center; font-size: 12pt; font-weight: bold; border: 2px solid gray; background-color: #8dcff4; }
.desc        { width: 350px; height: 164; text-align: justify; font-size: 12pt; font-weight: normal; border: 2px solid gray; padding: 5px; }
.r1          { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: gray; border-top-width: 0px; }
.pic         { border: 2px solid gray; }
/* Climo page */
.climo1      { width: 100%; height: 40px; border-style: solid; border-width: 2px; border-color: black; font-size: 16pt; color: black; spacing: 0; padding: 0;}
.climo2      { width: 100%; height: 40px; border-style: none; padding: 5px; }
.climotb     { width: 360px; height: 250px; margin-left: auto; margin-right: auto;}
.vid {
  width: 560px;
  height: 480px;
  object-fit: fill;
  padding: 0;
}

/* Banner ticker Code */

.wrap {
  border: solid 1px #f00;
  overflow: hidden;
  height: 30px;
  width: 925px;
  position: relative;
}

.breaking-news-headline {
  text-decoration: none;
  background-color: #fff;
  height: 30px;
  display: block;
  padding-top: 3px;
  font-weight: bold;
}

.breaking-news-title {
  background-color: #ffff00;
  display: block;
  text-decoration: none;
  height: 30px;
  width: 0px;
  text-align: center;
  padding-top: 4px;
  font-weight: bold;
  position: absolute;
  z-index: 10;
}

.marquee {
  margin: 0;
  padding-left: 925px;
  display: inline-block;
  white-space: nowrap;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-duration: 120s;
  animation-iteration-count: infinite;
}

@keyframes marquee {
  from {
    transform: translate(0%);
  }
  99%, to {
    transform: translate(-100%);
  }
}

.video { overflow: hidden; }