@charset "UTF-8";
/* author: Graham Clayton */
/* Creation date: 12/02/2021 */
/* Copyright © 2021 HMS Opportune.co.uk */
/* Pages served - Index and all 1st tier pages */

@import "updates.css"; 



body.body1 {max-width:100%; background: black; padding-top: 0%; margin-left:auto; margin-right:auto;}

button.butlog1  {height:45px; width:250px; font-size:2.0em; color:green; colorbackground-color:white; vertical-align:middle; cursor: pointer; border-radius:20px}
.butlog1:hover {background-color: grey; }
.butlog1:active {background-color: grey; box-shadow: 0 0px grey; transform: translateY(3px); }

button.butcon1  {height:45px; width:250px; font-size:2.0em; color:green; colorbackground-color:white; vertical-align:middle; cursor: pointer; border-radius:20px}
.butcon1:hover {background-color: grey; }
.butcon1:active {background-color: grey; box-shadow: 0 0px grey; transform: translateY(3px); }


div.div1 {color: white; background: black;  float: none; margin-left:auto; margin-right:auto; padding-top: 2%; padding-bottom: 2%}   
div.div2 {width: 15%; float: left; margin-left:auto; margin-right: auto; padding-left:1px; padding-right:1px; padding-top: 1em; text-align: center; border:none; border-color:white}    
div.div3 {width: 77%; float: left; margin-left:10px; margin-right:10px; border:none; border-color:white; padding-left: 0em; padding-right:1em}    
div.div4 {color: white; background: black; margin: 0%; padding: 0.5%; padding-left: 2%; float: none; font-size: 0.5em; text-align: center; border:none; border-color:white}   
div.div5 {margin: 0%; padding: 0%; float: none; text-align: center;}   
div.div8 {color: white; background: black; margin: 0%; width: 70%; height: 1em; float: right; text-align: center; font-family: Arial; font-size: 0.5em; padding: 1%}   
div.div6 {color: white; background: black; margin: 0%; float: left; padding-top: 2%; padding-bottom: 2%}   

div.div9 {max-width:98%; border:none; border-color: white; margin-left:auto; margin-right:auto;}

div.divsign {color: white; background: black; margin: 5%; float: left; padding-top: 2%; padding-bottom: 2%}   


h1.h1 {margin-left:auto; margin-right:auto; margin-bottom: 0%; font-size: 2em; text-align: center }
h1.h2 {margin-bottom: 0%; font-size: 2em; text-align: center; color: magenta}
h1.h3 {margin-bottom: 0%; font-size: 1.5em; text-align: center; color: purple}
h1.h4 {margin-bottom: 0%; font-size: 1.5em; text-align: center; color: green}
h1.h5 {margin-bottom: 0%; font-size: 2em; text-align: left; color: magenta}

h2.h2 {color: yellow; text-align: center; font-family: Constantia; font-size: 1.5em}
 

p.p1 {font-size: 1.5em; color:white; text-align:justify; font-family: Arial}
p.p2 {font-size: 1.5em; color: green; text-align: justify; font-family: Arial}
p.p3 {font-size: 0.90em; color:white; font-family: Arial; text-align: Right}
p.p4 {color: gray; font-size: 1.5em; font-family: Arial; text-align: left;}
p.p5 {color: yellow; font-size: 1.5em; font-family: Arial; text-align: justify}
p.p6 {color: lime; font-size: 1.5em; font-family: Arial; text-align: center}
p.p7 {font-size: 1.2em; color:green; text-align:center; font-family: Arial}
p.p8 {font-size: 1.0em; color: #A56FFF; text-align: left; font-family: Arial}
p.p9 {color: yellow; font-size: 0.9em; font-family: Arial; text-align: left}
p.p10 {font-size: 0.90em; color:white; text-align:left; font-family: Arial}
p.p11 {font-size: 1.1em; color:white; text-align:left; font-family: Arial}
p.p12 {text-align: center}
p.p13 {color: gray; font-size: 1.5em; font-family: Arial; text-align: center;}
p.p14 {font-size: 1.5em; color:white; text-align:center; font-family: Arial}
p.p15 {color: yellow; font-size: 1.5em; font-family: Arial; text-align: center}
p.p16 {font-size: 1.2em; color:yellow; text-align:left; font-family: Arial}
p.p17 {font-size: 1.5em; color:Grey; text-align:center; font-family: Arial}
p.p18 {font-size: 1.5em; color:white; text-align:left; font-family: Arial}
p.p19 {font-size: 0.8em; color:green; text-align:center; font-family: Arial}
p.p20 {font-size: 1.5em; color:#A56FFF; text-align:left; font-family: Arial}
p.pmaint {font-size: 3.0em; color: yellow; text-align: left; font-family: Arial; font-weight: normal}  
p.Replaced {color: yellow; font-size: 1.5em; font-family: Arial; text-align: justify}


 
table.t1 {max-width: 100%; background: black; border: none; border-color:white; margin-left: auto; margin-right: auto;}
Table.t2 {width: 100%; background: black}
Table.t3 {width: 100%; background: white; border: none; border-color: blue}
table.t4 {border: none; margin-left: auto; margin-right: auto;}
table.t5 {width: 60em; background: black; border: none; margin-left: auto; margin-right: auto;}
table.t6 {width:100% }

tr.tr1 {width: 100%}
tr.tr2 {padding-top:12% }
 
td.td1 {width: 100%; padding: 1em 0.5em}
td.td2 {width: 19%; padding: 0.5em 0.5em}
td.td3 {width: 78%; padding: 0.5em 0.5em}
td.td4 {width: 15em; padding: .5em .50em}
td.td5 {width: 8em; padding: .5em .50em; color:white}
td.td6 {width: 8em; padding: 0.5em 0.50em; border-left: medium solid red; border-right: medium solid red}
td.td7 {width: 14em; padding: 0.5em 0.50em; border-right: medium solid red}
td.td8 {width: 14em; padding: 0.5em 0.50em; border-left: medium solid red; border-right: medium solid red}
td.td9 {width: 20%; padding: 0.5em 0.5em}
td.td10 {width: 29%; padding: 0.5em 0.5em}
td.td11 {width: 29%; padding: 0.5em 0.5em}
td.td12 {width: 35%; padding: 0.5em 0.5em}
td.td13 {width: 100%; height:auto; padding: 0.5em 0.5em; border-top:none; border-left:none; border-right:none;}


embed.em1 {width:100%; border: 0; scrolling: No}

ul.u1 {font-size: 1.5em; color: white; text-align:justify; font-family: Arial}
ol.o1 {font-size: 0.90em; color: white; text-align:justify; font-family: Arial} 
ol.o2 {font-size: 1.50em; color: white; text-align:justify; font-family: Arial} 


img {max-width: 100%; display:inline; padding-left:0px; padding-right:0px}
img.img1 {max-width: 100%; height: 35px; border: 0; margin-left:auto; margin-right:auto; padding-bottom:10px}
img.img2 {max-width: 100%; height: 114px; border: 0; margin-left:auto; margin-right:auto;}
img.img3 {max-width: 100%; height: 290px; border: 0; margin-left:auto; margin-right:auto;}
img.img4 {max-width: 100%; height: 65px; border: 0; margin-left:auto; margin-right:auto;}

a.h3:link {color: black}
a.h3:visited {color: black}
a.h3:hover {color: black} 

a.h1:link {color: #FFFF00} 
a.h1:visited {color: #FFFF00}
a.h1:hover {color: #FF0000}

a.h2:link {color: #71AAFF}
a.h2:visited {color: #71AAFF}
a.h2:hover {color: #FF0000}

a.h4:link {color: cyan}
a.h4:visited {color: cyan}
a.h4:hover {color: cyan}

a.test1:link {color: black}
a.test1:visited {color: black}
a.test1:hover {color: black}

a.a3:link {color: #45008a}
a.a3:visited {color: #45008a}
a.a3:hover {color: #A56FFF}