.mainlink { font-size: 160%;}

.calendar { padding:3px; position: relative;
  margin: 0.5ex; float: left; 
  background: #ffd7af; border: 1px solid #ff8000; }
.calendar .month {text-align: center; display: block}
.calendar .day {float: left;  width: 1.8em; text-align: right; }
.calendar .hot {background: #ff8000}
.calendar .fair {background: cyan}
.calendar .hol {color: #800000; font-weight: bold;}
.calendar .first { clear: left; }

* { font-family: arial; }

A.nl:link, A.nl:active
{
text-decoration: none;
font-weight: bold;
color: #00a000;
background: transparent;
}

A.nl:visited
{
text-decoration: none;
font-weight: bold;
color: #008000;
background: transparent;
}

A.nl:hover
{
text-decoration: underline;
font-weight: bold;
color: #808080;
background: transparent;
}

body
{
background: white;
}

table.bt td {text-align: center;}
span.bt {font-size: x-large; font-weight: bold;}
a:hover { color: red; text-decoration: underline; }
a { text-decoration: none; }
li a { font-weight: bold; }

.classdate { float: left; width: 6em; text-align: right; display: block; 
  margin-right: 1ex; color: black; font-weight: normal; }
.classttl {float: left; font-weight: bold; color: #00a000; }
.classhead {position: relative; font-weight: bold; padding-top: 1ex; clear: left}

.classhead:hover { text-decoration: underline; color: red; }
.classbody { background: #ffd7af; border: 1px solid #ff8000; clear: left;
  padding: 0.5ex; margin: 0.5ex; margin-left: 4em; }
.classname { font-weight: bold; font-size:125% }
.classtext { font-style: italic; margin: 0.5ex 0ex 0.5ex 0ex;}
.classshow { color: blue; font-size: 60%; font-weight: normal }
.classhide { color: blue; font-size: 60%; font-weight: normal }
.classcost { padding-left: 2ex; }
.classnote { padding-left: 2ex; }