body {
  font-size: 16px;
  font-family: 'Lucida Sans Unicode', Verdana, sans-serif;
  /* text-align: center; */
  margin: 0;
  padding: 0;
  background-color: #ddd;
  }

div#header {
  width: 90%;
  margin: 0 auto;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

div#nav {
  padding: 4px;
  width: 100%;
  background-color: #bbb;
  text-align: center;
}

a.T:link, a.T:visited, a.T:active { font-weight: medium; font-size: .9em; color: #000000; }


div#page {
  margin: 1% auto;
  max-width: 960px;
  width: 96%;
}
  
div.box {
  width: 90%;
  background-color: #fff;
  border: 1px solid #000;
  padding: 1% 2%;
  margin: 4px auto;
}

div.box img {
  width: 30%;
  float: left;
  margin: 4px 1% 1% 1%;
  border: 1px solid #000;
}

p.left {
  text-align: left;
  margin-left: 4px;
}

.A { font-family:'Lucida Sans Unicode',Verdana,sans-serif; font-weight: normal; font-size: .8em; color: #000000; }
.H { font-family: georgia,times,serif; font-weight: bold; font-size: 16pt; color: #336699; }
.L { font-family: georgia,times,serif; font-weight: bold; font-size: 1.4em; color: #000000; display: block; margin-bottom: 4px; }

A:link, A:visited, A:active { font-family: font-family:'Lucida Sans Unicode',Verdana,sans-serif; font-weight: medium; font-size: .7em; color: #000000; }
A.T:link, A.T:visited, A.T:active { font-family: font-family:'Lucida Sans Unicode',Verdana,sans-serif; font-weight: medium; font-size: 0.9em; color: #000000; }
A.U:link, A.U:visited, A.U:active { font-family: font-family:'Lucida Sans Unicode',Verdana,sans-serif; font-weight: medium; font-size: 1em; color: #000000; }
A:hover { color: #0066cc; }