Basic CSS formatting

Here are some simple text formatting and general theme colours.

Default text settings used on all pages that aren't defined by other CSS and text within tables. Font set to Georgia, if Georgia is not avaliable Times New Roman is used. Text size is 14px and is black.

body,td,th {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 14px;
color: #000000;
}

Settings for the page layout. Background is set to white, no margins.

body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

Links, all links unless stated elsewhere use the Georgia font with font size of 12px and the font is green.

a {
font-family: Georgia, Times New Roman, Times, serif;
font-size: 12px;
color: #009900;
}

This means a link isn't underlined

a:link {
text-decoration: none;
}

If the link has been visited before it will be a different shade of green and not be underlined, but use the same settings as a

a:visited {
text-decoration: none;
color: #009933;
}

This is the rollover effect, this will underline it and give it a blue colour.

a:hover {
text-decoration: underline;
color: #999933;
}

When you click it or when it is selected, this will turn it red without an underline

a:active {
text-decoration: none;
color: #FF0000;
}

This sets all the headings to use the Verdana font if avaliable, if not use Arial

h1,h2,h3,h4,h5,h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

Heading 1, uses a font size of 18px and sets to a dark grey.

h1 {
font-size: 18px;
color: #333333;
}

Heading 2, set to 16px and blue. Heading 2 is also bold.

h2 {
font-size: 16px;
color: #003399;
font-weight: bold;
}

Heading 3, 16px font, blue.

h3 {
font-size: 16px;
color: #336699;
}

Heading 4, font size 14px, red.

h4 {
font-size: 14px;
color: #990000;
}

Heading 5, font size 14px, light blue.

h5 {
font-size: 14px;
color: #6699cc;
}

Heading 6, font size 12px and set to light grey.

h6 {
font-size: 12px;
color: #CCCCCC;
}