body { font-family: Arial,sans-serif; font-size: 14px; background-color: #ffffcc; }

html {overflow-x:hidden} 

/* html,body { font-family: Arial,sans-serif; font-size: 15px; line-height:1; background-color:#ffffcc; } */

.chart1
{
  font-family: 'Arial', sans-serif;
  font-size: 16px;
  text-align: center;
}
.chart1 td
{
  border-top:2px solid #000000;
  border-left:2px solid #000000;
}
.astro
{
  /* font-family:AstroDotBasic; */
  font-family: 'Segoe UI Symbol';
}
.tblhead { font-size:16px; font-weight:bold; }
.tblrule td { border:1px solid #000000; }

/* Dropdown button */
.menumain .menumainbutton {
  font-family: Arial, sans-serif;
  font-size: 12px; 
  font-weight: bold; 
  color: #ffffff;
  border: none;
  padding: 2px;
  line-height: 0.8;
  outline: none;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0;            /* Important for vertical align on mobile phones */
}

.menumain a {
  font-weight: bold;
  color: #ffffff;
  padding: 2px;
  text-decoration: none;
}


/* Dropdown content (hidden by default) */
.menusub {
  display: none;
  position: absolute;
  background-color: #ccffcc; /* moccasin; peachpuff; */
  z-index: 1;
}

/* Links inside the dropdown */
.menusub a {
  color: black;
  border: 1px solid #000000;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 2px;
}

/* Add background color to dropdown links on hover */
.menusub a:hover {
  background-color: #ffffcc; /* orange, light yellow */
}

/* Show the dropdown menu on hover */
.menumain:hover .menusub {
  display: block;
}

/* Style the caret/arrow */
.caret {
  user-select: none; /* Prevent text selection */
}

/* Build the caret/arrow with unicode and style it */
.caret::before {
  font-size: smaller;
  content: "\25BC";
  color: #ffffff;
  display: inline-block;
}

.tableclass {
  font-size: 12px; 
  line-height: 1;
  background-color: #330099;
  padding: 1px; 
  border-spacing: 0;
}

.tdclass {
  background-color: #4caf50; /* gold; #4caf50; #ffffbb; #ccffcc; */ 
  border: 1px solid #330099;

}

.tdclass:hover {
  background-color: #330099;
}

.flexrow
{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 9px;
  /* align-items: center; */
}

.flexrow > div 
{
/* width: 580px; */
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-top: 9px;
align-content: space-between;
}

.flexcol
{
  display: flex;
  flex-flow: column wrap;
  /* justify-content: center; */
  align-items: center;
}

.flexcol > div 
{
  width: 580px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.1;
  /* padding-top: 9px; */
}

.flexcol > div > ol
{
  line-height: 1;
}

.a5flexrow
{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 9px;
  /* align-items: center; */
}

.a5flexrow > div 
{
/* width: 580px; */
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
padding-top: 9px;
align-content: space-between;
}

.a5flexcol
{
  display: flex;
  flex-flow: column wrap;
  /* justify-content: center; */
  align-items: center;
}

.a5flexcol > div 
{
  /* width: 582px; */
  width: 560pt;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  /* line-height: 1.2; */
  /* padding-top: 9px; */
}

.a5flexcol > div > ol
{
  line-height: 1;
}

.table     { display: table;      }
.tabletr   { display: table-row;  }
.tabletd  { display: table-cell; padding-left: 5px;}
.center { text-align: center; }
.nowrap { white-space: nowrap; }

.hd1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 24px;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

.logo {
  font: 8px Arial, sans-serif;
  text-align: center;
  text-decoration: none;
  color: black;
  /* background-color: #4caf50; */
  background-color: #ccffcc;
  /* font-weight: bold; */
}

.tophead {
  font: 32px Georgia, serif;
  color: #333300;
  font-weight: bold;
}

.pghd1 {
  font: 16px Arial, sans-serif;
  color: purple;
  font-weight: bold;
  text-align: 'center';
}

.pghd2 {
  font: 16px Arial, sans-serif;
  color: purple;
  font-weight: bold;
}

#pgfooter {
  font: 11px Arial, sans-serif;
}  

#pgfooter hr {
  border: 1px solid #4caf50;
  width: 600px;
}

.caption1 {
  font: 14px Arial, sans-serif;
  text-decoration: none;
}

.salelink1 {
  font: 16px Arial, sans-serif;
  text-decoration: none;
  color: red;
}

.col {
  column-gap: 16px; 
  column-rule: 1px solid #cccccc;
  text-align: left;
}

.col2 {
  column-count: 2;
}

.col3 {
  column-count: 3;
}

.col4 {
  column-count: 4;
}

.colall {
  column-span: all;
}

/* Slideshow container */
.slideshow 
{
  /* max-width: 1000px; */
  position: relative;
  margin: auto;
}

.displayno { display: none; }

.displayon { display: block; }

.slidebutton 
{
  /* cursor: pointer; */
  /* width: auto; */
  padding: 2px;
  color: black;
  background-color: orange;
  opacity: 0.7;
  font-size: 16px;
  border-radius: 10% 10% 0 0;
}

.counter 
{
  font-size: 14px;
  color: black;
  text-align: center;
}