body { 
  color: #000000; 
  background: #cccccc;
  font-family: Arial, Helvetica, sans-serif; 
}

.BB:link { color: red; font-weight: bold; }
.BB:active { color: red; font-weight: bold; }
.BB:visited { color: red; font-weight: bold; }
.BB:hover { color: gold;  font-weight: bold;}

a {text-decoration:none}
a:link { color: #000000; }
a:active { color: #444444; }
a:visited { color: #444444; }
a:hover { color: gold;   }

a.dir { color: #660000; font-weight: bold; }
a.dir:hover { color: gold;  }

#wrapperwrapper { width: 100%; height: 100%; margin: 0 auto;}
#wrapper { width: 90%; height: 100%; }
.navigation { float: left; width: 25%; min-height: 30em; padding: 5px; background:  #ddede0; max-height: 30em;}
.display    { float: left; width: 70%; min-height: 30em; padding: 5px; background: #dedeff; text-align: center; margin: 0 auto; max-height: 30em; }
.subdisplay    { margin: 0 auto; }
.textarea { text-align: left; padding: 25px;}
.caption { text-align: left; }