@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 */



*{margins:0; padding:0; 
}
nav {width:145px; height:160px; background-color:black;  margin-left:auto; margin-right:auto; border:none; border-color:white}
nav ul {float:left; text-align:left;}
nav ul li {border-color:white; border:thin; float:left; list-style:none;  font-size:1.3em; width:145px }
nav ul li a { color:black; font-size:14px; padding:12px 0px; text-decoration:none; :}
nav ul li ul {display:none;  background-color:black; border-radius: 0px 0px 10px 10px; height:100px; text-align:left; width:145px}
nav ul li:hover ul {display:block;  }
nav ul li ul li {width:120px; height:40px; border-radius:3px; text-align:left; padding-bottom:6; }
nav ul li ul li a {display:block; background-color:violet; color:white; font-size:0.8em; text-align:justify; width:135px; height:15px; border:solid; border-color:white; border-radius:6px}
nav ul li ul li a:hover {background-color:black; }





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



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:100%; border:none; border-color: white}

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: 0.90em; 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.2em; font-family: Arial; text-align: center}
p.p7 {font-size: 0.70em; color:green; text-align:center; font-family: Arial}
p.p8 {font-size: 0.80em; color: #A56FFF; text-align: center; 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.2em; color:white; text-align:center; font-family: Arial}
p.p15 {color: yellow; font-size: 1.2em; 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:Grey; text-align:center; font-family: Arial}
p.p19 {font-size: 0.80em; color: red; text-align: center; Arial}

p.pmaint {font-size: 3.0em; color: yellow; text-align: left; font-family: Arial; font-weight: normal}  


table.t1 {max-width:100% background: black; border: none; 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;}

tr.tr1 {width: 100%}
tr.tr2 {padding-top:12% }
 
td.td1 {width: 100%; padding: 1em 0.5em}
td.td2 {width: 10%; padding: 0.5em 0.5em}
td.td3 {width: 90%; padding: 0.5em 0.5em}
td.td4 {width: 15em; padding: .5em .50em}
td.td5 {width: 8em; padding: .5em .50em}
td.td6 {width: 8em; padding: 0.5em 0.50em; border-left: medium solid red; border-right: medium solid red}
td.td7 {width: 10em; padding: 0.5em 0.50em; border-right: medium solid red}
td.td8 {width: 10em; padding: 0.5em 0.50em; border-left: medium solid red; border-right: medium solid red}

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

ul.u1 {font-size: 1.2em; 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.40em; 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}