body { color: #333; font-size: 12px; font-family: arial, sans-serif; }
p { }
td { }
a:link { color: #333; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
a:visited { color: #333; font-size: 12px; font-family: arial, sans-serif; text-decoration: none; }
a:hover { color: #333; font-size: 12px; font-family: arial, sans-serif; text-decoration: underline; }
a:active { color: #333; font-size: 12px; font-family: arial, sans-serif; font-weight: bold; text-decoration: none; }
h1 { color: #333; font-size: 16px; font-family: arial, sans-serif; font-weight: bold; }
.footer { color: #333; font-size: 12px; font-family: arial, sans-serif; background-color: #fff; text-align: center; padding-top: 3px; padding-bottom: 3px; border-color: black; border-style: solid; border-width: 1px 2px 2px; }
.header { background-image: url(../media/tea_header.jpg); border-top: 2px solid black; border-right: 2px solid black; border-left: 2px solid black; }
.nav { background-color: #fff; border-right: 2px solid black; border-left: 2px solid black; }
.main { background-color: #fff; padding-top: 25px; padding-bottom: 25px; border-right: 2px solid black; border-left: 2px solid black; }
.left { text-align: center; padding-right: 25px; }
.right { text-align: left; }
h2 { color: #333; font-size: 14px; font-family: arial, sans-serif; font-weight: bold; }