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 36pt Arial, Helvetica, sans-serif }
H1 { color: red}
H1 { text-align: center}
H1 { vertical-align: middle; }

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

H4 { font: bold 14pt Arial, Helvetica, sans-serif }
H4 { color:green}
H4 { text-align: center}
H4 { vertical-align: top}
H4 { text-decoration: underline} 
h4 { letter-spacing: 0.2cm}
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 12pt Arial, Helvetica, sans-serif; background-color:#00CC00 ; }
td, th { color: #FFFF00 }
td, th { text-align: center; padding: 5px 0px 2px 3px }
td, th { vertical-align: middle}
TD { font: bold 16px Arial, Helvetica, sans-serif} 

TD.smallfont {font-size:10pt}
TD.tinyfont {font-size:8pt}
TD.PAGEHEAD { font-size: 36pt; font-weight: bold;}
TD.SUBPAGEHEAD { font-size: 24pt; font-weight: bold }
TD.PADDED      { padding: .5cm 1.5cm .5cm 1.5cm ; }   /* 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: 4px 5px 0px 5px;
}

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: 24px}
TABLE.sponsor   { vertical-align: top ; border: medium none; 
					text-align: center; margin: 0px }

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

A            { color: white; font-size: 12pt }
A:hover      { color: green; background-color:  #FFFF00  }
A.MENU       { font-size: 12px }
A.MENU:hover { color: green; background-color: yellow; }

.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; } /* containing TD right and left */
TD.sponsor 		 { text-align: center; padding: 1px}              /* elements within the containing TD */
TD.sponsorsmall	 { text-align: center; font-size:8pt; padding: 1px}
TH.sponsor 		 { text-align: center; padding: 1px}

IMG.stmcclogoleft { width: 125px ;
	float:left;
	border:1px solid black; 
	margin:25px 0px 15px 25px ;
}
IMG.cmarklogoright { width: 120px; 
	float:right;
	border:1px solid black; 
	margin:35px 25px 15px 0px;
}

/* classes used in faces.php */
IMG.faces300 { border:thin solid black; height: 300px }
IMG.faces200 { border:thin solid black; height: 200px }
IMG.faces284 { border:thin solid black; height: 284px }
IMG.faces250 { border:thin solid black; height: 250px }

IMG.sponsor150 { width: 150px ; border:none }
IMG.sponsor100 { width: 100px ; border:none }
IMG.sponsor120 { width: 120px ; border:none }
IMG.sponsor80  { width:  80px ; border:none }