body {
  color:black; 
  background-color: #fffff0; /* #ffe8ff; */
  font-size:140%;
  }

h1,h2,h3,h4,h5 {
  text-align:left; 
  color: #003c00; 
  max-width: 25em;
  margin-bottom: 0.1em;
  scroll-margin-top: 120px;
  }
h1 { max-width: 17em; }
h2 { margin-left: 0.25em; max-width: 20em; }
h3 { margin-left: 0.50em; max-width: 23em; margin-top: 0.8em; }
h4 { margin-left: 0.75em; max-width: 25em; }
h5 { margin-left: 1.00em; max-width: 28em; }
h1 { margin-top: 0.1em; }

p {
  max-width: 30em;
  margin-left: 1em;
  margin-top: 0.5em;
  scroll-margin-top: 50px;
  }

div.home {
  position: sticky;
  top: 0;
  background-color: #fffff0;
  padding-bottom: 0.2em;
  }

p.home {
  max-width: 50em;
  margin-left: 0em;
  margin-top: 0.5em;
  margin-right: 0em;
  margin-bottom: 0.2em;
  font-size: 100%;
  font-family: sans-serif;
  font-weight: 560;
  }

ul {
  padding-left: 0.6em;
  margin-left: 0.6em;
  margin-top: 0.05em; 
  margin-bottom: 0.25em; 
}

ol {
  margin-left: 0.5em;
  
}

li {
  max-width: 28em;
  scroll-margin-top: 50px;
}

img {
  width: 100%;
  margin-left: 0em;
  border: 0;
  margin-bottom: 0em;
  padding-bottom: 0em;
  }  

img.thumb {
  width: 15em;
}

img.logo {
  width: 87px;
}

p.logo {
  width: 77px;
  text-align: center;
  margin-right: 10px;
  font-family: sans-serif;
  font-size:90%;
  font-weight: bold;
  }


div.cite { font-size:35% }
span { 
  scroll-margin-top: 200px;
  }

span.cite { 
  font-size:35%; 
  margin-top: 0em;
  padding-top: 0em;
  scroll-margin-top: 200px;
  }

span.red {
    color: red
    }

span.t {
  font-size:5%; 
  color: #fffff0; 
  }

dl { /* definition list */
 max-width: 30em;
 margin-left: 1em;
}
dt { /* item being defined */
  font-weight: bold;
}
dd { /* definition */
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 0 15px 15px; width: 30em; }
.red {color: red;}

blockquote.document, blockquote.letter {
  margin-left: 1em;
  max-width: 27em;
  background-color: #ffffe0;
  border: 1px solid Black;
  padding: 1em;
}

blockquote.book {
  margin-left: 0.25em;
  max-width: 29.75em;
  background-color: #fffff0;
  background-color: #ffffe0;
  border: 1px solid Black;
  padding-right: 1em;
  padding-left: 0.5em;
}

blockquote.letter {
  font-family: cursive;
  font-style: oblique;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
  }

sub {
  top: 0.4em;
  }

input {
  color:#000000;
  font-size:100%;
  }

table {
  scroll-margin-top: 50px;
  }

td.left {text-align: left; position: relative;}
td.center {text-align: center; position: relative;}
td.right {text-align: right; position: relative;}
table.calendar {
  width:100%; 
  color:black; 
  border: 1px solid black;
  }
col.weekday {
  width:14%;
  }

td,table,tr {
  scroll-margin-top: 50px;
  }
td.today { 
  background-color: white;
  border: 1px solid black;
  vertical-align: top;
  }
td.monthday { 
  border: 1px solid black;
  vertical-align: top;
  }
td.emptyday { 
  }
td.weekday {
  font-size: 170%; 
  text-align:center;
  border: 1px solid black;
  }
td.month {
  font-size:240%; 
  text-align:center;
  border: 1px solid black;
  }
div.date {font-size: 160%; color:#808080;}
div.event {padding-left: 0.5em; text-indent: -0.5em;
  vertical-align: bottom; font-size: 140%; /* color:black ! important */}
div.birthday {padding-left: 0.5em; text-indent: -0.5em;
  vertical-align: bottom; font-size: 140%; color:purple ! important}
div.anniversary {padding-left: 0.5em; text-indent: -0.5em;
  vertical-align: bottom; font-size: 140%; color:green ! important}
div.holiday {padding-left: 0.5em; text-indent: -0.5em;
  vertical-align: bottom; font-size: 140%; /* color:black ! important */}
div.solar {padding-left: 0.5em; text-indent: -0.5em;
  vertical-align: bottom; font-size: 140%; /* color:#E11E3C ! important */}

table.golf {
  text-align: right; 
  position: relative;
  border: 1px solid black;
  }
tr.handicap,td.handicap {
  background-color: #f88;
  }
tr.lyards,td.lyards {
  background-color: #f88;
  }
tr.yards,td.yards {
  background-color: #99f;
  }
tr.par,td.par {
  background-color: #fc8;
  }
tr.tee,td.tee {
  background-color: #cfc;
  }


table.finance {
  text-align: right; 
  position: relative;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: 1px solid Black;
  }


div.snow {
  text-align:right;
  font-size: 135%;
  padding-left: 0.15em;
  padding-right: 0.15em;
  }


table.directory {
    }
td.phone,td.role {
  vertical-align: middle;
  padding-left: 0.25em;
  padding-right: 0.25em;
  }

a.info{
    position:relative; /*this is the key*/
    text-indent:0; padding-left:0; /* fix mess of parent hanging indent */
    color:blue;
    text-decoration: underline;
    z-index:24; /*background-color:#ccc; */
    /* text-decoration:none */}

a.info:hover{z-index:25; 
    /* background-color:#ff8 */}

a.info span{display: none}

a.info:hover span{ 
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:-2em; width:15em;
    border:1px solid #000;
    background-color:#ffb; color:#000;
    text-align: center; /* center */
    padding-left:1em;
    padding-right:0.75em;
    padding-top:0.25em;
    padding-bottom:0.5em;
    margin-left: 2em;
    margin-right: 0em;
    margin-top: 0.5em;
    }

a.typo{
    position:relative; /*this is the key*/
    z-index:24; /* z-index:24; */ /*background-color:#ccc; */
    color:#FF0000;
    text-decoration:underline;
    /* text-decoration:none */}

a.typo:hover{z-index:0 /* 25 */; color:#ffd;
    /* background-color:#ff8 */}

a.typo span{display: none}

a.typo:hover span{ 
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-1px; left:-1px; /* width:180%;*/ /* left:-2em; width:15em; */
    border:1px solid #000;
    background-color:#ffd; color:#0000ff;
    text-align: left; /* center */
    padding-left:0.00em;
    padding-right:0.2em;
    padding-top:0em;
    padding-bottom:0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0em;
    }

a.xtypo:hover span{ 
    /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em;  /* top:-1px; */
    left:0em; width:150%; /* left:-2em; width:15em; */
    border:1px solid #000;
    background-color:#ffd; color:#0000ff;
    text-align: left; /* center */
    padding-left:0.00em;
    padding-right:0.25em;
    padding-top:0.25em;
    padding-bottom:0.50em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0em;
    }

@media print {

  html { 
    background-color: #ffffff; 
    }
  body { 
    font-size: 12pt;  
    background-color: #ffffff;
    }

  a { text-decoration: none; color: #000080; }

  h1 { 
    text-align: center;
    margin-bottom: 2em;
   }

  h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd,pre {
    max-width: 100%;
    color: #000000;
  scroll-margin-top: 100px;
   }

blockquote.document, blockquote.letter {
  margin-left: 0em;
  padding: 1em;
  max-width: 100%;
  background-color: #ffffff;
  border: 1px solid Black;
}

blockquote.book {
  margin-left: 0.00em;
  margin-right: 0.00em;
  padding-right: 1.0em;
  padding-left: 0.5em;
  max-width: 100%;
  background-color: #000000;
  border: 1px solid Black;
}

blockquote.letter {
  font-family: cursive;
  font-style: oblique;
}



  h1, h2, h3, h4, h5 {
    page-break-after: avoid;
  }

  table,tr {
    page-break-inside: avoid;
  }

  p { margin-bottom: 0.1in; 
      direction: ltr; 
      text-align: left; 
      orphans: 2; 
      widows: 2 
  }
  
  p.home {
    display: none;
    }

}

  @page { margin: 0.5in;
  }