a:link
{
	color: rgb(155,0,155); 
}
a:visited
{
	color: rgb(78,78,78); 
} 
a:active 
{
	color: rgb(0,125,155);
}
body
{
	font-family: Arial, "Sans Serif", Times;
	background-color: rgb(199,195,208);
	color: rgb(175,15,175);
}
table
{
	table-border-color-light: rgb(50,50,50);
	table-border-color-dark: rgb(0,0,0); 
	background-color: rgb(155,195,188);
}

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(128,128,128);
}
h6
{
	color: rgb(255,0,0);
}
<!-- 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>{  } -->
DIV.SMLFUNHEAD{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:16pt;COLOR:#3A8BE4;FONT-WEIGHT:600;background-color:rgb(58,140,244)}
		<!-- 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.PURPHEAD{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:12pt;COLOR:#800080;FONT-WEIGHT:600;background-color: #B4CCCD}
		<!-- use <span class=purphead> 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=purphead> 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.BLACKHEAD{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:16pt;COLOR:black;FONT-WEIGHT:600;}
		<!-- use <span class=blackhead> text dived up </span>{  } -->
SPAN.BLACKHEADB{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:16pt;COLOR:black;background-color:#3A8BE4;FONT-WEIGHT:600;}
		<!-- use <span class=blackheadb> text dived up </span>{  } -->
SPAN.PURPLEHEAD{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:16pt;COLOR:maroon;FONT-WEIGHT:600;}
		<!-- use <span class=purplehead> text dived up </span>{  } -->
SPAN.PURPLEHEADB{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:16pt;COLOR:maroon;background-color:#3A8BE4;FONT-WEIGHT:600;}
		<!-- use <span class=purpleheadb> text dived up </span>{  } -->
SPAN.REDHEAD{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:13pt;COLOR:red;FONT-WEIGHT:600;}
		<!-- use <span class=redhead> text dived up </span>{  } -->
SPAN.REDHEADB{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:13pt;COLOR:red;background-color:#3A8BE4;FONT-WEIGHT:600;}
		<!-- use <span class=redheadb> text dived up </span>{  } -->
SPAN.BLUEHEADB{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:16pt;COLOR:blue;background-color:#3A8BE4;FONT-WEIGHT:600;}
		<!-- use <span class=blueheadb> text dived up </span>{  } -->
SPAN.BLUEHEAD{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:16pt;COLOR:blue;FONT-WEIGHT:600;}
		<!-- use <span class=bluehead> text dived up </span>{  } -->
SPAN.YELLOWHEAD{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:13pt;COLOR:#FFFF00;FONT-WEIGHT:600;}
		<!-- use <span class=yellowhead> text dived up </span>{  } -->
SPAN.YELLOWHEADB{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:13pt;COLOR:#FFFF00;background-color:#3A8BE4;FONT-WEIGHT:600;}
		<!-- use <span class=yellowheadb> text dived up </span>{  } -->
SPAN.GREENHEAD{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:13pt;COLOR:green;FONT-WEIGHT:600;}
		<!-- use <span class=greenhead> text dived up </span>{  } -->
SPAN.GREENHEADB{FONT-FAMILY:"Comic Sans MS";FONT-SIZE:13pt;COLOR:green;background-color:#3A8BE4;FONT-WEIGHT:600;}
		<!-- use <span class=greenheadb> text dived up </span>{  } -->
SPAN.JUNTOPSMLR{FONT-FAMILY:Arial,cursive;FONT-SIZE:10pt;COLOR:teal;FONT-WEIGHT:500;}
		<!-- use <span class=juntopsmlr> text dived up </span>{  } -->
SPAN.JUNSMLR{FONT-FAMILY:Arial,cursive;FONT-SIZE:10pt;COLOR:#000080;FONT-WEIGHT:500;}
		<!-- use <span class=juntopsmlr> text dived up </span>{  } -->
SPAN.JUNSMLL{FONT-FAMILY:Arial,cursive;FONT-SIZE:8pt;COLOR:blue;FONT-WEIGHT:400;}
		<!-- use <span class=junhead> text dived up </span>{  } -->
SPAN.JUNINFO{FONT-FAMILY:Arial,cursive;FONT-SIZE:8pt;COLOR:#008080;FONT-WEIGHT:400;}
		<!-- use <span class=juninfo> text dived up </span>{  } -->
SPAN.NORMLINKTEXT{FONT-FAMILY:Arial,cursive;FONT-SIZE:10pt;COLOR:#800080;FONT-WEIGHT:500;}
		<!-- use <span class=normlinktext> text dived up </span>{  } -->
SPAN.SMLLINKTEXT{FONT-FAMILY:Arial,cursive;FONT-SIZE:8pt;COLOR:#800080;FONT-WEIGHT:500;}
		<!-- use <span class=smllinktext> 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:5pt;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.PREMBLUEBODY{FONT-FAMILY:Arial,cursive;FONT-SIZE:12pt;COLOR:blue;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.SUBSMALL{FONT-FAMILY:"Comic Sans MS",cursive;FONT-SIZE:12pt;COLOR:#3A8BE4;FONT-WEIGHT:600;background-color: #B4CCCD}
		<!-- use <span class=subsmall> 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=subsmall> text dived up </span>{  } -->
SPAN.JUNYHIGH{
	FONT-FAMILY:Arial,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:blue;
	FONT-WEIGHT:600;
	background-color:rgb(255,255,0);
	table-border-color-light: rgb(145,200,255);
	table-border-color-dark: rgb(0,0,45); }
<!-- use <span class=subsmall> text dived up </span>{  } -->
SPAN.JUNGHIGH{
	FONT-FAMILY:Arial,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:blue;
	FONT-WEIGHT:600;
	background-color:rgb(0,255,0);
	table-border-color-light: rgb(145,200,255);
	table-border-color-dark: rgb(0,0,45); }
<!-- use <span class=subsmall> text dived up </span>{  } -->
SPAN.JUNRHIGH{
	FONT-FAMILY:Arial,cursive;
	FONT-SIZE:12pt;
	ALIGN:centre;
	COLOR:blue;
	FONT-WEIGHT:600;
	background-color:rgb(255,0,0);
	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:12pt;
	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>{  }