BODY { background-image: url('background.gif')}
BODY { background-color: green }
BODY { color: #FFFF00; }
BODY { margin: 0px; padding: 0px; }


P { font: 700 12pt Arial, Helvetica, sans-serif}
P { color: #FFFF00 }
P { text-align: center}
P { vertical-align: middle}

H1 { font: bold 14px Arial, Helvetica, sans-serif }
H1 { color: red}
H1 { text-align: center}
H1 { vertical-align: middle; }

H2 { font: bold 12px Arial, Helvetica, sans-serif }
H2 { color: red}
H2 { text-align: center}
H2 { vertical-align: middle; }

H4 { font: bold 12px Arial, Helvetica, sans-serif }
H4 { color:green}
H4 { text-align: center}
H4 { vertical-align: top}
H4 { text-decoration: underline} 
h4 { letter-spacing: 0.1cm}
H4 { background-color:yellow}

H5 { font: bold 12pt Arial, Helvetica, sans-serif }
H5 { color:red}
H5 { text-align: center}
H5 { vertical-align: middle}

H6 { font: bold 12pt Arial, Helvetica, sans-serif }
H6 { color:red}
H6 { text-align: center}
H6 { vertical-align: middle}

TH { font-weight: 700}
TH { font: bold 10px Arial, Helvetica, sans-serif; background-color:#00CC00 ; }
td, th { color: #FFFF00 }
td, th { text-align: center; padding: 2px 0px 1px 1px }
td, th { vertical-align: middle}
TD { font: 10px Arial, Helvetica, sans-serif} 

TD.smallfont {font-size:10pt}
TD.tinyfont {font-size:8pt}
TD.PAGEHEAD { font-size: 12px; font-weight: bold;}
TD.SUBPAGEHEAD { font-size: 12px; font-weight: bold; color: red }
TD.PADDED      { padding: .25cm .25cm .25cm .25cm ; }   /* used to give margins round text*/

TD.photo { padding: 10px 0 10px 0;
	font-size: 12px ;
	color: #ffff66;
}
/* For main menu on all pages top & bottom */
TD.menu {
	padding: 1px 1px 1px 1px;
}

TABLE { vertical-align: top; border: medium #FFFF00 groove}
TABLE { text-align: center; margin: 0px ; padding: 0px}
TABLE.PAGEHEAD  { border: none; margin: 0px ; padding: 0px; font-weight: bold ; font-size: 12px; color:yellow}
TABLE.sponsor   { vertical-align: top ; border: medium none; 
					text-align: center; margin: 0px }

MARQUEE { font: bolder 12px Arial, Helvetica, sans-serif}
MARQUEE { color:#006600}
MARQUEE { text-align: center}
MARQUEE { vertical-align: middle; background-color: #FFFF99}

A            { color: white; font-size: 10px }
A:hover      { color: green; background-color:  #FFFF00  }
A.MENU       { font-size: 8px}
A.MENU:hover { color: green; background-color: yellow; text-transform: uppercase  }

.ERRCOLOUR   { color: red}
.HIGHCOLOUR  { color: white }
.INKCOLOUR   { color: YELLOW }
.PAPERCOLOUR { color: GREEN }
.LEFT        { text-align: left }
.RIGHT       { text-align: right }

.LITEFONT { font-weight: 500} 
TD.TITLEHEAD { font: bold 24pt Arial, Helvetica, sans-serif ;
		color: yellow; 
		text-decoration:underline
}
TD.LEFT15        { text-align: left; padding-left:15px }
TD.RIGHT15       { text-align: right; padding-right:15px }

/* for sponsor columns on main index */
TD.sponsormain   { width:15%; vertical-align: top; margin: 0px;display: none; } /* containing TD right and left */
                                                               /* no sponsors on a pda ! */
TD.sponsor 		 { text-align: center; padding: 1px}
TD.sponsorsmall	 { text-align: center; font-size:8pt; padding: 1px}
TH.sponsor 		 { text-align: center; padding: 1px}
/* classes for logos - need to do this way as IE doent render % values properly */
IMG.stmcclogoleft { 
	width: 35px ;
	float:left;
	border:1px solid black; 
	margin:10px 5px 5px 0px ;
}
IMG.cmarklogoright { 
	width: 30px; 
	float:right;
	border:1px solid black; 
	margin:15px 0px 10px 5px;
}
/* classes used in faces.php */
IMG.faces300 { border:thin solid black; height: 100px }
IMG.faces200 { border:thin solid black; height: 68px }
IMG.faces284 { border:thin solid black; height: 76px }
IMG.faces250 { border:thin solid black; height: 84px }


IMG.sponsor150 { width: 50px ; border:none;}
IMG.sponsor120 { width: 40px ; border:none;}
IMG.sponsor100 { width: 33px ; border:none;}
IMG.sponsor80  { width: 27px ; border:none;}