<!-- redefined html tags here -->
a {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000}
a:visited {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000}
a:hover {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; text-decoration: underline;}
p {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
ul {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000}
b { font-weight: bold; }

<!-- custom classes here -->
.pTitle {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #FFCC66; font-weight: bold;} <!-- Page Titles - Red -->
.pHeading {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #666666; font-weight: bold;} <!-- Page Headings - Yellow -->
.pHeadingRed {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #CC0000; font-weight: bold;} <!-- Red Text -->
.highlightRed {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold;} <!-- Red Text -->
.highlightGrey {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; font-weight: bold;} <!-- Grey Text -->
.caption {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: bold;} <!-- Smal Text -->

<!-- form classes here -->
.formText {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; font-weight: bold; } <!-- Red Form Text -->
.textInput { background-color: #666666; color: #FFFFFF;} <!-- Colours for text inputs -->
