BODY { 
background-color: rgb(0,0,0);
color: rgb(255,255,255);
/* background-image: url("images/ballbackh.jpg");
background-repeat: repeat; */
/* background-attachment: fixed; */
}


A, H1,H2, H3, P, UL, DIV {
font-family: Arial, sans-serif;
color: rgb(255,255,255);
/*font-family: Comic Sans MS, Impact Garamond, verdana, sans-serif;*/
}

OL,TD,TH,H4,H5,DL {
font-family: Arial, sans-serif;
color: rgb(255,255,255);
}

TD, TH {
font-size: 12pt;
}

H1{
font-size: 16pt;
color: rgb(255,50,50);
font-weight: bold;
text-align: center;
}
H2 {
font-size: 14pt;
font-weight: bold;
color: rgb(255,50,50);
text-align: center;
}
H3 {
font-size: 12pt;
font-weight: normal;
text-align: center;
}

P {
font-size: 12pt;
font-weight: normal;
text-align: justify;
margin-left: 5%;
margin-right: 5%;
}

P.comment {
font-size: 10pt;
font-weight: normal;
font-style: italic;
text-align: center;
margin-left: 5%;
margin-right: 5%;
}

P.splash {
font-size: 16pt;
color: rgb(255,50,50);
font-weight: bold;
font-style: italic;
text-align: center;
}

P.footer {
font-size: 12pt;
color: rgb(255,255,255);
font-weight: normal;
margin-left: 5%;
margin-right: 5%;
}

SPAN.emphasised {
font-size: larger;
font-weight: bold;
color: rgb(255,50,50);
}

TD.small {
font-size: smaller;
font-weight: normal;
color: rgb(255,255,255);
}


SPAN.white {
color: rgb(255,255,255);
}


SPAN.signature {
font-style: italic;
font-weight: bold;
color: rgb(255,50,50);
position: relative;
float: right;
bottom: 0px; /* Not ideal but it works! Originally 18px but this positioned on the line above. */
}

UL,OL {
font-size: 12pt;
color: rgb(255,50,50);
text-weight: normal;
text-align: left;
margin-left: 1em;
margin-right: 0;
padding-left: 6px;
}
A:link  {
font-size: 12pt;
color: rgb(255,255,255);
text-decoration: underline;
}
A:visited  {
font-size: 12pt;
color: rgb(255,255,255);
text-decoration: underline;
}

/* The Menu list */
TD.menu {
font-family: Comic Sans MS, Impact Garamond, verdana, sans-serif;
font-size: 16pt;
}

A.menu, A.menu:link, A.menu:visited {
font-size: 14pt;
color: rgb(255,255,255);
text-decoration: none;
}

/* An inline link - inherit (nearly) everything! */
A.inline, A.inline:link, A.inline:visited {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: inherit;
text-decoration: underline;
}

/* An inline link - inherit (nearly) everything! */
A.h2, A.h2:link, A.h2:visited {
font-size: 14pt;
font-weight: normal;
text-decoration: underline;
}

A.h2:visited {
font-size: 14pt;
color: rgb(255,50,50);
font-weight: normal;
text-decoration: underline;
}

/* An inline red link - inherit (nearly) everything! */
A.red, A.red:link, A.red:visited {
font-family: inherit;
font-size: inherit;
font-weight: inherit;
color: rgb(255,50,50);
text-decoration: underline;
}

/* The alternative horizontal navigation bar */
P.navbar, A.navbar, A.navbar:link, A.navbar:visited, .navbar {
font-size: 8pt;
font-weight: normal;
text-decoration: none;
} 

/* Boxes */
.box {
position: absolute;
border-style: solid;
border-width: 1px;
border-color: rgb(255,50,50);
padding: 10px;
}

/* Layout DIVs */
DIV#main {
position: relative;
width: 640px;
margin: 0 auto;
border-style: solid; /* borders for debugging only */ 
border-width:  0px;
border-color: red;
}

DIV#header {
position: relative;
height: 270px;
border-style: dashed; /* borders for debugging only */ 
border-width:  0px;
border-color: red;
}

DIV#header-left {
float: left;
width: 450px;
border-style: solid; /* borders for debugging only */ 
border-width:  0px;
border-color: green;
}

DIV#logo {
height: 110px;
border-style: solid; /* borders for debugging only */ 
border-width:  0px;
border-color: yellow;
}

DIV#navbar {
width: 450px;
height: 55px;
border-style: dashed; /* borders for debugging only */ 
border-width:  0px;
border-color: blue;
}

DIV#main-heading {
width: 450px;
font-weight: bold;
color: rgb(255,50,50);
text-align: center;
font-family: Arial, sans-serif;
border-width:  0px; /* borders for debugging only */ 
border-style: solid;
border-color: orange;
}

DIV#header-right {
position: relative;
float: right;
top: 20px;
width: 177px;
height: 220px;
border-width: 1px;
border-style: solid;
border-color: white;
}

DIV#content {
position: relative;
border-style: dashed; /* borders for debugging only */ 
border-width:  0px;
border-color: red;
}

DIV#footer {
position: relative;
height: 80px;
border-style: dashed; /* borders for debugging only */ 
border-width:  0px;
border-color: red;
}

DIV#footer-left {
float: left;
width: 450px;
border-style: solid; /* borders for debugging only */ 
border-width:  0px;
border-color: green;
}

DIV#footer-right {
position: relative;
float: right;
width: 177px;
border-width:  0px; /* borders for debugging only */ 
border-style: solid;
border-color: white;
}