body    { background: #efefef; color: #2b2b2b;
          font-family: Arial, Helvetica, sans-serif;
        }

h1      { display: table; background: #a4c3dc; width: 100%; font-size: 1.7em; text-align: center}
h2      { display: table; background: #a4c3dc; width: 90%; font-size: 1.5em  }
h3      { display: table; background: #a4c3dc; width: 80%; font-size: 1.17em  }

/* I like this better than underlining */
a { text-decoration: none }
a:link { color: #22f }
a:visited { color: #697d68 }
a:active { color: #2b2b2b  }
a:hover { color: #efefef; background: #2b2b2b }

.box     { padding: 1px; border: none; width: 100% }
.box TH  { font-weight: bold; background: #697d87  }
.box TD  { background: #a4c3dc }

.main    { padding : 0 }
.main TD { vertical-align: top }

.news    { padding: 0 }
.news TD { valign: top; font-size: 80% }
.news TD.date { font-weight: bold; white-space: nowrap; }

.navigation P { margin: 0 0 0 15px; padding: 0; text-indent: -5px; font-size: 80% }

.navigation dt {
	font-weight: bold;
}
.navigation dd {
	margin-left: 0;
	padding-left: 1.5ex;
}

.navigation dl {
	margin-top: 0px;
	margin-bottom: 0.5ex;
	font-size: 90%;
}

.navigation a {
 padding-right: 5px;
 display: block;
 padding-left: 5px;
 text-align: left;
 text-decoration: none;
}


IMG { border: none }