html {
  font-size: 100% !important;  /* restores 16px base */
}

a:link {
  color:#2462a5; 
  font-weight: bold;
}

a:visited {
  color:#2462a5;
  font-weight: bold;
}

a:hover { color:#4386ce; }

a:img { border-width:0; }

.align-left {
  text-align: left !important;
  padding-left: 10px;
  vertical-align: top;
  white-space: nowrap;
}

.banner {
  align-items: flex-start;
  background-color: #ccf;
  color: #204063;
  display: flex;
  flex-wrap: nowrap;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  gap: 12px;
  justify-content: flex-start;
  padding: 0 10px;
  width: 100%;
}

.banner-content {
  color: #204063;
  flex: 0 1 auto;
  margin: 0;
  max-width: 960px;
  order: 1;
  padding: 0;
}

.bannerhead {
  display: flex;
  flex-direction: column;
  gap: 8;
  margin-bottom: 10px;
  padding-left: 0;
}

.banner-image {
  flex-shrink: 0;
  order: 2;
  padding: 0;
}

.banner-image img {
  border: 0;
  display: block;
  height: auto;
  max-width: 100px;
}

.bannertitle {
  font-family: "arial black", arial, sans-serif;
  font-size: 24px;
  margin-bottom: 5px;
}

.banner-wrapper {
  background-color: #ccf;
  margin: 0;
  padding: 10px 0 20px;
  position: sticky;
  top: 0;
  z-index: 1000;
}

body {
  background-color: white;
  color: #204063;
  font-family: arial, helvetica, sans-serif; 
  font-size: 14px;
  margin: 0;
  padding: 0 20px;
}

#body.white {
#  background-color: white;
#  color: #204063;
#  font-family: arial, helvetica, sans-serif;
#  font-size: 9px; 
#}

#col.flex { width: auto; }

.copyright {
  background-color: #ccf;
  font-family: arial, times new roman, sans-serif;
  font-size: 8px;
  padding-left:5px;
}

.copyrightpg {
  background-color: white;
  font-family: arial, times new roman, sans-serif;
  font-size: 10px;
}

.date {
  color: #4386ce;
  font-size: 90%;
  margin: 0 0 10px 0;
  text-transform: uppercase;
}

.dropdown-row {
  display: flex;
  gap: 10px;
  margin-left: -8px;
  margin-top: 10px;
  text-align: left;
}

.dropdown-row form { margin: 0; }

.dropdown-row select, 
.dropdown-row option {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  margin: 0;
  width: 120px;
}

.headline {
  color: #204063;
  display: block;
  font-size: 150%;
  line-height: 1.5em;
  margin: 20px 0 0 0;
}

h1.schedhead {
  color: #204063;
  display: block;
  height: 1.5em;
  font-size: 200%;

  line-h3.schedhead {
    color: #204063;
    display: block;
    font-size: 150%;
    line-height: 1.5em;
    margin: 0;
  }

  margin: 0;
}

option {
  background-color: white;
  color:#204063;
  font-family: arial, helvetica, sans-serif;
  font-size: 8px;
}

select {
  font-size: 8px;
  width: 100px;
}

select {
  background-color: white;
  color:#204063;
  font-family: arial, helvetica, sans-serif;
  font-size: 8px;
  max-width: 100%;
  width: 100px;
}

select.big { width: 120px; }
select.other { width: 200px; }

table.basic {
  border-collapse: separate;
  border-spacing: 2px;
  table-layout: auto;
}

table.basic td,
table.basic th {
  color: #204063;
  font-family: Arial, sans-serif;
  font-size: 14px;
  padding: 2px 6px;
  vertical-align: middle;
}

table.basic td:nth-of-type(2),
table.basic th:nth-of-type(2) {
  text-align: left !important;
}

table.basic.with-border,
table.basic.with-border td,
table.basic.with-border th {
  border: 1px solid black;
}

td {
  color: #204063;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
}

td.bcshigh { color: red; }
td.bcslow { color: green; }
td.c { text-align: center; }
td.ch { background-color: lime; }
td.ff { background-color: orange; }

td.headlines {
  background-color: #ccf;
  font-size: 8px;
  padding-left:5px;
}

td.l {
  direction: ltr;
  text-align: left !important;
  padding-left:10px;
}

td.news {
  background-color: white;
  padding: 0 5px 0 5px;
}

td.r { text-align: right; }
td.ru { background-color: yellow; }
td.head { background-color: #a2b5cd; }

td.opp {
  background-color: #ccf;
  text-align: left;
}

td.vc { vertical-align: center; }

td.rgn {
  vertical-align: center;
  width: 2px;
}

td.tight {
  padding: 0 5px;
  vertical-align: top;
  white-space: nowrap;
  width: auto;
}

td.flex {
  padding:0 5px;
  width: auto;
}

.tocfont {
  background-color: #ccf;
  color: #204063;
  font-family: arial, helvetica, sans-serif;
  font-size: 8px;
  padding-left:10px;
}

th {
  color: #204063;
  font-family: arial, helvetica, sans-serif;
  font-size: 14px;
}

th.c { text-align: center; }
th.cal { width: 25px; }

th.l {
  direction: ltr;
  text-align: left !important;
  padding-left:10px;
}

th.r { text-align: right; }
th.space { background-color: white; }

tr.field { background-color: #ccf; }
tr.head { background-color: #a2b5cd; }

ul.ncat {
  list-style-type: none;
  margin: 0;
  padding: 0;
}