body {
  margin: 5px; 
  color: black; 
  background: white;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 85%; 
}

a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  margin: 0;}

a:link {
  color: navy;}

a:visited {
  color: purple;}

a:hover {
  background: #FF6;}

table {
  width: 100%;
  margin: 0;
}

table td {
  padding: 0; 
  border-width: 0; 
  vertical-align: top;
}

table#calendar {
  background: white url(flakes.gif) center repeat;
}

table#calendar tr#days th {
  width: 18%;
}

table#calendar tr#days th.sat, table#calendar tr#days th.sun {
  width: 5%;
}

table#calendar tr#days th {
  color: #CCE; 
  background-color: #557;
  font-weight: bold; 
  text-align: center;
  padding: 1px 0.33em;
}

table#calendar tr#title th {
  background: #9CF;
  border: 1px solid #242;
  font-size: 120%;
}

table#calendar td {
  border: 1px solid gray; 
  border-width: 0 0 1px 1px;
}

td.sat, td.sun {
  background: #DDF;}

table#calendar td.sat {
  border-right: 1px solid gray;}

td.tue, td.thu {
  background: #EEE;}

td#logForm, td#gForm {
  background: #000; 
  padding: 3px; 
  border-width: 1px;
  text-align: center;}

form#formlogin {
  display: inline;}

form#formlogout {
  display: inline;}

form#formgo {
  display: inline;}

form#formdelete {
  display: inline;}

div.event {
  margin: 0.5em;}

div.event span {
  display: block;}

div.reserve {
  margin: 0.5em;
  font-size: 12px;
  font-weight: 500; 
  color: #595;}

span.time {
  font-weight: 500;}

span.loc {
  color: #555; 
  font-style: italic;}

span.loc2 {
  color: #f00; 
  font-style: italic;}

span.login {
  color: #EEE; 
  font-weight: bold;
  font-size: 11px;}

div.date {
  float: right; 
  text-align: center;
  padding: 0.125em 0.25em 0 0.25em; 
  margin: 0;
  color: gray;
  background: transparent;}

div.today {
  color: red; 
  font-weight: bold; 
  background: transparent;}

div.thismonth {
  color: #33C; 
  background: transparent;}