a:link
{
	color: rgb(255,100,100); 
}
a:visited
{
	color: rgb(255,125,0); 

} 
a:active 
{
	color: rgb(255,55,255);
}
body
{
	font-family: "MS Sans", Arial, Times;
	background-color: rgb(218,255,218);
	color: rgb(0,0,128);
	font-size:11;
}
table
{
	table-border-color-light: rgb(202,203,215);
	table-border-color-dark: rgb(190,190,192); 
	background-color: rgb(255,255,255);
	font-family: "MS Sans";
	font-size: 12;
}

h1, h2, h3, h4, h5, h6
{
	font-family: Arial, "Sans Serif", Times;
}
h1
{
	color: rgb(0,0,255);
}
h2
{
	color: rgb(255,51,151); 
}
h3
{
	color: rgb(204,0,0); 
}
h4
{
	color: rgb(128,0,204);
}
h5
{
	color: rgb(108,108,108);
}
h6
{
	color: rgb(255,0,0);
}
SPAN.STDBODY{FONT-FAMILY:MS Sans Serif,cursive;FONT-SIZE:9pt;COLOR:#000080;FONT-WEIGHT:400;VALIGN:centre;}
		<!-- use <span class=junhead> text dived up </span>{  }
<!-- fun is for text which is effectively content which may need to make things a bit less serious, a fun font and light weight both in bold and colour{  }
DIV.FUN{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:24pt;COLOR:#3A8BE4;FONT-WEIGHT:600}
		<!-- use <div class=yun> text dived up </div>{  }
DIV.FUNHEAD{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:24pt;COLOR:#3A8BE4;FONT-WEIGHT:600;background-color:rgb(160,239,174)}
		<!-- use <div class=funhead> text dived up </div>{  }
SPAN.SUBHEAD{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:16pt;COLOR:#3A8BE4;FONT-WEIGHT:600;background-color: #B4CCCD}
		<!-- use <span class=subhead> text dived up </span>{  }
SPAN.MAINHEAD{FONT-FAMILY:"Arial",cursive;FONT-SIZE:24pt;COLOR:#FFFFFF;FONT-WEIGHT:700;background-color: #8388FF}
		<!-- use <span class=subhead> text dived up </span>{  }	
SPAN.MAINTAIL{FONT-FAMILY:"Arial",cursive;FONT-SIZE:18pt;COLOR:#FFFFFF;FONT-WEIGHT:600;background-color: #A388CC}
		<!-- use <span class=subhead> text dived up </span>{  }
SPAN.COLHEAD{FONT-FAMILY:"Arial",cursive;FONT-SIZE:18pt;COLOR:#000000;FONT-WEIGHT:600;background-color: #B38DB4}
		<!-- use <span class=subhead> text dived up </span>{  }	
SPAN.COLTAIL{FONT-FAMILY:"Arial",cursive;FONT-SIZE:16pt;COLOR:#FFFFFF;FONT-WEIGHT:600;background-color: #CA33FF}
		<!-- use <span class=subhead> text dived up </span>{  }	
SPAN.COL1FRONT{FONT-FAMILY:"Arial",cursive;FONT-SIZE:12pt;COLOR:#000000;FONT-WEIGHT:600;background-color: #B38DB4}
		<!-- use <span class=subhead> text dived up </span>{  }	
SPAN.COL1BACK{FONT-FAMILY:"Arial",cursive;FONT-SIZE:9pt;COLOR:#0000FF;FONT-WEIGHT:600;background-color: #A0EFAE}
		<!-- use <span class=subhead> text dived up </span>{  }
SPAN.COL2FRONT{FONT-FAMILY:"Arial",cursive;FONT-SIZE:12pt;COLOR:#000000;FONT-WEIGHT:600;background-color: #B38DB4}
		<!-- use <span class=subhead> text dived up </span>{  }	
SPAN.COL2BACK{FONT-FAMILY:"Arial",cursive;FONT-SIZE:9pt;COLOR:#0000FF;FONT-WEIGHT:600;background-color: #B3FF88}
		<!-- use <span class=subhead> text dived up </span>{  }		
SPAN.COL3FRONT{FONT-FAMILY:"Arial",cursive;FONT-SIZE:12pt;COLOR:#000000;FONT-WEIGHT:600;background-color: #B38DB4}
		<!-- use <span class=subhead> text dived up </span>{  }	
SPAN.COL3BACK{FONT-FAMILY:"Arial",cursive;FONT-SIZE:9pt;COLOR:#0000FF;FONT-WEIGHT:600;background-color: #C688FF}
		<!-- use <span class=subhead> text dived up </span>{  }				
SPAN.PURPHEAD{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:12pt;COLOR:#FFFF00;FONT-WEIGHT:600;background-color: #CC99FF}
		<!-- use <span class=purphead> text dived up </span>{  }
SPAN.ORANHEAD{FONT-FAMILY:"Arial",cursive;FONT-SIZE:12pt;COLOR:#FF491C;FONT-WEIGHT:600;background-color: #6A8BC8}
		<!-- use <span class=oranhead> text dived up </span>{  }
SPAN.PURPSUB{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:8pt;COLOR:#800080;FONT-WEIGHT:600;background-color: #B4CCCD}
		<!-- use <span class=purpsub> text dived up </span>{  }
SPAN.GREYSUB{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:8pt;COLOR:silver;FONT-WEIGHT:600}
		<!-- use <span class=greysub> text dived up </span>{  }
SPAN.JUNHEAD{FONT-FAMILY:Arial,cursive;FONT-SIZE:10pt;COLOR:blue;FONT-WEIGHT:600;}
		<!-- use <span class=junhead> text dived up </span>{  }
SPAN.JUNBODY{FONT-FAMILY:Arial,cursive;FONT-SIZE:10pt;COLOR:purple;FONT-WEIGHT:500;VALIGN:centre;}
		<!-- use <span class=junhead> text dived up </span>{  }
SPAN.JUNLINK{FONT-FAMILY:Arial,cursive;FONT-SIZE:7pt;COLOR:maroon;FONT-WEIGHT:500;VALIGN:centre;}
		<!-- use <span class=junlink> text dived up </span>{  }
SPAN.PREMBODY{FONT-FAMILY:Arial,cursive;FONT-SIZE:14pt;COLOR:purple;FONT-WEIGHT:500;VALIGN:centre;}
		<!-- use <span class=prembody> text dived up </span>{  }
SPAN.SUBLINK{FONT-FAMILY:Arial,cursive;FONT-SIZE:7pt;COLOR:purple;FONT-WEIGHT:400;VALIGN:centre;}
		<!-- use <span class=sublink> text dived up </span>{  }
SPAN.JUNHIGH{
	FONT-FAMILY:Arial,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:red;
	FONT-WEIGHT:600;
	background-color:rgb(165,200,220);
	table-border-color-light: rgb(145,200,255);
	table-border-color-dark: rgb(0,0,45); }
		<!-- use <span class=junhigh> text dived up </span>{  }
SPAN.JUNVHIGH{
	FONT-FAMILY:Arial,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:maroon;
	FONT-WEIGHT:700;
	background-color:rgb(192,218,220);}
		<!-- use <span class=junhigh> text dived up </span>{  }
SPAN.GWHIGH{
	FONT-FAMILY:MS Sans Serif,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:white;
	FONT-WEIGHT:600;
	background-color:rgb(196,186,198);
	table-border-color-light: rgb(145,200,255);
	table-border-color-dark: rgb(0,0,45); }
		<!-- use <span class=gwhigh> text dived up </span>{  }
SPAN.BWHIGH{
	FONT-FAMILY:MS Sans Serif,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:black;
	FONT-WEIGHT:600;
	background-color:rgb(255,255,255);
	table-border-color-light: rgb(145,200,255);
	table-border-color-dark: rgb(0,0,45); }
		<!-- use <span class=bwhigh> text dived up </span>{  }
SPAN.WBHIGH{
	FONT-FAMILY:MS Sans Serif,cursive;
	FONT-SIZE:7pt;
	ALIGN:centre;
	COLOR:white;
	FONT-WEIGHT:600;
	background-color:rgb(0,0,0);
	table-border-color-light: rgb(145,200,255);
	table-border-color-dark: rgb(0,0,45); }
		<!-- Use <SPAN CLASS=WBHIGH> text dived up </SPAN> --