html { margin-top: 10px; /* height: 100%; */ }

body { 
  font-family: Arial,"Times New Roman",Helvetica,sans-serif;
  /* background-color: rgb(255,255,255); 
  color: rgb(0,0,0); */
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

table.page {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  border: 0;
  text-align: center;
}

h1 { text-align: center; padding: 0; margin: 0; margin-bottom: 8px; }
h1 b { color: firebrick; }

table.page tr td img { border: 1px solid firebrick; }
#menu { border: 0; font-size: 15pt; height: 5%; }
.area { vertical-align: top; text-align: center; }
.down { margin-top: 80px; }
.downabit { margin-top: 40px; }
.smaller { font-size: 9pt; text-align: center; font-style: italic; }

.text {
  border: 1px solid firebrick;
  padding: 25px;
  padding-top: 0;
  width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div#home { display: none; }
div#about { display: none; }
div#gallery { display: none; }
div#g1 { display: none; }
div#g2 { display: none; }
div#g3 { display: none; }
div#g4 { display: none; }
div#g5 { display: none; }
div#g6 { display: none; }
div#g7 { display: none; }
div#g8 { display: none; }
div#g9 { display: none; }
div#music { display: none; }
div#links { display: none; }
div#contact { display: none; }

A:link    { text-decoration: underline; color: rgb(40,40,40); }
A:active  { text-decoration: none; color: firebrick; background-color: white; border: 1px solid black; }
A:hover   { text-decoration: underline; color: white; background: firebrick; }
A:hover .first { color: black; }
div#home P IMG { border: 0; }

.first { color: firebrick; }
td#menu A { padding: 2px 8px 2px 8px; border: 1px dashed white; }
td#menu A:active { text-decoration: none; color: firebrick; background-color: white; border: 1px solid black; }
td#menu A:hover  { padding: 2px 8px 2px 8px; border: 1px dotted white; }

div#gallery span A:active  { text-decoration: none; color: firebrick; background-color: white; border: 1px solid black; }

div A { padding: 2px 8px 2px 8px; border: 1px dashed white; }
div A:hover { padding: 2px 8px 2px 8px; border: 1px dotted white; }

div#contact .first { font-size: 110%; }

ol { text-align: left; }

div ol { 
  width: 300px; 
  border: 0;
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  list-style-type: none;
}

div ol li { width: 400px; line-height: 200%; }
div ol li A { padding: 2px 8px 2px 8px; }
div ol li A:hover .duration { color: white; }
div ol li A:active { text-decoration: none; color: firebrick; background-color: white; border: 1px solid black; }
.duration { color: firebrick; }

div.footer { 
  font-size: 70%;
  position: fixed; 
  bottom: 0; 
  font-family: Tahoma,sans-serif,Arial,"Times New Roman",Helvetica;
  font-weight: bold;
  text-align: left;
  padding-left: 30px;
  padding-bottom: 10px;
}