p, td, th, a.calendar, td.calendar, h1, h2, h3, .header-links a {
  font-family: Tahoma, Helvetica, Arial;  
}

p, td, th {
  font-size: 14px;
  margin: 3px;
}

body, form {
  padding:0; 
  margin:0;
}

div.right_float { 
  float: right; 
  width: 180px; 
} 

li {
  margin-left: 10px; 
  line-height:21px; 
}

ul {
  margin-left: 4px; 
  padding-left: 4px;
}

h1 {
  font-size: 20px; 
  font-weight: normal; 
  margin-left: 0px; 
  margin-top: 4px; 
  padding-left: 0px; 
  margin-bottom: 6px;
}

h2 {
  color: #222222; 
  font-size: 18px; 
  font-weight: normal; 
  margin-left: 0px; 
  padding-left: 0px;
}

h3 {
  font-size: 16px; 
  font-weight: normal; 
  margin-left: 0px; 
  padding-left: 0px;
}

img {
  border:0px;
}

.topline {
  background:#EFEFEF; 
  border-top:1px solid #ACA899;
}

.topline td {
  font-size:10px; 
  white-space:nowrap; 
  padding:4px 4px 6px 4px;
}

.topline td a, .topline a.black {
  color:#000002;
}

.topline td a:hover, .topline a.black:hover {
  color:#333333;
}

.lft_coll {
  padding:5px 0;
}

.right_coll {
  padding:20px 10px 0 14px; 
  font-size:12px;
}

.footer-line {
  background: #840107; 
  padding: 5px 15px;
}

.footer-line .copy {
  font: 11px Tahoma; 
  color: white; 
  padding-right: 0px;
}

.footer-line table td {
  padding-right: 15px;
}

.footer-line a {
  text-transform: uppercase; 
  font: 11px Tahoma; 
  color: white;
}

.footer-counters {
  background: #e1e1e1; 
  padding: 10px 15px; 
  text-align: right;
}

.header-links {
  padding-left: 15px; 
  line-height: 15px;
}

.header-links a {
  color: #840107; 
  font-size: 12px; 
  margin-right: 6px;
}

.header-links a.selected {
  font-weight: bold;
}

.header-section {
  margin-top: 3px; 
  padding-left: 15px; 
  font-size: 12px; 
text-transform: uppercase; 
}

.main-area {
  padding: 5px 15px;
}

.delimiter {}

.blue, .blue:visited, .blue:hover { color: blue; }
.black, .black:visited, .black:hover { color: #000000; }
.green, .green:visited, .green:hover { color: green !important; }
.white, .white * { color: #FFFFFF; }
.lightgray, .lightgray * { color: #999999 !important }
.gray { color: #474747; }
.darkgray { color: #282c2e; }
.upper { text-transform: uppercase;  }
.small, .small * { font-size: 10px !important; }

.statbar td  {color:#1A3DC1; font-size:11px; padding:2px;}

.statbar .delimiter  {margin: 0 3px; font-size: 10px}

.statbar td a.blue {color:#1A3DC1; text-decoration: underline;}
.statbar td a.blue:hover { color:#333333; text-decoration: none;}

.statbar td  h1{ padding:0 0 15px 0; margin:0; font: 18px  Arial, Helvetica, sans-serif;color: #000; line-height: 1em; letter-spacing: -0.4px; color:#1B1B1B;}

/* And so on... */




@media screen and (max-width: 767px) {
  div.right_float { 
    float: none; 
    width: auto; 
  } 

  .topline td {
    font-size:9px; 
    white-space: normal;
  }

  .header-links a {
    font-size: 10px;
  }

  /* Add more media queries as needed */
}

.calendar-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 1px;
    padding: 1em;
    border: 1px solid #DDD;
    border-radius: 5px;
    background: #FFF;
}

.calendar-container > div {
    padding: 0.5em;
    text-align: center;
    background: #F5F5F5;
}

.calendar-container .today {
    background: #FFEB3B;
}

@media screen and (max-width: 600px) {
    .calendar-container {
        grid-template-columns: repeat(7, 1fr);
    }
}