:root{
	--col1:#099;
	--col2:#066;
	--col3:#033;
	--col4:#189AB4;
	--col5:#C3E0E5;
	--colLit:#FFFFFF;
	--colDrk:#000000;
	--fntLit:rgba(255,255,255,.7);
	--fntLitH:rgba(255,255,255,.9);
	--fntDrk:rgba(0,0,0,.6);
	--fntDrkH:rgba(0,102,102,.9);
	--font-color: #ccc;
	--h2-color: #ccc;
	--whiteHighlight: #fff;
	--page-bg:conic-gradient(from 225deg at 100px 50px,#000,#333,#000,#333,#000,#555,#000,#000);
	--pageContentListContainerBG: #222;
	--content-box-color: #111;
	--content-box-border: solid rgba(255,255,255,.2);
	--contentBlockBGColour: #033;
	--contentBlockBGGradient:linear-gradient(to bottom right,rgba(0,85,85,.9),rgba(0,85,85,.1));
	--contentBoxBorder: #ccc;
	--contentBoxGradientWebkit: -webkit-linear-gradient(to bottom right, #666 60%, #444 100%);
	--contentBoxGradientMoz: -moz-linear-gradient(to bottom right, #666 60%, #444 100%);
	--contentBoxGradient: linear-gradient(to bottom right, #666 60%, #444 100%);
	--captionBulletColour: #ccc;
	--collapsableSectionBG: #033;
	--mainContentBoxBG: #000;
	--collapsableSectionGradient: linear-gradient(to bottom left,rgba(0,102,102,0.6),rgba(0,102,102,.1));
	--questionsIntroBox: #111;
	--pageContentlinks: #ccc;
	--infoBox: rgba(0,0,0,.1);
	--infoBoxHover:	rgba(0,0,0,.3);
	--infoBoxBorder: #ccc;
	--infoBoxBorderHover: #099;
	--hpBullet:#eee;
	--hpBulletHover:#099;
	--stdBtnGreyBG:#555;
	--stdBtnGreyBGHover:#066;
	--fontFam:arial,helvetica,sans-serif;
	--test1:solid 1px red;
	--test2:solid 1px green;
	--test3:solid 1px orange;
	transition: 0.5s all ease;
}

[data-theme="dark"] {
	--primary-color: #9A97F3;
	--secondary-color: #818cab;
	--font-color: #033;
	--bg-color: #161625;
	--heading-color: yellow;
	--h2-color: #066;
	--whiteHighlight: #000;
	--page-bg:conic-gradient(from 225deg at 100px 50px,#000,#333,#000,#333,#000,#555,#000,#000);
	--page-bg:conic-gradient(from 225deg at 100px 50px,#fff,#ccc,#fff,#ccc,#fff,#aaa,#fff,#fff);
	--page-bg:conic-gradient(from 225deg at 100px 50px,#099,#066,#099,#066,#099,#066,#099,#099);
	--page-bg:conic-gradient(from 225deg at 100px 50px,#033,#099,#033,#099,#033,#099,#033,#033);
	--pageContentListContainerBG: #777;
	--content-box-color: #eee;
	--content-box-border: solid rgba(0,51,51,.9);
	--contentBlockBGColour: #eee;
	--contentBlockBGGradient:linear-gradient(to bottom right,rgba(85,85,85,.5),rgba(85,85,85,.1));
	--contentBoxBorder: #333;
	--contentBoxGradientWebkit: -webkit-linear-gradient(to bottom right, #ccc 60%, #aaa 100%);
	--contentBoxGradientMoz: -moz-linear-gradient(to bottom right, #ccc 60%, #aaa 100%);
	--contentBoxGradient: linear-gradient(to bottom right, #ccc 60%, #aaa 100%);
	--captionBulletColour: #ccc;
	--collapsableSectionBG: #fff;
	--mainContentBoxBG: #fff;
	--collapsableSectionGradient: linear-gradient(to top left,rgba(0,102,102,0.4),rgba(0,102,102,0.2));
	--questionsIntroBox: #aaa;
	--pageContentlinks: #ccc;
	--infoBox: rgba(0,153,153,.1);
	--infoBoxHover:	rgba(0,102,102,.3);
	--infoBoxBorder: #ccc;
	--infoBoxBorderHover: #fff;
	--hpBullet:#eee;
	--hpBulletHover:#ccc;
	--stdBtnGreyBG:#066;
	--stdBtnGreyBGHover:#099;
	transition: 0.5s all ease;
}

@media (max-width:640px){:root{--col1:rgba(0,152,152,.8)}}
@media (min-width:641px){.onlyMob{display:none}}
*{box-sizing:border-box}
/* html{font-size:100%;-webkit-text-size-adjust:100%;scroll-padding-top:125px;scroll-behavior:smooth} */
html{scroll-behavior:smooth}

body{
	font-family:var(--fontFam);
	color:var(--fntDrk);
	font-weight:400;
	line-height:1.8em;
	vertical-align:top;
	padding:0;
	background-color:#000;
	background-image:var(--page-bg);
	background-attachment:fixed}
	
@media (max-width:640px){body{background-attachment:fixed;margin:0;font-size:1em;line-height:1.6em}}
.globalContainer{width:100%;background-color:transparent}
@media (max-width:640px){.globalContainer{background-image:linear-gradient(to bottom right,rgba(0,0,0,.9),rgba(155,155,155,.8));border-top:solid #fff}}

.widthContainer{width:100%;margin:0 auto;padding:0;max-width:1200px;background-color:transparent}

#main {width: 220px;height: 300px;border: 1px solid #000; display: flex; align-items: center}
#main div {flex: 1;border: 1px solid #000;display: flex; align-items: center}

.topFixDesk{
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:500;
	background-color:#000;
	background-image:linear-gradient(to top right,rgba(0,102,102,.8),rgba(0,102,102,.3));
	border-bottom:solid 1px #fff;
	padding:12px 20px;
	display: flex;
	align-items: center}		

.contactBar {display: flex;background-color: #000;align-items: center;justify-content: center}
.contactBar > div {background-color: #000;margin: 2px;padding: 2px}

.topContactInfoDesk{
	position:fixed;
	width:100%;
	margin: 8px auto;
	top:0;
	left:0;
	z-index:400;
	background-color:#000;
	border-bottom:solid 1px #fff;
	text-align: center;
	align-items: center;
	padding: 65px 20px 5px 20px}	

.contactPhone, .contactEmail {color: #ccc;font-size: 16pt;text-align: center;padding: 0 55px 0 0;text-decoration: none;align-items: center}
.contactEmail {padding: 0}

.emailSymbol, .phoneSymbol {display: inline;color: #099;text-decoration: none;align-items: center;margin: 0;padding: 0;font-size: 24pt;transition:.5s}
.phoneSymbol {padding: 0 5px 0 0;font-size: 22pt;font-family: Segoe UI Symbol}
.phoneSymbol:hover,.emailSymbol:hover,.contactBanner:hover {transition:.5s;color: #fff}
	
@media (max-width:800px){.topFixDesk{border-bottom:solid 0 transparent}}
@media (max-width:640px){
	.topFixDesk{background-color:transparent;
	background-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent);
	padding:35px 20px;
	border-bottom:solid 0 red}}

.LogoM{display:none}
.LogoSize{position:absolute;top:15px;left:30px;max-width:40%;height:auto;z-index:100}

@media (max-width:640px){.LogoSize{left:15px}}@keyframes panelSlider{from{top:-300px}to{top:60px}}

.infoBoxTrans{
	position:static;
	top:0;
	left:0;
	width:100%;
	margin:0 0 30px 0;
	padding:20px;
	animation-duration:3s;
	background-color:var(--infoBox);
	border:solid var(--infoBoxBorder);
	border-radius:10px;
	transition:.5s}

.infoBoxTrans:hover{
	background-color:var(--infoBoxHover);
	border:solid var(--infoBoxBorderHover);
	transition:.3s}

.pageTitleTransFade{position:absolute;top:110px;left:0;width:90%;animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}

.mainContentBoxTransFade{position:relative;width:90%;margin:20px auto;padding:15px 30px 25px 30px;padding:15px 0 25px 0;color:var(--font-color);background-color:#111;
background-color:var(--content-box-color);
border:var(--content-box-border);
border-radius:20px;animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards;animation-duration:3s;box-shadow:0 0 20px rgba(255,255,255,.4);
transition: 0.5s all ease;
}

.contentContainer{margin:0;padding:5px 20px}

.captionContainerRight{display:flex;background:#666;border-top:solid 2px #fff;border-bottom:solid 2px #fff;border-image:linear-gradient(270deg,#bbb,#777) 1;margin:0 0 20px 0}
.captionContainerLeft{display:flex;background:#666;border-top:solid 2px #fff;border-bottom:solid 2px #fff;border-image:linear-gradient(90deg,#bbb,#777) 1;margin:20px 0 20px 0}
.captionContainerRight>div{width:50%;margin:0;padding:0 20px}
.captionContainerLeft>div{width:50%;margin:0;padding:0 20px}
.genericPageIntro,.genericPageHeader{ display:flex;background:#666;border-top:solid 2px #fff;border-bottom:solid 2px #fff;border-image:linear-gradient(270deg,#bbb,#777) 1}
.genericPageIntro>div,.genericPageHeader>div {width:60%;margin:0;padding:0}
.inPageContactForm,.inPageContactFormLight,.articleFeedbackForm{display:flex;background:transparent}
.inPageContactForm>div,.inPageContactFormLight>div{width:40%;margin:0;padding:10px 15px}
.articleFeedbackForm>div,.articleFeedbackForm>div{width:100%;margin:0;padding:10px 0}
	
div.captionRight{width:50%;margin:0;padding:5px 40px;text-align:right}
div.captionLeft{background:#666;width:50%;margin:0;padding:5px 40px 5px 20px;text-align:left}

div.genericIntroContent, div.genericIntroContentGrey, div.pageContentListContainer, div.relatedPages{
	background:#033;
	background-image:linear-gradient(to bottom right,rgba(0,102,102,0.6),rgba(0,102,102,.1));
	width:55%;
	margin:0;
	padding:5px 25px 5px 15px;
	text-align:left
	}
div.genericIntroContentGrey{background:#333;background-image:linear-gradient(to bottom right,rgba(102,102,102,0.6),rgba(102,102,102,.1))}

div.pageContentListContainer{width:100%;border-bottom: solid 1px #aaa;background:var(--pageContentListContainerBG)}
	
div.relatedPages{width:100%;border-top: solid 1px #066;padding:5px 25px 5px 25px;background:transparent}	

div.genericIntroImage{background:#333;width:45%;margin:0;padding:5px 0;text-align:left}

div.headerIntroImage,div.headerIntroImageGrey {
	background:#033;
	background-image:linear-gradient(to bottom left,rgba(0,102,102,0.6),rgba(0,102,102,.1));
	width:45%;
	margin:0;
	padding:0
	}
	
.inPageFormContainer,.inPageFormContainerLight {background:transparent;width:60%;margin:0;padding:0}	

div.headerIntroImageGrey {background:#333;background-image:linear-gradient(to bottom left,rgba(102,102,102,0.6),rgba(102,102,102,.1))}

h2.introH2, h3.blogTitleH3 {
	DGHcolor:#aaa;
	font-size:1.25em;
	line-height:120%;
	letter-spacing:1px;
	font-family:Georgia,serif;
	font-style:italic;
	margin:10px 20px 15px 0px;
	transition: 0.5s all ease;
	}
	
h2.pageContentHeader {color:#ccc;}
	
h3.blogTitleH3 {color:#fff}	

@media (max-width:640px){
	h2.introH2{padding:0}
	h3.blogTitleH3 {color:#fff;margin:0 20px 15px 0px}
	
	.captionContainerLeft,.captionContainerRight{display:flex;flex-direction:column;border-top:unset;border-bottom:unset;border-image:unset}
	.captionContainerRight{display:flex;flex-direction:column;flex-direction:column-reverse}

	.genericPageIntro{display:flex;flex-direction:column;flex-direction:column-reverse;	border-top:unset;border-bottom:unset;border-image:unset}
	.genericPageHeader{display:flex;flex-direction:column;background:#000;margin: 0;border-top:unset;border-bottom:unset;border-image:unset}
		
	.inPageContactForm,.inPageContactFormLight,.articleFeedbackForm{
		display:flex;
		flex-direction:column;
		background:transparent;
		margin: 15px 0 0 0;
		border-top:unset;
		border-bottom:unset;
		border-image:unset
		}
	.inPageContactForm>div,.inPageContactFormLight>div{width:100%;margin:0;padding:10px 15px}	

	.captionContainerRight>div{width:100%;margin:0;padding:0;background:0 0}.captionContainerLeft>div{width:100%;margin:0;padding:0;background:0 0}div.captionLeft,div.captionRight{background:#000;width:100%;margin:0;padding:15px 0;text-align:center;border-top:solid 2px #fff;border-bottom:solid 2px #fff;border-image:linear-gradient(90deg,#888,#666) 1}

	div.genericIntroImage{background:#111;width:100%;margin:0;padding:0 0 20px 0}
	div.headerIntroImage, div.headerIntroImageGrey{background:#000;width:100%;margin:0;padding:0}

	div.genericIntroContent,div.genericIntroContentGrey,div.pageContentListContainer{background:#000;width:100%;margin:0;padding:5px 5px 5px 15px}
	div.pageContentListContainer{background:#222}
	
	.inPageFormContainer,.inPageFormContainerLight {background:transparent;width:100%;margin:0;padding:0}
	}

.mainTradesContentBox{
	top:250px;
	left:0;
	width:60%;
	width:60%;
	margin: 250px 0 50px 60px;
	padding:0 30px 25px 30px;
	animation-duration:3s;
	background-color:#fff;
	border:solid var(--col1);
	border-radius:10px
	}

.mapContainer{margin:0 auto;border:solid 1px #099}

@media (max-width:860px){
	.pageTitleTransFade{width:100%}
	.mainContentBoxTransFade{width:100%;margin:0 auto 350px auto}
	.mainTradesContentBox{width:75%};
}

@media (max-width:780px){
	.pageTitleTransFade{width:100%}
	.mainContentBoxTransFade{width:80%;margin:0 auto 350px auto}
	}

@media (max-width:640px){
	.pageTitleTransFade{display: none}	
	.mainContentBoxTransFade{
		border: solid 1px #099;
		background-color: var(--mainContentBoxBG);
		top:-5px;
		padding:20px 0 40px 0;
		margin:0 0 10px 0;
		width:100%}
	.mainTradesContentBox{padding: 5px 8px;margin: 0 0 25px 0;border-radius:0px;width:100%}
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

div.greyContentBox,div.greyContentBoxCentre{width:95%;border:solid 1px #fff;border-radius:5px;background-color:#ccc;padding:6px 10px;margin:10pt auto}div.greyContentBoxCentre{text-align:center}
@media (max-width:640px){div.greyContentBox{width:100%;padding: 2px 6px}}img.midPageFullWidthImage{display: block;width: 96%;margin: 5px auto;border: solid 1px #ccc;border-radius: 8px}

section.section1{border:solid 2pt var(--col1);border-radius:8px;padding:0 8px 5px 8px;margin:0 0 8px 0}

section.collapsableSection,section.collapsableSectionGrey{
	border:solid 2pt var(--col1);
	border-radius:8px;
	padding:0 8px 5px 8px;
	margin:0 25px 8px 25px;
	background-color: var(--collapsableSectionBG);
	/* background-image:linear-gradient(to bottom left,rgba(0,102,102,0.6),rgba(0,102,102,.1)); */
	background-image: var(--collapsableSectionGradient);
	}
	
@media (max-width:640px){section.collapsableSection{margin:0 10px 8px 10px;padding:0 4px 5px 4px}}	
section.collapsableSectionGrey{background-image:linear-gradient(to bottom left,rgba(102,102,102,0.6),rgba(102,102,102,.1))}	

details{margin:0 0 10px 0}

summary{margin-left:20px;padding:0;cursor:pointer;font-weight:700}

div.insetContentBlocks{border:solid 1px #000;background-color:#fff;background-image:linear-gradient(to bottom right,rgba(0,0,0,.3),rgba(0,0,0,.2));width:95%;margin:10px auto;color:#000;padding:0 25px;border-radius:8px}

div.insetContentBlocksColoured{
	border:solid 1px #999;
	background-color:var(--contentBlockBGColour);
	background-image:var(--contentBlockBGGradient);
	width:100%;
	margin:10px auto 20px auto;
	color:#000;
	padding:0 25px 0 10px;
	border-radius:8px}

@media (max-width:640px){div.insetContentBlocks{padding:0 10px}}.summaryDetails{margin:0 0 15px 50px}.summaryDetailsBottomMargin{margin:0 0 10px 0}@media (max-width:640px){summary{margin-left:20px}.summaryDetails{margin:10px 0 15px 30px}}img.inContentImage{width:45%;max-width:400px;float:right;margin:5px;box-shadow:2px 2px 2px #999}img.imageInContent100pc{width:99%;height:auto;border:solid 2px #ccc;border-radius:8px;margin:5px auto}

img.inContentImage90pc,img.inContentImage90pcBorderWhite{display:block;width:90%;height:auto;max-width:900px;margin:20px auto;border:solid 2px #CCC;border-radius:8px}
@media (max-width:640px){img.inContentImage90pc,img.inContentImage90pcBorderWhite{max-width:400px}}

img.inContentImage90pcBorderWhite{border:solid 2px #f0}@media (max-width:640px){img.inContentImage90pc,img.inContentImage90pcBorderWhite{width:100%}}img.boxShad{border:solid 2px var(--col2);box-shadow:2px 2px 2px #999}

img.pageIntroImg,img.profileImg{display:block;width:100%;max-width:360px;height:auto;margin:15px 3px 15px 15px;border:solid 1px #999;border-radius:8px}
img.profileImg{width:200px;float:right;margin:15px 30px 15px 15px;border:solid 1px #333;border-radius:8px}
img.headerImg{display:block;width:100%;margin:0;max-width:500px;height:auto}

@media (max-width:1100px){
	img.pageIntroImg{margin:10px auto 8px auto;width:90%;max-width:260px;height:auto}
	img.headerImg{margin:10px auto 8px auto;width:90%;max-width:260px;height:auto}
	}
	
@media (max-width:640px){
	img.pageIntroImg{margin:25px auto 8px auto;max-width:380px;height:auto}
	img.headerImg{margin:0;width:100%;max-width:500px;height:auto}	
	img.profileImg{display:none}
	}
	
@media (min-width:641px) AND (max-width:1099px){
	.genericPageHeader {padding:0}
	.headerIntroImage{align-items: right;padding:0}
	img.headerImg{margin:0;float: right;width:100%;max-width:260px;height:auto}
	}

.aboutAuthorContainer{width:99%;height:140px;margin:20 0;padding: 0 15px}.aboutAuthorContent{padding:3px 0;color:var(--font-color);font-size:.95em;line-height:1.25em}.aboutAuthorImg{float:left;background:var(--col1);height:130px;overflow:hidden;border-radius:.5em;margin:10 15 0 0;border:2px solid rgba(255,255,255,.05);box-shadow:2px 2px 5px rgba(47,54,64,.39)}.socialIconS{width:18px;height:auto;margin:10px}.socialIconM{width:24px;height:auto;margin:5px;padding:0}.socialIconL{width:30px;height:auto;margin:10px 20px 0 0}

.socialShareContainer{display:flex}
.socialShareContainer>div{align-items:center;height:60px;justify-content:center;padding:20px;vertical-align:middle}

/*
.cookie-container{position:fixed;bottom:-100%;left:0;right:0;border-top:solid #0ff;border-color:#fff;background-color:rgba(0,0,0,.9);text-align:center;color:#000;padding:0 32px;box-shadow:0 -2px 16px rgba(47,54,64,.39);transition:.4s}.cookie-container.active{bottom:0}.cookie-container a{color:var(--col1)}hr,hr.dotted50pc{margin:10px 0;padding:2px;border-top:1px solid #066;border-bottom:1px solid #066;border-left:none;border-right:none;margin:20px 0}
*/
.cookie-container{position:fixed;bottom:-100%;left:0;right:0;border-top:solid #0ff;border-color:#fff;background-color:rgba(0,0,0,.9);text-align:center;color:#000;padding:0 32px;box-shadow:0 -2px 16px rgba(47,54,64,.39);transition:.4s}.cookie-container.active{bottom:0}.cookie-container a{color:var(--col1)}

hr,hr.dotted50pc{margin:10px 0;padding:2px;border-top:1px solid #066;border-bottom:1px solid #066;border-left:none;border-right:none;margin:20px 0}
hr.faint,hr.faintIndented{width:95%;margin:10px auto;border-top:1px dotted #666;border-bottom:0 dotted #999}
hr.faintIndented{width:95%;margin:10px auto 10px 40px}

@media (max-width:640px){hr,hr.dotted50pc{margin:8px 0 5px 0;padding:2px}}


hr.attentionTop{width:94%;margin:25px auto 10px auto;border-top:1px solid #999;border-bottom:1px solid #555}hr.attentionBot,hr.attentionBotSource{width:94%;margin:10px auto 25px auto;border-top:1px solid #555;border-bottom:1px solid #999}hr.attentionBotSource{margin: 10px auto 5px auto}

.footerLowerG{background-color:#000;text-align:left;width:100%;padding:0;margin:0;background-image: url("../images/web-images/footer-rain.jpg")}	
.footerUpper{background-color:#000;text-align:center;margin:0;padding:3px 0 0 0;border-bottom:solid 1px #666;border-top:solid 1px #666}

@media (max-width:640px){.footerLowerG{background-color:#000;background-image: url("../images/web-images/footer-rain-mob.jpg")}}

.onlyTabPortrait{display:none}
.codeDisplay, .codeDisplayInline, .codeDisplayInlineH2 {font-family: courier; margin: 5px 10px; color: #333; font-weight: 400}

.footerColumns{margin:0 auto;max-width:1200px;display:grid;padding:10px 0;grid-gap:60px;grid-template-columns:1fr 1fr 1fr}
.footerList{padding:0 0 0 25px}

@media (max-width:640px){.footerColumns,.footerList{display:none}.footerMobile{padding:15px 15px 15px 30px; border-top:solid 1px #fff}}

@media (min-width:641px){.imgMainS{display:none}}
@media (max-width:640px){.imgMainS{margin:0;display:block;width:100%}}

.youTubeContainer{position:relative;overflow:hidden;margin:10px auto;width:50%;padding-top:28%}.youTubeIframe{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}
@media (max-width:620px){.youTubeContainer{width:90%;padding-top:61%}}

@media (max-width:640px){.noMob{display:none}.HideForMob{display:none}.contactButtons{text-align:center;padding:10px 10px 20px 10px}}

@media (min-width:780px) AND (max-width:1099px){.noTabPortrait {display:none}.onlyTabPortrait{display:block}}

.breadcrumbs,.breadcrumbsDark{font-size:.875em;color:var(--fntLit);text-align:right;margin:0}
.breadcrumbsDark{color:var(--col2)}
.disclaimer {font-size: 11pt}
.fontSmall{font-size: 10pt}
.fontMid{font-size: 16pt}
.fontBig{font-size: 30pt}
.textCentre{text-align:center}
.italic,.italicise{font-style:italic}
.bolded {font-weight:700}
.indentedUl{margin-left:10px}
.indented{margin-left:20px}
.indented0{margin-left:0}
.indented10{margin-left:10px}
.indented30{margin-left:30px}
.indented45{margin-left:45px}
.indented60{margin-left:60px}
.inlineDisplay{display:inline}
.noWrap{white-space: nowrap}
.paddingLeft{padding-left:10px}
.noPadding{padding:0}
.noMargin{margin:0}
.noPaddingTop{padding-top:0}
.noMarginTop{margin-top:0}
.noPaddingBot{padding-bottom:0}
.noMarginBot{margin-bottom:0}
.noUnderline{text-decoration:none}
.underline{text-decoration:underline}
.white{color:var(--whiteHighlight)}
.light{color:var(--font-color)}
.black{color:#000}
.fntDrk{color:var(--fntDrk)}
.fntDrkH{color:var(--fntDrkH)}

h1,h2,h3,h4,h1.hp{font-family:Jubilat,Georgia,sans-serif;color:#999;font-size:1.3em;text-align:left;padding:0}
h3,h4{font-size:1.2em}
h1,h2,h3,h1.hp{color:#777;font-style:italic}

h1.hp{
	font-family: arial,helvetica,sans-serif;
	font-size:1.3em;
	font-style:unset;
	font-weight:400;
	text-align:right;
	}

h2{color:var(--h2-color);font-style:italic}

h3{padding-bottom:0; margin-bottom:4px; color:#999;}

h1.pageH1{
	font-family:Georgia,serif;
	font-style:italic;
	font-size:1.8em;
	letter-spacing:2px;
	line-height:150%;
	font-weight:400;
	color:#fff;
	margin:0;
	text-shadow:3px 3px 6px #000
	}
	
ul.indented{padding-left:15px;margin-top:0; }	

.hpBullet{color:var(--hpBullet);font-size: 13pt;}
.hpBullet:Hover{color:var(--hpBulletHover);font-size: 13pt;}

@media screen and (max-width:640px){
	h1.pageH1{text-transform:none;font-size:18pt;letter-spacing:1px;line-height:140%;margin:0 16px 0 0}
	.indentedUl{margin-left:0;padding-left:10px}
	.indented{margin-left:0}
	.indented0{margin-left:0}
	.indented10{margin-left:0}
	.indented10{margin-left:0}
	.indented45{margin-left:0}
	.indented60{margin-left:0}
	ul.indented{margin-left:0; padding-left:15px}
	ul.indented>li{margin-left:0; padding-left:4px}
}

h1.heroTitle{font-family: Georgia,serif;font-style: italic;	font-size:2em;line-height:180%;font-weight:400;width:100%;color:#fff;margin:35px 0 0 0;padding:0 0 0 65px;text-shadow:3px 3px 3px #373841;border-top:solid 1px #fff;border-bottom:solid 1px #fff;border-image:linear-gradient(45deg,#ccc,transparent) 1;background-image:linear-gradient(to right,rgba(0,0,0,.7),rgba(0,0,0,0))}
h1.hpH1{color:#fff;font-size:3em;text-align:center;line-height:100%;text-shadow:2px 2px #333;margin:0}
h2.headerCaption{font-family:Georgia,serif;font-size:1.325em;font-weight:400;color:#ccc;text-align:left;line-height:160%;letter-spacing:1px;margin:10px 0 15px 10px;padding:0;text-shadow:3px 3px 6px #222
}
h2.hpH2{color:#fff;font-size:1.4em;text-align:center;line-height:150%;text-shadow:2px 2px #333;margin:30px 0}
h2.faqsH2, h3.faqsH3 {color: var(--font-color);font-family: var(--fontFam);font-style:unset;font-weight:400;font-size: 1.2em;cursor:help}
h3.footerH3{color:#999;font-size:1em;margin:0;padding:0;text-decoration:none}
li.col1{color:#eee}li.col2{color:#aaa}
li.captionBullet {color: var(--captionBulletColour)}
h3.attention{color:var(--font-color);font-size:1.2em;margin:5px 0;font-style:italic;text-align:center}
h3.bulletHeadings{display:inline; font-size:1em;letter-spacing:.4px; color: var(--font-color); font-family:arial,helvetica,sans-serif; font-weight:600}
h4.captionContent,p.captionContent{font-size:36px;color:#fff;text-align:left;line-height:120%;font-family:Georgia,serif;font-style:italic;margin:10px 0 15px 0;padding:0;text-shadow:3px 3px 6px #333}

ol.altRows ul.altRows li:nth-child(odd){color:#eee}
ol.altRows ul.altRows li:nth-child(even){color:#bbb}
ol.altRows li:nth-child(odd){color:#eee; line-height:150%; padding-bottom:20px}
ol.altRows li:nth-child(even){color:#bbb; line-height:150%; padding-bottom:20px}

p,h5{font-size:1em;letter-spacing:.4px}
p{color:var(--font-color)}
h2.permLight,p.permLight{color:#ccc}
h2.permDark,p.permDark{color:#666}
p.captionVerbiage,p.captionVerbiageLeft{
	font-size:1.2em;
	color: #ddd
	}
p.intoPara{color:#eee;font-size:1.125em}
p.cookieText{color:#fff;font-size:1em}

.footerText{color:#ccc;font-size:11pt;line-height:1.5em;text-decoration:none;padding:0;margin:0}

@media (max-width:640px){
	p.captionContent,h2.headerCaption{font-size:24px;color:#eee;line-height:140%;font-family:Georgia,serif;font-style:italic;margin:0 20px 10px 10px}
	p.captionContent{font-size:24px;color:#eee;line-height:120%;font-family:Georgia,serif;font-style:italic;margin:0 20px 0 20px}
	p.captionVerbiageLeft{margin:20px 15px}p.captionVerbiageLeft{color:#eee}
	h2.headerCaption{font-size:22px;color:#eee;margin:0 20px 15px 0}
}

mark{background:0 0;color:var(--whiteHighlight)}
mark.mini{color:var(--fntDrkH);
background:0 0;font-size:.75em}

a{
	color:var(--font-color);
	text-decoration:underline;
	transition:.5s}
a:hover{color:var(--col1)}

a.breadcrumbs{font-size:1em;color:var(--col1);text-decoration:none}a.breadcrumbsDark{color:var(--col2);text-decoration:none}a:hover.breadcrumbs,a:hover.breadcrumbsDark{color:var(--col5)}a.h2Links{color:var(--col1);font-weight:700;text-align:left;padding:0 0 0 30px;text-decoration:none}a:hover.h2Links{color:var(--col2)}a:hover.insetContentBlockLinks{color:#066}

.bloglinks,a:link.bloglinks,a:visited.bloglinks{text-decoration:none;color:var(--font-color);font-weight:400}
a:hover.bloglinks{color:#099}

.sitemap1,a:link.sitemap1,a:visited.sitemap1,
.sitemap2,a:link.sitemap2,a:visited.sitemap2,
.sitemap3,a:link.sitemap3,a:visited.sitemap3
{text-decoration:none;color:#999;font-weight:400}

.sitemap2,a:visited.sitemap2,a:link.sitemap2{color:#ccc}
.sitemap3,a:visited.sitemap3,a:link.sitemap3{color:#f00}

a:hover.sitemap1,a:hover.sitemap2{color:#666}

.pageContentlinks,a:link.pageContentlinks,a:visited.pageContentlinks{text-decoration:none;color:var(--pageContentlinks);font-weight:400}
a:hover.pageContentlinks{color:#099}

a.links8{color:var(--col1);white-space:nowrap;padding:0 0 0 10px;text-decoration:none;font-size:.7em;line-height:1.6em}
a:hover.links8{color:#3cc}
a.normalFooter{color:#3cc;text-decoration:underline}
a:hover.normalFooter{color:var(--col1)}

.smallFooter,a.smallFooter{font-size:11pt;line-height:1.5em;color:#ccc;text-align:center;text-decoration:none;padding:0;margin:0}

a:hover.smallFooter{color:#099}a.topOfPage{font-size:.875em;color:#999;text-decoration:none}
a:hover.topOfPage{color:var(--col1)}
a:link.whiteLink,a:visited.whiteLink{color:var(--fntLit);text-decoration:underline}
a:hover.whiteLink{color:#ccc}
a:link.darkLink,a:visited.darkLink{color:var(--fntDrk);text-decoration:underline}
a:hover.darkLink{color:#099}
a:link.blogTitle,a:visited.blogTitle{color:#099;text-decoration:none;font-weight:700}
a:hover.blogTitle{color:#ccc}
a:link.blogTitleLink,a:visited.blogTitleLink{color:#fff;text-decoration:none;font-weight:700}
a:hover.blogTitleLink{color:#099}
a:link.resourceTitle,a:visited.resourceTitle{color:#066;text-decoration: none;font-weight: 700}
a:hover.resourceTitle {color: #099}
a:link.infoLinksH2,a:visited.infoLinksH2{text-decoration:none}
a:hover.infoLinksH2{color:#ccc}

.globalButton{background:var(--col2);margin:10px 0;padding:5px 18px;border:solid 1px var(--col1);border-radius:8px;cursor:pointer;text-decoration:none;color:#fff;transition:.5s}
.globalButton:hover{background:var(--col3);color:#fff;text-shadow:0 0 30px #fff}

.stdBtnLight,.stdBtnLightCustom{margin:auto 0;background:var(--col1);border:solid 1px var(--colLit)}
.stdBtnLight:hover{background:var(--col2)}

.stdBtnGrey{
	background:var(--stdBtnGreyBG);
	color:#ccc;
	border:solid 1px var(--colLit)
	}

.stdBtnGrey:hover{background:var(--stdBtnGreyBGHover)}


.stdBtnLightCustom{background:var(--col4);border:solid 1px var(--colLit)}.stdBtnLightCustom:hover{background:var(--col5);color:#000}
.cookie-btn{font-size:1.125em;margin:3px 0 18px 0;border:solid 1px var(--colLit)}

@media (max-width:860px){h1.heroTitle{font-size:2.3em}}

@media (max-width:640px){
	h1.heroTitle{text-shadow:3px 3px 3px #000;font-size:1.6em;line-height:2em;padding:0 0 0 15px;margin:0}
	h1.hpH1{font-size:2em;line-height:2.2em}h2.hpH2{font-size:1.3em;line-height:1.6em}
	.breadcrumbs{color:var(--fntLit);text-align:left;margin:0}
	a.breadcrumbs{color:#999;text-decoration:none}
	a:hover.breadcrumbs{color:var(--col2)}
	.indented,.indented10,.indented30,.indented45,.indented60{margin-left:0px}
	ul.indented30{margin-left:-20px}
	summary{margin-left:20px}
	.smallFooter,a.smallFooter{font-size:.9em;line-height:1.4em;color:#ccc;text-align:center;text-decoration:none;padding:6px 0;margin:0;text-decoration:none}
	a:hover.smallFooter{color:#066}
	
	a.callButton, a.mailButton{
		background-color:var(--col2);
		border:solid 1px #fff;
		border-radius:4px;
		text-decoration:none;
		padding:8px 25px;
		margin:5px 14px 35px 10px;
		color:#fff;
		font-weight:700;
		-webkit-box-shadow:5px 5px 5px rgba(0,0,0,.5);
		box-shadow:5px 5px 5px rgba(0,0,0,.5)
		}
	a.callButton{background-color:var(--col3);margin:5px 10px 35px 14px}
	a.callButton:hover,a.mailButton:hover{background-color:var(--col3);color:#fff;-webkit-box-shadow:3px 3px 3px rgba(0,0,0,.5);box-shadow:3px 3px 3px rgba(0,0,0,.5)}
	
	.mobileNav {line-height: 0.9em}
}

.min1400{width:100%}@media (max-width:1399px){.min1400{display:none}}.min820{width:100%}@media (max-width:819px){.min820{display:none}}.min520{width:100%}@media (max-width:519px){.min520{display:none}}

img.pageIntroImage {display: block;width: 100%;max-width: 360px;float: right;margin: 15px 3px 15px 15px;border: solid 1px #999;border-radius: 8px}

@media (max-width: 640px) {img.pageIntroImage {margin: 10px auto 8px auto}}

.revealH2,.revealBtn,.revealBtnMobFixed{position:relative;transform:translateX(150px);opacity:0;transition:.4s all ease}
.revealH2.active,.revealBtn.active,.revealBtnMobFixed.active{transform:translateX(0);opacity:1}
.revealText{position:relative;transform:translateY(150px);opacity:0;transition:.9s all ease}
.revealText.active{transform:translateY(0);opacity:1}

@media screen AND (max-width: 820px) {
.revealH2{position:relative;transform:unset;opacity:1;transition:1s all ease;color:green}
.revealH2.active{transform:unset;opacity:1}
}

@media (max-width:640px){
	.revealH2{
		position:relative;
		transform:translateX(20px);
		opacity:1;
		transition:1s all ease}
	.revealBtnMobFixed{
		position:relative;
		transform:translateX(0);
		opacity:1;
		transition:.4s all ease}
		}

.faqTitles {display:inline; font-family:var(--fontFam); color:var(--font-color); padding: 0 10px; font-weight:400; font-size: 1.05em;}
.faqQuestion {color:var(--font-color);}
.faqBox, .answerBox, .moreQuestionsBox, .questionsIntroBox {
	border:solid 1px var(--contentBoxBorder);
	border-radius:8px;
	margin: 8px 20px 25px 40px;
	padding: 2px 20px 5px 20px;
	background: #006666;
	background: var(--contentBoxGradientWebkit);
	background: var(--contentBoxGradientMoz);
	background: var(--contentBoxGradient);
	color: #bbb
}
	
.answerBox, .moreQuestionsBox, .questionsIntroBox  {
	margin: 8px 20px 35px 20px;
	padding: 2px 10px 5px 10px;
	background: #006666;
	background: var(--contentBoxGradientWebkit);
	background: var(--contentBoxGradientMoz);
	background: var(--contentBoxGradient);
	color: #bbb
}

.questionsIntroBox  {background: var(--questionsIntroBox);color: #bbb}
	
.moreQuestionsBox  {
	color: #bbb;
	background: #006666;
	background: var(--contentBoxGradientWebkit);
	background: var(--contentBoxGradientMoz);
	background: var(--contentBoxGradient);
	color: #bbb
	}

@media (max-width:640px){.moreQuestionsBox  {margin: 8px 1px 35px 1px}}
	
.faqBoxInOverlay {
	border: solid 1px #099;
	border-radius:8px;
	margin: 0;
	padding: 2px 20px 5px 20px;
	background: #006666;
	background: -webkit-linear-gradient(to bottom right, #dddddd 60%, #bbbbbb 100%);
	background: -moz-linear-gradient(to bottom right, #dddddd 60%, #bbbbbb 100%);
	background: linear-gradient(to bottom right, #dddddd 60%, #bbbbbb 100%);
	color: #066
}

.faqBoxInOverlay > p > a.faqContentLink {color: #066}
.faqBoxInOverlay > p > a.faqContentLink:hover {color: #099}
.faqBoxInOverlay > ul > li > a.faqContentLink {color: #066}
.faqBoxInOverlay > ul > li > a.faqContentLink:hover {color: #099}

details>summary>h3.faqTitles {color:var(--font-color);transition: 0.6s}
details>summary>h3.faqTitles:hover {color:#099}
details[open]>summary>h3.faqTitles {var(--font-color)}

details[open] summary ~ * {animation: fadeOpen .9s ease-in-out}
@keyframes fadeOpen {
  0%    {opacity: 0}
  100%  {opacity: 1}
}

@media (max-width:640px){
	details>summary>h3.faqTitles {color:#ccc;transition: 0s}
	details>summary>h3.faqTitles:hover {color:#ccc}
	details[open]>summary>h3.faqTitles {color:#ccc}
	summary {list-style: none;padding-left: 0;margin-left: 0}
	.faqBox {border: solid 1px #ccc;border-radius:8px;margin: 8px 1px 25px 10px;padding: 2px 10px 5px 10px}
	.faqTitles {padding: 0; font-weight:400}	
}

li {list-style-image: linear-gradient(to left top, #000, #aaa);padding: 2px 10px 5px 10px;transition:0.5s all ease;color:var(--font-color)}
li:hover {list-style-image: linear-gradient(to left top, #000, #099)}
ul.listWrap {height: 250px;display: flex;flex-direction: column;flex-wrap: wrap}

.librtag {display: block;padding: 7px 0 0 0}

@media (min-width:640px) AND (max-width:1080px){
	ul.listWrap {
	height: 350px;
	display: flex;
	margin-left: 0;
	padding-left: 10px;
	flex-direction: column;
	flex-wrap: wrap}
}

@media (max-width:640px){
	ul.listWrap {height: auto;display: block;margin-left: 0;padding-left: 10px}
	ul.listWrap > li {margin-left: 6px;padding-left: 6px}
}

/* SLIDER CLASSES */
/*slider switch css */
.modeSwitchWrapper{display:flex;align-items: center}
.modeSwitch {display: inline-block;height: 22px;position: relative;width: 50px}

/* not sure if used */
.modeSwitch input {display:none}

/* slider body */
.slider {
	background-color: #333;
	bottom: 0;
	cursor: pointer;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: .9s all ease;
	border: solid 2px #999;
}

/* slider dot */
.slider:before {
	background-color: #fff;
	bottom: 2px;
	content: "";
	height: 14px;
	width: 14px;
	left: 2px;
	position: absolute;
	transition: .9s all ease;
}

/* slider BG when checked */
input:checked + .slider {background-color: #fff;border: solid 2px #999;}

/* slider travel disance */
input:checked + .slider:before {transform: translateX(27px);background-color:#000}

@media (max-width:640px){
	input:checked + .slider:before {transform: translateX(18px);background-color:#000}
}

.slider.round {border-radius:28px}
.slider.round:before {border-radius:50%}

@media (max-width:640px){.noMob{display:none}}

.italic {font-style:italic}


.selectDD {
    width: 300px;
    height: 40px;
    font-size: 14px;
    padding: 10px 10px;
    margin: 1px 0 15px 0;
    display: inline-block;
    border: 2px solid var(--col2);
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #eee;
    color: #666;
}

@media (max-width: 575px) {
.selectDD {
    width: 280px;
    height: 40px;
    border: 2px solid var(--col2);
    font-size: 16px;
    color: #666;
    background-color: #eee;
    border-radius: 4px;
    margin: 1px 0 15px 0;
}
}