body {
    font-family: Times New Roman, Times, serif;
    font-size: 14px;
    color: #669999;
}

.tiny {  font-size: 10px; color: #336666 }
.main {  font-size: 14px; color: #669999 }
.credit {  font-size: 12px; color: #336666 }
.title1 { font-size: 16px; color: #336666; font-weight: bold; line-height: 20px }
.title2 { font-size: 20px; color: #336666; font-weight: bold; line-height: 22px }
.boxtitle { font-size: 20px; color: #ffe0d2; font-weight: bold }
a.menu:link, a.menu:visited, a.menu:active {text-decoration: none}
a:link:hover, a.menu:active {color: #ff6600; text-decoration: none}

.timetable {  font-family: Arial; font-size: 10px; color: #006633 }

.menu { font-size: 14px; color: #669999; line-height: 20px }
a.menu:link, a.menu:visited, a.menu:active {text-decoration: none}
a.menu:hover {color: #ff6600}

.menuB { font-size: 14px; color: #336666; font-weight: bold }
a.menuB:link, a.menuB:visited, a.menuB:active {text-decoration: none}
a.menuB:hover {color: #ff6600}

.menuC { font-size: 14px; color: #336666; font-weight: bold; line-height: 20px  }
a.menuC:link, a.menuC:visited, a.menuC:active {text-decoration: none}
a.menuC:hover {color: #ff6600}

.menuI { font-size: 14px; color: #336666; font-weight: bold; line-height: 20px  }
a.menuI:link, a.menuI:visited, a.menuI:active {text-decoration: none}
a.menuI:hover {color: #ff6600}

.menuJ { font-size: 12px; color: #336666; font-weight: bold; line-height: 12px  }
a.menuJ:link, a.menuJ:visited, a.menuJ:active {text-decoration: none}
a.menuJ:hover {color: #ffffff}

.left {  float: left}
.right {  float: right}

.box {
    border: 2px solid #336666;
    padding: 10px;
    margin: 10px 0px 0px 0px;
    background-image: url('../graphics/smear.jpg');
}