@charset "utf-8";
/* CSS Document */

* {
  margin: 0;
  padding: 0;
} 

html {
  max-width: 950px;
  margin:    0 auto;
}

body {
  font-family: sans-serif;
  overflow-y:  scroll;
}

h1, h2, h3, h4 {
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 6px;
  padding-bottom: 3px;
}

p, pre {
  margin: 0px;
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}

ul {
  padding-left:  35px;
  padding-right:  8px;
  padding-top:    4px;
  padding-bottom: 4px;
}

li {
  padding-left:  10px;
  padding-right:  8px;
  padding-top:    4px;
  padding-bottom: 4px;
}

div {
  border:0px;
  margin:0px;
  padding:0px;
}

table {
  border-collapse: collapse;
}

a {
  text-decoration:none;
  background-color: #ddffff;
}

a:hover {
  color:#ffff00;
  background-color: #0088ff;
}

.boxed {
  border: 1px solid black;
}

.center {
  text-align:center;
}

.right {
  text-align:right;
}

.icon_36 {
  height:36px; 
  width:auto; 
  vertical-align:middle;
  padding:1px;
}

.banner {
  width:100%; 
  height:auto; 
}

.banner_20 {
  width:20%; 
  height:auto; 
}

.icon_15 {
  height:15px; 
  width:auto; 
  vertical-align:middle;
  padding:1px;
}

.icon_20 {
  height:20px; 
  width:auto; 
  vertical-align:middle;
  padding:1px;
}

.icon_24 {
  height:24px; 
  width:auto; 
  vertical-align:middle;
  padding:1px;
}

.icon_32 {
  height:32px; 
  width:auto; 
  vertical-align:middle;
  padding:1px;
}

.icon_48 {
  height:48px; 
  width:auto; 
  vertical-align:middle;
  padding:1px;
}

.grid-container {
  display: grid;
  border-left:  1px solid black;
  border-right: 1px solid black;
  grid-template-columns: 2em 1fr;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas: "Month Walks";
}

.Month { grid-area: Month; 
  border-right:  1px solid black;
  border-bottom: 2px solid black;
}

.Walks { grid-area: Walks; 
  overflow: hidden;
  border-bottom: 1px solid black;
}

.nopad {
  padding:0px;
  border:0px;
  margin:0px;
}

.bb {
  border-bottom: 1px solid black;
}

.si20 {
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

.si40 {
  display: block;
  padding-left: 20px;
  padding-right: 10px;
}

.ind {
    margin-left: 20px;
    text-indent: -20px;
}

.fit {
  width: 100%;
  height: auto;
}

.fit90 {
  transform: rotate(90deg);
  width: 100%;
  height: auto;
}

.highlight {
  background-color: #ffff88;
}

.cancel {
  background-color: #ff0000;
  color: #ffff00;
}

.highgreen {
  background-color: lightgreen;
}

.mono {
  font-family: monospace;
}

table {
  border-collapse: collapse;
  margin: 0px;
}

td {
  border-style:solid;
  border-width: 1px;
  padding: 4px;
  border-color: #B8B8B8;
  vertical-align:top;
  margin: 0px;
}

.map_class {
  max-width:950px; 
  height:550px;
}

.im20 {
  height:20px;
  width:auto;
  vertical-align:middle;
}

@media print {
  div {
    break-inside: avoid;
  }
}

hr {
  border-top: 1px solid black; 
}

.collapsible {
  font-size: 100%;
  border-left:   1px solid black;
  border-top:    1px solid black;
  border-right:  1px solid black;
  border-bottom: none;  
  cursor: pointer;
  padding: 8px;
  width: 100%;
  text-align: left;
}

.active, .collapsible:hover {
  background-color: #bbb;
}

.collapsible:after {
  font-weight: bold;
  font-size: 150%;
  content: '\002B';
  float: right;
  margin-left: 5px;
}

.active:after {
  font-weight: bold;
  font-size: 150%;
  content: "\2212";
}

.content {
  border-left:   1px solid black;
  border-top:    none;
  border-right:  1px solid black;
  border-bottom: none;  
  padding: 0 8px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.news_image_100 {
  width:100%;
  height:auto;
}

.news_image_50 {
  float:right;
  width:50%;
  height:auto;
}

.wrapper {
  max-width: 100%;
  overflow: hidden;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 30s linear infinite;
  scroll
}

@keyframes marquee {
  0% {
    transform: translate3d(20%, 0, 0);
  }
  100% {
    transform: translate3d(-80%, 0, 0);
  }
}