body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  background: white;
  color: blue;
}

h1
{
  text-align: center;
  margin: 8px 0 8px 0;
}

h2
{
  font-size: 14pt;
  font-weight: bold;
  margin: 0 40px 16px 40px;
}

h3
{
  font-size: 12pt;
  font-weight: bold;
  margin: 16px 40px 16px 40px;
}

ul
{
  margin: 0 40px 16px 60px;
}

image
{
  border:none;
}

.main
{
  margin: 0 40px 16px 40px;
}

.direction
{
  font-size: 10pt;
  margin: 0 40px 16px 40px;
}

.caption
{
  text-align: center;
  font-size: 10pt;
  margin: 0 0 24px 0;
  padding: 0;
}

.temp
{
  text-align: center;
  color: red;
  font-size: 8pt;
  margin: 0;
  padding: 0;
}

.links
{
  font-size: 10pt;
}


a:link, a:visited
{
  text-decoration:underline;
  color: blue;
}

a:hover
{
  text-decoration:underline;
  color: red;
}

address
{
  font-style: normal;
//  white-space: pre; - cannot use this because IE ignores it.
}

ul
{
  font-size: 10pt;
}

.image
{
  text-align: center;
  align: center;
}

.menu
{
  color:black;
  text-align:center;
}

.menu a:link, .menu a:hover, .menu a:visited, .menu a:active
{
  text-decoration:none;
  color:black;
}

.buttonup, .buttondn, .buttonlit
{
  background-repeat: no-repeat;
  width:  150px;
  height: 50px;
}

.buttonup
{
  background-image: url(up.png);
  cursor: pointer;
}

.buttondn
{
  background-image: url(down.png);
  font-weight: bold;
  text-transform: uppercase;
}

.buttonlit
{
  background-image: url(lit.png);
  cursor: pointer;
}

.buttongap
{
}