/* px is best for consistency although there may be accessibility issues */
/* text-align only works properly in block elements */

body {background-color: #00F; background-image: url(images/bluetile.jpg); font: 14px verdana,arial,helvetica,sans-serif; color: #000;}
table {background-color: #FFF; text-align:left; vertical-align:top; font: 14px verdana,arial,helvetica,sans-serif; color: #000;}
img {border: none;}

h1 {text-align:left; font: 28px arial,helvetica,sans-serif;}
h2 {text-align:center; font: 24px arial,helvetica,sans-serif;}
h3 {text-align:center; font-size:18px;}
h2.ART {text-align:right; font: 14px verdana,arial,helvetica,sans-serif; color: #CC0033;}

td.COLOUR {background-image: url(images/mediabox.jpg); text-align:center;}
td.TAIL {text-align:right; vertical-align:middle; background-image: url(images/webtail.gif);}
td.QUICK {text-align:left; vertical-align:middle;}
td.AUDIOR {text-align:left; vertical-align:top;}
td.BACKBUTT {text-align:right; vertical-align:top;}
td.TOP {vertical-align:top;}
td.MOV {background-color:#FFF;}
tr.GREY {background-color: #F3F3F3; text-align:center;}

a:link {color: #00F; font-size:12px; text-decoration: underline;}
a:visited {color: #00F; font-size:12px; text-decoration: underline;}
a:hover {color: #F00; font-size:12px; text-decoration: underline;}

a.TEXT:link {color: #00F; font-size:14px; text-decoration: underline;}
a.TEXT:visited {color: #00F; font-size:14px; text-decoration: underline;}
a.TEXT:hover {color: #F00; font-size:14px; text-decoration: underline;}

.ADDRESS {text-align:center; font-size:12px; color:#FFF}
.LINX {text-align:right; font-size:12px; color:#00F}
.QTCAV {text-align:left; font-size:12px; color:#000}
.QTR {text-align:right; font-size:12px; color:#000}
.MEDIA {font-size:24px; color:#FFF}
.BULL {color: #00F; font-size:12px;}
.W14 {color: #FFF; font-size:14px;}
.B14 {color: #00F; font-size:14px;}
.CURRENT {color: #F00; font-size:12px;}