/*
most of this css (aside from html,body and the like)
is compiled into the frontend BS4/style.css within .cms-text { ... }
this is only used to make CK editor look like the front end
*/
html,body {font-size:0.93em; font-family:Arial,Verdana,Helvetica,sans-serif; color:#333;}
/*p {font-family:Arial,Verdana,Helvetica,sans-serif; color:#333;}*/
h1 {font-size:1.4em; color:#646464; margin:0; padding:0;}
h2 {padding:2px 0 2px 0; margin:20px 0 12px 0; color:#58AE32; font-size:1.2em; border-bottom:1px solid #c6e5bf;}
h3 {padding:0 0 2px 0; margin:20px 0 20px 0; color:#646464; font-size:1.1em; border-bottom:1px solid #e1e9dc;}
h4 {padding:0 0 2px 0; margin:20px 0 20px 0; color:#646464; font-size:1.1em; border-bottom:1px solid #e1e9dc;}
h2.hilite1 {color:#63B1BC; border-bottom:1px solid #f0e0e0;}
a, a:link, a:visited {color:#3f7d2f; text-decoration:underline;}
a:hover {color:#3a4952; text-decoration:underline;}
a.stddkgrey:hover {color:#000;}
a.dkgrey:hover {color:#000;}
a.linkUline {text-decoration:underline !important;}
a.linkUline:hover {text-decoration:underline !important;}
a.linkWhiteSolidUline {text-decoration:none !important; border-bottom:1px solid #fff !important;}
a.linkWhiteSolidUline:hover {text-decoration:none !important; border-bottom:1px dashed #fff !important;}
a.linkWhiteDotUline {text-decoration:none !important; border-bottom:1px dotted #fff !important;}
a.linkWhiteDotUline:hover {text-decoration:none !important; border-bottom:1px solid #fff !important;}
a.linkGreenDotUline {text-decoration:none !important; border-bottom:1px dotted #58AE32 !important;}
a.linkGreenDotUline:hover {text-decoration:none !important; border-bottom:1px solid #58AE32 !important;}
a.linkGreyDotUline {text-decoration:none !important; border-bottom:1px dotted #ccc !important;}
a.linkGreyDotUline:hover {text-decoration:none !important; border-bottom:1px solid #ccc !important;}
a.linkPlain {color:#333; text-decoration:none; border:none;}
a.linkPlain:hover {color:#333; text-decoration:none; border:none;}
a.adk {color:#333; text-decoration:none !important; border-bottom:1px dotted #999;}
a.adk:hover {color:#333; text-decoration:none !important; border-bottom:1px solid #333;}
a.adknoul {color:#333; text-decoration:none !important; border-bottom:1px solid transparent;}
a.adknoul:hover {color:#333; text-decoration:none !important; border-bottom:1px solid #333;}
a.adkrednoul {color:#c03; text-decoration:none !important; border-bottom:1px solid transparent;}
a.adkrednoul:hover {color:#c03; text-decoration:none !important; border-bottom:1px solid #c03;}
a.wsu {text-decoration:none; border-bottom:1px solid #fff;}
a.wsu:hover {text-decoration:none; border-bottom:1px dashed #fff;}
a.wdu {text-decoration:none !important; border-bottom:1px dotted #fff;}
a.wdu:hover {text-decoration:none !important; border-bottom:1px solid #fff;}
a.gdu {text-decoration:none !important; border-bottom:1px dotted #3a4952;}
a.gdu:hover {text-decoration:none !important; border-bottom:1px solid #3a4952;}
a.grndu {text-decoration:none !important; border-bottom:1px dotted #58AE32;}
a.grndu:hover {text-decoration:none !important; border-bottom:1px solid #58AE32;}
/* CKE basic plugin */
/* img[style*="left"] {margin:0 10px 0 0 !important; border:2px solid green !important; display:block !important;} */
/* img[style*="right"] {margin:0 0 0 10px !important; border:2px solid red !important; display:block !important;} */
/* For CKE.CMS */
p.imageCentre, div.imageCentre {text-align:center;}
p.imageLeft, div.imageLeft {text-align:left;}
p.imageRight, div.imageRight {text-align:right;}
img.imageCentre, p.imageCentre img, div.imageCentre img {margin:0 auto !important; display:block !important;}
img.imageLeft, p.imageLeft img, div.imageLeft img {float:left; margin:0 10px 0 0; display:block !important;}
img.imageRight, p.imageRight img, div.imageRight img {float:right; margin:0 0 0 10px; display:block !important;}
/* Legacy Tiny-made content */
.imageLeft {float:left; margin:0 10px 0 0;}
.imageRight {float:right; margin:0 0 0 10px;}
hr {color:#c6e5bf; background-color:#c6e5bf; height:1px;}
ul.listStyle1 {margin:0 0 4px 16px; padding:0; list-style-type:none;}
ul.listStyle1 li {margin:6px 0 6px 0; padding:0 0 0 14px; background:url('/site/assets/images/common/liststyle1_arrow.gif') no-repeat 0 2px;}
ul.listStyle1 li a, ul.listStyle1 li a:visited {text-decoration:none !important; border-bottom:1px dotted #58AE32;}
ul.listStyle1 li a:hover {text-decoration:none !important; border-bottom:1px solid #58AE32;}
ul.listStyle1 a.u {text-decoration:underline;}
ul.listStyle2 {margin:0; padding:0; list-style-type:none;}
ul.listStyle2 li {margin:6px 0 10px 0; padding:0 0 2px 14px; background:url('/site/assets/images/common/liststyle1_arrow.gif') no-repeat 0 2px; border-bottom:1px solid #e1e9dc;}
ul.listStyle2 li a, ul.listStyle2 li a:visited {color:#646464; text-decoration:none;}
ul.listStyle2 li a:hover{color:#3a4952; text-decoration:underline;}
ul.listStyle3 {margin:0 0 4px 16px; padding:0; list-style-type:none;}
ul.listStyle3 li {margin:6px 0 6px 0; padding:0 0 0 14px; background:url('/site/assets/images/common/liststyle3_arrow.gif') no-repeat 0 2px;}
ul.listStyle3 li a, ul.listStyle1 li a:visited {color:#646464; text-decoration:none;}
ul.listStyle3 li a:hover {color:#3a4952; text-decoration:underline;}
ul.listStyle3 a.u {text-decoration:underline;}
ul.listStyle4 {margin:0; padding:0; list-style-type:none;}
ul.listStyle4 li {margin:6px 0 10px 0; padding:0 0 2px 14px; background:url('/site/assets/images/common/liststyle1_arrow.gif') no-repeat 0 2px; border-bottom:1px solid #e1e9dc;}
ul.listStyle4 li a, ul.listStyle4 li a:visited {color:#333; text-decoration:none;}
ul.listStyle4 li a:hover{color:#000; text-decoration:underline;}
ul.listStyle5 {margin:8px 0 0 0; padding:0; list-style-type:none;}
ul.listStyle5 li {margin:4px 0 4px 0; padding:0 0 2px 14px; background:url('/site/assets/images/common/liststyle3_arrow.gif') no-repeat 0 2px;}
ul.listStyle5 li a, ul.listStyle2 li a:visited {color:#646464; text-decoration:none;}
ul.listStyle5 li a:hover{color:#3a4952; text-decoration:underline;}
ul.listStyle6 {margin:8px 0 0 0; padding:0; list-style-type:none;}
ul.listStyle6 li {margin:4px 0 8px 0; padding:0 0 2px 12px; background:url('/site/assets/images/common/liststyle1_arrow.gif') no-repeat 0 2px;}
ul.listStyle6 li a,
ul.listStyle6 li a:visited {font-weight:bold; color:#646464; text-decoration:none;}
ul.listStyle6 li a:hover{color:#3a4952; text-decoration:underline;}
ul.leftMargZero {margin:0 0 4px 0;}
ul.leftMargZero {margin:0 0 4px 0;}
figure {text-align:center; border:solid 1px #ccc; border-radius:8px; background:rgba(0,0,0,0.05); padding:4px; margin:0; display:inline-block;}
figure > figcaption {text-align:center; font-size:0.90em; display: block;}
hr {color:#c6e5bf; background-color:#c6e5bf; height:1px;}
sup {vertical-align:top;}
span.green, p.green {color:#58AE32;}
span.litegreen, p.litegreen {color:#e1e9dc;}
span.midgrey, p.midgrey {color:#646464;}
span.dkgrey, p.dkgrey {color:#3a4952;}
span.white, p.white {color:#fff;}
span.dkblugrey, p.dkblugrey {color:#344855;}
span.stddkgrey, p.stddkgrey {color:#333;}
span.ltblu, p.ltblu {color:#B6CFD0;}
span.dkblu, p.dkblu {color:#3a6b9c;}
span.red, p.red {color:#f03;}
span.dkred, p.dkred {color:#c03;}
span.bold, p.bold, a.bold {font-weight:bold;}
span.italic, p.italic {font-style:italic;}
span.bolditalic, p.bolditalic {font-weight:bold; font-style:italic;}
span.normal, p.normal, li.normal, div.normal, a.normal {font-weight:normal;}
/* Larger */
p.L1, span.L1, div.L1 {font-size:0.96em;}
p.L2, span.L2, div.L2 {font-size:1em;}
p.L3, span.L3, div.L3 {font-size:1.1em;}
p.L35, span.L35, div.L35 {font-size:1.12em;}
p.L4, span.L4, div.L4 {font-size:1.2em;}
p.L5, span.L5, div.L5 {font-size:1.3em;}
p.L6, span.L6, div.L6 {font-size:1.4em;}
/* Smaller */
p.S1, span.S1, div.S1 {font-size:0.90em;}
p.S2, span.S2, div.S2 {font-size:0.86em;}
p.S3, span.S3, div.S3 {font-size:0.80em;}
p.S4, span.S4, div.S4 {font-size:0.70em;}
p.S5, span.S5, div.S5 {font-size:0.68em;}
a.green, a.green:visited, a.green:link {color:#58AE32;}
a.litegreen, a.litegreen:visited, a.litegreen:link {color:#e1e9dc;}
a.midgrey, a.midgrey:visited, a.midgrey:link {color:#646464;}
a.dkgrey, a.dkgrey:visited, a.dkgrey:link {color:#3a4952;}
a.white, a.white:visited, a.white:link {color:#fff;}
a.dkblugrey, a.dkblugrey:visited, a.dkblugrey:link {color:#344855;}
a.stddkgrey, a.stddkgrey:visited, a.stddkgrey:link {color:#333;}
a.ltblu, a.ltblu:visited, a.ltblu:link {color:#B6CFD0;}
a.dkblu, a.dkblu:visited, a.dkblu:link {color:#3a6b9c;}
a.red, a.red:visited, a.red:link {color:#f03;}
a.dkred, a.dkred:visited, a.dkred:link {color:#c03;}
/* Hack to demarcate DIVs.
We want these in the Div Container Manager plugin ("creatediv" on toolbar)
but not in the Styles dropdown. But we can't do this. So we have a
dummy class as demarcation...
*/
div.______________________ {}
div.clearBoth {clear:both; height:0; font-size:0; line-height:0; margin:0; padding:0;}
div.spacer54 {clear:both; height:54px; font-size:0;}
div.spacer20 {clear:both; height:20px; font-size:0;}
div.spacer19 {clear:both; height:19px; font-size:0;}
div.spacer16 {clear:both; height:16px; font-size:0;}
div.spacer12 {clear:both; height:12px; font-size:0;}
div.spacer10 {clear:both; height:10px; font-size:0;}
div.spacer8 {clear:both; height:8px; font-size:0;}
div.spacer6 {clear:both; height:6px; font-size:0;}
div.spacer4 {clear:both; height:4px; font-size:0;}
div.spacer2 {clear:both; height:2px; font-size:0;}
div.headedCopyBlock1 {margin:0 0 24px 0;}
div.headedCopyBlock1 .text {text-indent:12px; margin:0 0 6px 0;}
div.headedCopyBlock1 .heading {text-indent:12px; font-weight:bold; color:#58AE32; padding:4px 0 4px 0; margin:0 0 12px 0;
background:url('/site/assets/images/common/liststyle1_arrow.gif') no-repeat 0 6px;
border-top:1px solid #e1e9dc; border-bottom:1px solid #e1e9dc;}
div.green {color:#58AE32;}
div.litegreen {color:#e1e9dc;}
div.midgrey {color:#646464;}
div.dkgrey {color:#3a4952;}
div.white {color:#fff;}
div.dkblugrey {color:#344855;}
div.stddkgrey {color:#333;}
div.ltblu {color:#B6CFD0;}
div.dkblu {color:#3a6b9c;}
div.red {color:#f03;}
div.dkred {color:#c03;}
div.bold {font-weight:bold;}
div.italic {font-style:italic;}
div.bolditalic {font-weight:bold; font-style:italic;}
div.normal {font-weight:normal;}
table.defaultTbl {border-collapse:collapse; border:1px solid #e1e9dc;}
table.defaultTbl td {padding:4px; margin:0; border:1px solid #e1e9dc; vertical-align:top;}
table.defaultTbl th {font-weight:bold; text-align:left; background:#dff0da; border:1px solid #58AE32; border-bottom:2px solid #58AE32;}
p.alignCentre {text-align:center;}
p.alignRight {text-align:right;}
p.alignLeft {text-align:left !important;}
div.alignCentre {text-align:center;}
div.alignRight {text-align:right;}
div.alignLeft {text-align:left !important;}
/*-----------------------------------------------------------------------------*/
/* TEMPLATES */
/*-----------------------------------------------------------------------------*/
/* Highlights */
div.homeHiliteDouble {width:524px; height:126px; margin:0; top:-1px; border:2px solid #646464; border-radius:12px;
clear:both; position:relative; color:#333;}
div.inPageHiliteDouble {width:524px; height:126px; margin:0 0 20px 0; top:-1px; border:2px solid #646464; border-radius:12px;
clear:both; position:relative; color:#333;}
div.inPageHiliteDouble a {display:inline;}
div.homeHiliteDouble a {display:inline;}
span.cke_widget_inline {display:block !important;}
div.homeHiliteDouble span span.cke_widget_drag_handler_container {display:none !important;}
img.hiliteLeftImg {display:block; float:left; border-radius:12px 0 0 12px;}
div.hiliteLeftHeader {font-size:1.3em; font-weight:bold; color:#646464; padding:8px 8px 4px 192px;}
div.hiliteLeftBody {padding:0 8px 4px 192px;}
div.hiliteLeftBodyLg {padding:0 8px 4px 192px; font-size:1.2em;}
img.hiliteRightImg {display:block; float:right; border-radius:0 12px 12px 0;}
div.hiliteRightHeader {font-size:1.3em; font-weight:bold; color:#646464; padding:8px 8px 4px 8px;}
div.hiliteRightBody {padding:0 8px 4px 8px;}
div.hiliteRightBodyLg {padding:0 8px 4px 8px; font-size:1.2em;}
.headerL4Green {font-size:1.4em !important; color:#58AE32 !important;}
img {
max-width: 100%;
height: auto;
}