@media all {
html, body {font-family:Tahoma;margin: 0;box-sizing: border-box;}
header {padding:0.75em; height:11em;background-color:#0c19cf;display: block;position:relative;top: 0;left:0; z-index: 4;}
.email a, .email {text-decoration:none;color:#ffffff;text-align:right;font-size: 1.1em;line-height: 1.25em; }  
#logo {position:relative;float: left;height:150px;width:150px;object-fit: contain;}
#logo:hover, #Home:hover {content: "Read this -"}    
.Pos {text-align: center;} 
.Fix {position:fixed;top:-222px;}
.Mix {position:absolute;top:-20px;}
.Top {top:200px;}
.Top.Fix  {top:0px;}
#Heading {font-size: 2.5em;margin: 2em 0 1em;text-align:center;}
.tablinks {float:left;color:#ffffff;background:#0c19cf;border-color:#ffffff;transition:0.3s;font-size:17px;}    
nav.tab details open summery	{position: fixed;}
#Detailsman {box-sizing: border-box;white-space:nowrap;font-weight: normal;padding:10px; text-decoration:none;color:#FFFFFF;border-style: double;border-width: 4px;border-radius: 9px;line-height: 4;position: relative; text-align: center;background-color:#c04912;border-color: #98b1c4;}
#Detailsman:hover{background-color:#00E034;border-color:#0c19cf;}
#Detail {display: none;}
.tabcontent {padding:6px 12px;border:1px solid #ccc;border-top: none;}
.Ddoc {background:#00E034;border:double;border-color:#333;border-radius:9px;border-width:4px;color:#ffffff;font-weight:normal;line-height:4;padding:10px;text-decoration:none;white-space:nowrap;}    
.Ddoc:hover {background:#c04912;border-color:#98b1c4;}    
.spacer{display: inline-block;float: left;padding: 10px;}
.Butt {background:#0c19cf;border:double;border-color:#98b1c4;border-radius:9px;border-width:4px;color:#ffffff;font-weight:normal;line-height:4;padding:10px;text-decoration:none;white-space:nowrap;}
.Butt:hover {background:#c04912;border-color:#98b1c4;}
.address{background-color:#717070;border-color:#98b1c4;border-radius:3px;border-style:double;border-top-width:2px;border-width:1px;color:#ffffff;letter-spacing:2px;text-align:center;text-transform:uppercase;}
.div{padding:0 5px; background:#2020df;color:#dfd;}

	.bull{list-style-type: none;}}


@media all and (max-width : 899px){
.email{position: absolute; top:0.5em; right:0.5em;}
#Search{width: 10em;}
#navbar {position:absolute;width:100%;max-width:55.99em;z-index:2;padding-top: 3.7em;background:#AFCB5A;cursor:pointer;margin:0;}
#navbar ul, #navbar li{list-style: none;list-style-position:inside;        margin:0;        padding:0;}
#NavButton {background:#AFCB5A;border:none;position:absolute;top:0;right:0.75em;content:"\2261";font:bold 4em Tahoma;line-height:0.75em;color:#333;z-index:2;}
.Hidden{display: none;}
.side ol {display:flex;list-style: inside none; border: groove thick; border-radius: 20px;max-width: 80%;position: relative; left: 5%;}
main {max-width: 800px;margin: 0 5px;}
h1, h2, h3 {text-align: center;white-space: pre-wrap;max-width:100%;box-sizing: border-box;}
h2{font-size:18px;}
nav.tab{margin:0 2em;overflow:hidden;border:1px solid #ccc;background-color:#0000FF;box-sizing: border-box;}
.tablinks{border:double;padding: 9px 5px;}
.tablinks:hover{background-color:#c04912;transition: 0.8s;}
nav.tab details open	{background-color:#00E034;border:double;transition: 0.8s;}
.Ddoc {margin: 100px 0;box-sizing: border-box;}
.box {position: relative; display: table; width: 100%; margin: auto;padding: 5px;box-sizing: border-box;list-style: inside; }
.col {width: 100%;min-width: 100px; white-space: pre-wrap; -webkit-column-rule: 3px double; -moz-column-rule: 3px double;column-rule: 3px double;border-style:double;display: table-cell; padding:0 20px; margin:auto;clear: right;float: left;box-sizing: border-box;}
.BigImg{height: 100px;display:inline-block;border-radius: 5px;cursor: pointer;transition: 0.3s;}
.bodycontent{height: 80px;width: 80px;}
.manyimg{display:inline-block;height:100%;width:100%;}
.index{max-height: 800px;}
.Butt {margin: 100px 0;box-sizing:border-box;}
footer {width:100%;}
.address {box-sizing:border-box;padding: 5px 10px;}
}


@media all and (min-width: 900px){
.AJXCSSMenuEdVUbCC,.AJXCSSMenuEdVUbCC_n,.AJXCSSMenuEdVUbCC *,.AJXCSSMenuEdVUbCC_n * {box-sizing:border-box;}
.AJXCSSMenuEdVUbCC {position: -webkit-sticky;  position: sticky; left:5px;top: 0;width:146px;text-align: center;z-index:2;line-height:0;border:1px solid #98b1c4;border-radius:0 0 3px 3px;background:#AFCB5A;box-shadow:3px 3px 10px rgba(0,0,0,.5);}
.AJXCSSMenuEdVUbCC ul {display:inline-block;margin:0;padding:0;list-style-type:none; left:20%;}
*+html .AJXCSSMenuEdVUbCC ul {display:inline;}
.AJXCSSMenuEdVUbCC li {margin:0 2px;}
.AJXCSSMenuEdVUbCC li:first-child {margin-left:0;}
.AJXCSSMenuEdVUbCC li:hover,.AJXCSSMenuEdVUbCC li.ajxover {position:relative;}
.AJXCSSMenuEdVUbCC a,.AJXCSSMenuEdVUbCC_n a {display:block;overflow:hidden;}
.AJXCSSMenuEdVUbCC>ul>li>a {height:60px;white-space:nowrap;padding:0 10px 0 10px;font:16px Tahoma;line-height:60px;text-decoration:none;text-transform:none;text-align:center;border:0;border-radius:0 0 3px 3px;color:#333333;transition:background-color 0.3s linear,color 0.3s linear;background:none;}
.AJXCSSMenuEdVUbCC>ul>li:hover>a,.AJXCSSMenuEdVUbCC>ul>li.ajxover>a {color:#ffffff;background:#c04912;}
.AJXCSSMenuEdVUbCC>ul>li>a.ajxsub {padding:0 10px 0 10px;background:none;}
.AJXCSSMenuEdVUbCC>ul>li:hover>a.ajxsub,.AJXCSSMenuEdVUbCC>ul>li.ajxover>a.ajxsub {position: static;background:#c04912;}
/* Look here for lots of change */
.AJXCSSMenuEdVUbCC li ul {position:absolute;left:-9999px;top:-9999px;width:142px;height:auto;display:inline-block;vertical-align:top;font-size:0;float:none;padding:0;border:1px solid #98b1c4;border-radius:3px 3px 3px 3px;background:#AFCB5A;box-shadow:3px 3px 10px rgba(0,0,0,.5);}
.AJXCSSMenuEdVUbCC li:hover > ul,.AJXCSSMenuEdVUbCC li.ajxover > ul {left:144px;top:0px;}
.AJXCSSMenuEdVUbCC li li { width:140px;margin:0;margin-top:1px;}
.AJXCSSMenuEdVUbCC li li:first-child {margin-top:0;}
.AJXCSSMenuEdVUbCC li li a {height:auto;white-space:normal;padding:21px 10px 21px 10px;font:16px Tahoma;line-height:16px;text-decoration:none;text-transform:none;text-align:left;border:1px solid #00E034;border-radius:3px 3px 3px 3px;color:#333333;background:none;}
.AJXCSSMenuEdVUbCC li li:hover>a,.AJXCSSMenuEdVUbCC li li.ajxover>a {border-color:#ffffff;color:#ffffff;background:#c04912;}
.AJXCSSMenuEdVUbCC li li a.ajxsub {width:140px;padding:21px 10px 21px 10px;background:none;}
.AJXCSSMenuEdVUbCC li li:hover>a.ajxsub,.AJXCSSMenuEdVUbCC li li.ajxover>a.ajxsub {position: static;background:#c04912;}
.AJXCSSMenuEdVUbCC li li:hover > ul,.AJXCSSMenuEdVUbCC li li.ajxover > ul {left:140px;top:-1px;}
#navbar {float: left;}
.side li.collapsed {  display: none;}
.separator {margin: auto;  width: 10%;border:1px solid #98b1c4; padding: 15px 0; text-align: center;background:inherit;color:inherit;}		
.side a {color:#fff;font:16px Tahoma;  text-align: center; width:130px;text-decoration: none;margin: 10px 0;}
.side li:hover {border-color:#ffffff;color:#ffffff;background:#c04912;}
.side li .separator:hover {  border-color: #000000;color: #000000;background: #ffffff;}	
@media only screen and (max-resolution: 1.999dppx)	{	.slide { position: absolute; left: -35px; top: 185px; z-index: 3; }
  														.stuck { position: fixed; left: -35px; top: -16px; z-index: 3; }}
@media only screen and (min-resolution: 2dppx) 		{	.slide { position: absolute; left: -35px; top: 230px; z-index: 3; }
  														.stuck { position: fixed; left: -35px; top: -21px; z-index: 3; }}
.side li {color:#fff;display:inline-flex;border:1px solid #98b1c4;border-radius:0 0 3px 3px;box-shadow:3px 3px 10px rgba(0,0,0,.5);height:60px;list-style-type:none;background: #0c19cf;margin: 0 5px 0 0;}
h2, h3 {text-align:center;}
.itab {position:relative;text-align:center;}
nav.tab details {padding: 14px 16px;}
nav.tab details open {background:#AFCB5A;}
nav.tab details:hover {background:#c04912;}
nav.tab{overflow:hidden;}
nav.tab details open, nav.tab details:hover {transition: 0.8s;} 
.tabcontent li {list-style: inside;}    
.box {display: table-row;margin:auto;box-sizing: border-box; padding: 5px 0;}    
.col {display: table-cell;vertical-align:top;margin:auto;box-sizing: border-box;padding:20px; -webkit-column-rule: 3px double; -moz-column-rule: 3px double;column-rule: 3px double;}    
.BigImg {display: inline-block;margin:auto;box-sizing: border-box;max-height: 400px;max-width: 400px;border-radius: 5px;cursor: pointer;transition: 0.3s; }    
.manyimg{text-align:center;margin:auto;box-sizing: border-box;display: block;height:100%;width:100%;max-width: 350px;max-height: 350px;aspect-ratio: 1/1;}
.bodycontent{background-color: white;padding: 10px;text-align: center;}
footer {display:inline-block;max-width:49.9%;float:left;}
.address {width:49.9%;float:right;height:205px;vertical-align:top;text-align:center;background-color:#717070;color:#FFFFFF;text-transform:uppercase; letter-spacing:2px;border-top-width:2px;border-style:double;border-width:1px;border-radius:3px;border-color: #98b1c4;font-size: 20px;}
}
    
@media all and (max-width: 1250px) and (min-width: 900px){
#logo {left:5em;}
.email{position: absolute; top:0.6em; right:0.6em;}
main {max-width: 1100px;width:auto ;margin-left: 100px;box-sizing: border-box;}
.itab{left:5%;}
.bodycontent{max-width:250px;max-height:250px;}
}
    
@media all and (min-width: 1251px){
#logo {left:10em;}
.email{position: absolute; top:0.6em; right:1.6em;}
main {max-width: 87em;margin: 0 12em;}
.itab{left:18%;}
.bodycontent{max-width:500px;max-height:500px;}
}