A:link { text-decoration: underline; color: #000099; }
A:active { text-decoration: underline; color: #000099; }
A:visited { text-decoration: underline; color: #000099; }
A:visited:hover { text-decoration: underline; color: #CCCCFE; }
A:hover { text-decoration: underline; color: #00A651; }

.menu A:link { text-decoration: none; height:2; border-bottom: double #E8E8E8; font-weight: bold; color: #000099; }
.menu A:active { text-decoration: none; height:2; border-bottom: double #E8E8E8; font-weight: bold; color: #000099; }
.menu A:visited { text-decoration: none; height:2; border-bottom: double #E8E8E8; font-weight: bold; color: #000099; }
.menu A:visited:hover { text-decoration: height:2; border-bottom: double #E8E8E8; font-weight: bold; none; color: #CCCCFE; }
.menu A:hover { text-decoration: none; height:2; border-bottom: double #000099; font-weight: bold; color: #9E0B0E; }

body { background: #FFFFFF; margin: 5px; font-size: 10pt; font-family: verdana, arial; color: #000000; }

table, tr, td  { text-decoration: none; font-size: 10pt; font-family: verdana, arial; color: #000000; }

<!-- "class" tag for colored text -->
.darkblue  { color: #000099; }
.darkred { color: #9E0B0E; }
.green { color: #00A651; }
.lightblue { color: #CCCCFE; }

<!-- "id" tag for colored text -->
#darkblue  { color: #000099; }
#darkred { color: #9E0B0E; }
#green { color: #00A651; }
#lightblue { color: #CCCCFE; }

<!-- "class" tag for text size -->
.tiny { font-family: verdana; font-size: 8pt; font-weight: normal; }
.small { font-family: verdana; font-size: 10pt; font-weight: bold; }
.medium { font-family: verdana; font-size: 14pt; font-weight: normal; }
.large { font-family: verdana; font-size: 16pt; font-weight: bold; }

<!-- "id" tag for text size -->
#tiny { font-family: verdana; font-size: 8pt; font-weight: normal; }
#small { font-family: verdana; font-size: 10pt; font-weight: bold; }
#medium { font-family: verdana; font-size: 14pt; font-weight: normal; }
#large { font-family: verdana; font-size: 16pt; font-weight: bold; }