H1      { text-align: center;
	font-family: Arial, Helvetica;
	font-style: italic;
	font-size:  large;
	font-weight: 600;
color:  red;}
H2      { text-align: center;
	font-family: Arial, Helvetica;
	font-style: italic;
	font-size:  large;
	font-weight: 600;
color:  red;}
H3      { text-align: center;
	font-family: Arial, Helvetica;
	font-style: normal;
	font-size:  14pt;
	font-weight: 600;
color:  red;}
BODY      {font-family: Arial, Helvetica;
	font-size: 12pt;
background-image: url(//www.hep.lancs.ac.uk/relay/background.jpg)}
TH     {  font-family: Arial, Helvetica;
	font-size:  12pt;
	font-weight: 600;
	background:  #C0C0C0
}
TD     {  font-family :Arial, Helvetica;
	font-size: 14 pt;
	font-weight: 600;
	color: green;
}

.LEFT  {  font-family :Arial, Helvetica;
	font-size:  14pt;
	font-weight: 600;
	color: blue;
}
.RIGHT  {  font-family :Arial, Helvetica;
	font-size:  12pt;
	font-weight: 600;
	color: green;
}
.BLACK  {  font-family :Arial, Helvetica;
	font-size:  12pt;
	font-weight: 100;
	color: black;
}
CAPTION  { font-family: Arial, Helvetica;
	text-align: center;
	font-size:  18pt;
	font-weight: 600;
	line-height: 24pt;
	color: blue;
}
P         {text-align: center;
	font-family: Arial, Helvetica;
	font-size: 14pt;
	font-weight: 600;
color:  green;}
PRE         {text-align: left;
	font-family: Arial, Helvetica;
	font-size: 14pt;
	font-weight: 600;
color:  green;}
CENTER         {text-align: center;
	font-family: Arial, Helvetica;
	font-size: 14pt;
	font-weight: 600;
color:  green;}
UL        {font-family :Arial, Helvetica;
color:  green;}
INPUT        {
	font-family: Arial, Helvetica;
	font-size: 12pt;
	font-weight: 600;
	color:  red;
background: #DFDFDF;}
SELECT      {  font-family: Arial, Helvetica;
	font-size: small;
	font-weight: 600;
	color:  red;
background: white;}
OPTION      {  font-family: Arial, Helvetica;
	font-size: small;
	font-weight: 600;
	color:  red;
background: white;}

TEXTAREA      {  font-family: Arial, Helvetica;
	font-size: small;
	font-weight: 600;
	color:  red;
background: white;}
table.results {
	border-collapse:collapse;
	margin-left:auto; 
	margin-right:auto;
	width:50%;
	float:left;
}
TH.results     {  font-family: Arial, Helvetica;
	font-size:  12pt;
	font-weight: 600;
	background:  #C0C0C0;
	color:white;
	padding:5px;
}
TD.results     {  font-family :Arial, Helvetica;
	font-size: 14 pt;
	font-weight: 600;
	text-align: center;
	color: green;
	background:  #B8E6B8;
	padding:2px;
}
table.results, TH.results, TD.results
{
	border:1px solid black;
}
DIV.container {
	margin: 1em 0;  
	position: relative;
	max-height: 1000px;  
}

img.title {  
	height: 100%;
	float: left;
	border: 1px solid ;
	clear: left;
	background-color: rgb(204, 255, 255);
	opacity: 0.7;
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0; 
	margin-top: auto;
	margin-bottom: auto;
	}
img.results {  
	width:100%; 
	transform:rotate(90deg);
	}
@media screen and (max-width: 600px)
{
	img.results {
		display:none;
	}
}
img.other {
	margin: auto;  	
	max-height: 25px; 
	max-width: 160px;  
	position: absolute;  
	top: 0;  
	bottom: 0;  
	left: 0;  
	right: 0;  
	margin: auto;  
	margin: 5px;
}