/* baseline experience */

/* Cookie consent */
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-banner .cc-btn:last-child{min-width:140px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}




/* W3C - HTML5 Intro - To secure correct behavior in older browsers */
header, section, footer, aside, nav, main, article, figure {
    display: block;
}

nav {height:3.9em;}



/*  Responsive 2 col grid - SECTIONS www-responsivegridsystem-com */
.section {clear: both; padding: 0px; margin: 0px;}

/*  Responsive 2 col grid - COLUMN SETUP  */
.col {display: block; float:left; margin: 1% 0 1% 1.6%; }
.col:first-child { margin-left: 0; }

/*  Responsive 2 col grid - GROUPING  */
.group:before, .group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  Responsive 2 col grid - GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}

/*  Responsive 2 col grid - GO FULL WIDTH AT LESS THAN 600 PIXELS */

@media only screen and (max-width: 600px) 
{
.col {margin: 1% 0 1% 0%;}
}

@media only screen and (max-width: 600px) 
{
.span_2_of_2, .span_1_of_2 { width: 100%; }
}

.CSbox {max-width:100%; max-height:100%; margin:0  .5em  .5em 0em; padding: .5em; -webkit-border-radius:1.2em; -moz-border-radius:1.2em; border-radius:1.2em;  border:2px; border-style:solid; text-align:left;}



/* Main Styling */
/* wrapper and footer*/
.wrapper{min-height:100%;width:100%;height:auto !important; height:100%; margin:0 auto -4em;background-color:#FFF;}
.push{height:12em; clear:both; z-index:-1;}
.push_SSN {height:12em; clear:both;}
.footer{width:100%; margin:0 auto -4em;}

html, body{height:100%;}
body{margin:0; padding:0; font-family:Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: .875em; line-height:180%;}

h1{font-size: 1.625em; margin-top: .54em; margin-bottom: .54em;}
h2{font-size: 1.4em; margin-top: .3em; margin-bottom: .3em;}
h3{font-size: 1.17em; margin-top: .3em; margin-bottom: .3em;}
h4{margin-top: 1em; margin-top: 1.33em; margin-bottom: 1.33em;}
h5{font-size: .83em; margin-top: 1.67em; margin-bottom: 1.67em;}
h6{font-size: .67em; margin-top: 2.33em; margin-bottom: 2.33em;}

h7{font-size:1.8em; line-height:1.1em; font-weight: bold;}
h9{font-size: 1.4em; margin-top: .7em; margin-bottom: .7em;}

/* Text colours */
h8{font-size:1.8em; line-height:1em; color:#d00000; font-weight: bold;}
.redtext{color:#d00000;}
#bluetext{color:#5900df;}
.greytext{color:#C1C1C5;}
.blacktext{float:left; margin:0px 0px 0px 12px; color:#000;}

#center{position:relative; top:3.4em; padding:0 .2em;}
.center_text{width:100%; text-align:center;}



/* footer design */
.footerLEFT, .footerRIGHT {height:auto; width:48%; padding: .5em; margin: .5em 0; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; text-align:left;}
.footerLEFT  {background-color:#CCE0FF; float:left;}
.footerRIGHT {background-color:#99C2FF; float:right;}

.RIGHT {float:right;}

.footer_searchpglink, .footer_infopglink{float:left; width:96%; font-size: .85em; padding: 0 .3em; margin: .5em 0; color:#000; text-decoration:none; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.footer_searchpglink{background-color:#EE9A69;}
.footer_searchpglink:hover{background-color:#7aed68;}

.footer_infopglink{background-color:#75C5F0;}
.footer_infopglink:hover{background-color:#e8a1ed;}

.footer_searchpglink:active, .footer_infopglink:active{background-color:#FFF;}

.footernotes{position:relative; display:table; height:auto; width:100%; background-color:#CCE0FF; -webkit-border-radius: .8em; -moz-border-radius: .8em;border-radius: .8em; text-align:center;}

.infopglinkTINY, .contactpglinkTINY  {display:inline-block; padding:0 .5em; margin:.5em 1em; color:#000; text-decoration:none; font-size:90%; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em;}

.infopglinkTINY {background-color:#75C5F0;}
.infopglinkTINY:hover {background-color:#f2ccf5;}

.contactpglinkTINY {background-color:#c2b0d0;}
.contactpglinkTINY:hover{background-color:#b5db99;}

ul.mc {list-style:none; margin:0;}
.fl {float:left;}

.footerDkblue {height:auto; padding: .5em; margin: .5em 0; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; text-align:left; background-color:#99C2FF;}



/* Main Contents */
.date{font-size: .8em; font-style:italic;}
.archive{text-decoration:none;}
a.link{color:#307dc0; text-align:left;}
a {text-decoration:underline; color:#000; border-bottom:0 #000 dotted;}
a img {max-width: 100%; height: auto; border:none; border-bottom:0 #000 dotted; text-decoration:none;}
img {max-width:100%; height:auto;}

.chpdrop {position:relative; width:100%; float:left;}

.chapter4SETS, .chapter4MAPS, .chapterplain{position:relative; float:left; width:13em; height:26em; margin:0  .5em  .5em 0em; padding: .5em; -webkit-border-radius:1.2em; -moz-border-radius:1.2em; border-radius:1.2em;  border:2px; border-style:solid; text-align:center;}
.chapter4MAPS{height:23em;}
.chapterplain{width:14em; height:19em; margin: .3em; padding: .5em  .3em;}

.chapter4SETSbuttons{position:absolute; top: 18em; text-align:center;}



#GalleryText, .Gallerycartoon_title, .contents{position:relative; float:left; width:100%; text-align:left;}
.Gallerycartoon_title{width:79%;}
.contents, .full_width_contents{top:10px;}



#GalleryNEXTright{position:relative; float:right; }
#GalleryPREVleft{position:relative; float:left; }

#thumb_gall{width:auto; height:100%; top:0%; padding: .5em .2em .5em .1em; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; border:1px solid black; text-align:center; overflow:auto;}

#FBS_SETS_centre{float:left;}

#cartoon_keywords{float:left; width:72%; border:1px; border-style:dotted; text-align:center;}

input:focus, textarea:focus{border:2px dotted red; -webkit-box-shadow:none; box-shadow:none; background-color:#eee;}

.merch_center{float:left; width:78%; text-align:left;}
.merchCOLleft{float:left; width:38%;}
.merchCOLright{float:left; margin: 0 0 1em 0; width:60%;}
#cartoon4christmas{float:center; height:50px; text-align:center;}

.cardl, .card {padding:0 1em; margin:0 1em; background-color: #f1f1c1;}
.card {text-align:right;}

#HomeTile {position: fixed; top: 0; left: 0; z-index:-2; width: 100%; height: auto; }



/* from Adaptive Web Design book p142 */
.hidden {position: absolute; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px);}
.unhidden{display:block;}



/* landing pages */
.land_pg_box1, .land_pg_box2 {padding:1em; -webkit-border-radius: .8em;-moz-border-radius: .8em;border-radius: .8em; border:1px #000 solid; background-color:#FFF;}
.land_pg_box1 img, .land_pg_box2 img {width:100%; height:auto;}

.land_pg_box2 {display:block; overflow:auto; margin: 2% 0;}

#Begin_Search{margin-left:7em;}



/* box styles */
a.SquareGreenBox, .redMeta4s
{float:left; width:12.5em; height:4em; padding:.5em .3em; border:1px solid #000; text-decoration:none; text-align:center;}

a.SquareGreenBox{background-color:#b7db8e;}
a.SquareGreenBox:hover{background-color:#878dff;}

.redMeta4s{background-color:#ff8a8a;}

.white, .brown {width:100%; height:10.5em; padding: .5em; border:1px solid #000; text-align:center; float:left; }
.white {background-color:#fff;}
.white:hover {background-color:#ddd;}

.brown{background-color:#FFAA33;}

.orangebox, .animationbox, .icebluebox, .greenbox, .infobluebox, .yellowbox, .goldbox, .hubbox
{padding:1em; margin:0 0 1em 0; border:1px #000 solid; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; list-style:none;}

.orangebox{background-color:#ffe6cc;}
.animationbox{background-color:#f2e0ff;}
.icebluebox{background-color:#DDFFFF;}
.greenbox{background-color:#e9f8e3;}
.infobluebox{background-color:#e4f4fc;}
.yellowbox{background-color:#FFFFE0;}
.goldbox{background-color:#F8C300;}
.hubbox{background-color:#e8e8ff;}

.ltbluebackgnd {background-color: #f0faff;} 

.ltbluebox, .dkbluebox {height:auto; padding: .5em; margin: .5em 0; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; text-align:left;}

.ltbluebox { background-color:#CCE0FF;}
.dkbluebox { background-color:#99C2FF;}




.puttingtheword_box{ -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; float:left; padding: .4em 0; margin:0 0 .5em 0; width:100%; text-decoration:none; text-align:center; font-weight:bold; font-size:130%;
height: 100%;
background-color:#F8C300;
background: #F8C300; /* For browsers that do not support gradients */    
background: -webkit-linear-gradient(left, #F8C300 , yellow, #F8C300); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, #F8C300, yellow, #F8C300); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, #F8C300, yellow, #F8C300); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, #F8C300 , yellow, #F8C300); /* Standard syntax (must be last) */
}



/* Horizontal lines */
hr.search, hr.viewBC, hr.yellow, hr.lightgreen, hr.teal, hr.contact, hr.info, hr.map, hr.links {width:100%; height:2px; border:0;}

hr.search{color:#EE9A69; background-color:#EE9A69;}
hr.viewBC{color:#FAD282; background-color:#FAD282;}
hr.yellow{color:#FFFA88; background-color:#FFFA88;}
hr.lightgreen{color:#B7DB8E; background-color:#B7DB8E;}
hr.teal{color:#8fdcd0; background-color:#8fdcd0;}
hr.contact{color:#b89bcf; background-color:#b89bcf;}
hr.info{color:#75C5F0; background-color:#75C5F0;}
hr.map{color:#8fdcd0; background-color:#8fdcd0;}

hr.black{ width:100%; height:0.1em; color:#000; background-color:#000; border:0;}

hr.whitespacer{width:100%; height:16px; border:0; color:#000;}



/* Button designs */
input#Add_hi_Button[type=submit], input#Add_med_Button[type=submit], input#Add_hi_ButtonSET[type=submit], input#Add_med_ButtonSET[type=submit], input#Add_hi_illos_Button[type=submit], input#Add_med_illos_Button[type=submit], input#Add_merch_Button[type=submit], input#Add_hi_Meta4s_Button[type=submit], input#Add_med_Meta4s_Button[type=submit], a.ViewBuy_Button, a.ViewBuyALL_Button, a.Free_BC_Button, a.Return_BB_Button, a.Res_Button, a.Return_illos_Button, a.Free_illos_Button, a.Return_Meta4s_Button, a.Free_Meta4s_Button, a.Return2Cat_Meta4s_Button, a.Return2Cat_Illos_Button, a.Return_Merch_Button, a.ViewBuyEaster_Button, button.Add_hi_ButtonSMALL, button.Add_med_ButtonSMALL, button.Add_hi_illos_ButtonSMALL, button.Add_med_illos_ButtonSMALL, button.Add_hi_Meta4s_ButtonSMALL, button.Add_med_Meta4s_ButtonSMALL
{display:block; margin: .6em 0; padding: .6em .2em; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em; border: .1em solid #000; text-decoration:none; font-size:1em; white-space:normal; -webkit-appearance: none;}

input#Add_hi_Button[type=submit]{background-color:#faca50;}
input#Add_hi_Button:hover{background-color:#ade2ff;}

input#Add_med_Button[type=submit]{background-color:#fff878;}
input#Add_med_Button:hover{background-color:#ade2ff;}

input#Add_hi_ButtonSET[type=submit]{background-color:#ade2ff;}
input#Add_hi_ButtonSET:hover{background-color:#faca50;}

input#Add_med_ButtonSET[type=submit]{background-color:#bde8b7;}
input#Add_med_ButtonSET:hover{background-color:#e3b9e9;}

input#Add_hi_illos_Button[type=submit]{background-color:#faca50;}
input#Add_hi_illos_Button:hover{background-color:#ade2ff;}

input#Add_med_illos_Button[type=submit]{background-color:#fff878;}
input#Add_med_illos_Button:hover{background-color:#ade2ff;}

input#Add_hi_Meta4s_Button[type=submit]{background-color:#faca50;}
input#Add_hi_Meta4s_Button:hover{background-color:#ade2ff;}

input#Add_med_Meta4s_Button[type=submit]{background-color:#fff878;}
input#Add_med_Meta4s_Button:hover{background-color:#ade2ff;}

input#Add_merch_Button[type=submit]{background-color:#e4f3af;}
input#Add_merch_Button:hover{background-color:#f4bdce;}

a.ViewBuy_Button{background-color:#e3b9e9;}
a.ViewBuy_Button:hover{background-color:#bde8b7;}

a.ViewBuyALL_Button{background-color:#55b3f6;}
a.ViewBuyALL_Button:hover{background-color:#f9bc90;}

a.Free_BC_Button{background-color:#cdd3ef;}
a.Free_BC_Button:hover{background-color:#e4f7d5;}

a.Return_BB_Button{background-color:#C8D7E6;}
a.Return_BB_Button:hover{background-color:#ee9a69;}

a.Res_Button{ background-color:#e0e6ff; }
a.Res_Button:hover{background-color:#ffba9e;}

a.Return_illos_Button{ background-color:#B7DB8E;}
a.Return_illos_Button:hover{background-color:#d7a7a9;}

a.Free_illos_Button{background-color:#cdd3ef;}
a.Free_illos_Button:hover{background-color:#e4f7d5;}

a.Return_Meta4s_Button{background-color:#B7DB8E;}
a.Return_Meta4s_Button:hover{background-color:#d7a7a9;}

a.Free_Meta4s_Button{background-color:#cdd3ef}
a.Free_Meta4s_Button:hover{background-color:#e4f7d5;}

a.Return2Cat_Meta4s_Button{background-color:#ffe894;}
a.Return2Cat_Meta4s_Button:hover{background-color:#708fff;}

a.Return2Cat_Illos_Button{background-color:#ffe894;}
a.Return2Cat_Illos_Button:hover{background-color:#708fff;}

a.Return_Merch_Button{background-color:#B7DB8E;}
a.Return_Merch_Button:hover{background-color:#d7a7a9;}

a.ViewBuyEaster_Button{background-color:#ff8686;}
a.ViewBuyEaster_Button:hover {background-color:#ebeb75;}

button.Add_hi_ButtonSMALL{width: 13em; background-color:#faca50;}
button.Add_hi_ButtonSMALL:hover{background-color:#ade2ff;}

button.Add_med_ButtonSMALL{width: 13em; background-color:#fff878; }
button.Add_med_ButtonSMALL:hover{background-color:#ade2ff;}

button.Add_hi_illos_ButtonSMALL{width: 13em; background-color:#faca50;}
button.Add_hi_illos_ButtonSMALL:hover{background-color:#ade2ff;}

button.Add_med_illos_ButtonSMALL{width: 13em; background-color:#fff878;}
button.Add_med_illos_ButtonSMALL:hover{background-color:#ade2ff;}

button.Add_hi_Meta4s_ButtonSMALL{width: 13em; background-color:#faca50;}
button.Add_hi_Meta4s_ButtonSMALL:hover{background-color:#ade2ff;}

button.Add_med_Meta4s_ButtonSMALL{width: 13em; background-color:#fff878;}
button.Add_med_Meta4s_ButtonSMALL:hover{background-color:#ade2ff;}

a.NT1linkSpecial{display:block; padding:.5em; margin: .2em 0; background-color:#f9b44d; text-decoration:none; font-size:150%; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
a.NT1linkSpecial:hover{background-color:#f0c1e9;}

input#Add_hi_Button:active, input#Add_med_Button:active, a.ViewBuy_Button:active, a.ViewBuyALL_Button:active, a.ViewBuyEaster_Button:active, a.Free_BC_Button:active, a.Return_BB_Button:active, a.Res_Button:active, input#Add_hi_ButtonSET:active, input#Add_med_ButtonSET:active, input#Add_hi_illos_Button:active, input#Add_med_illos_Button:active, a.Return_illos_Button:active, a.Free_illos_Button:active, input#Add_hi_Meta4s_Button:active, input#Add_med_Meta4s_Button:active, a.Return_Meta4s_Button:active, a.Free_Meta4s_Button:active, a.Return2Cat_Meta4s_Button:active, a.Return2Cat_Illos_Button:active, input#Add_merch_Button:active, a.Return_Merch_Button:active, button.Add_hi_ButtonSMALL:active, button.Add_med_ButtonSMALL:active, button.Add_hi_illos_ButtonSMALL:active, button.Add_med_illos_ButtonSMALL:active, button.Add_hi_Meta4s_ButtonSMALL:active, button.Add_med_Meta4s_ButtonSMALL:active, a.NT1linkSpecial:active 
{background-color:#FFF;}



/* Maps Button designs */
.Map_But {display:block; margin: .6em 0; padding: .6em .2em; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em; border: .1em solid #000; text-decoration:none; font-size:1em; white-space:normal; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}

.Map_But{background-color:#FFFA88;}
.Map_But:hover{background-color:#878dff;}

.Map_But:active {background-color:#FFF;}



/* Page link styles */
.searchpglink, .bgnpglink, .goldpglink, .viewpglink, .yellowpglink, .tealpglink, .lightgreenpglink, .infopglink, .PALEinfopglink, .ALLpgtoplink
{display:block; padding:1em; margin: .5em 0 .5em 0; text-decoration:none; font-weight:bold; list-style-type: none; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}

.searchpglink{background-color:#EE9A69;}
.searchpglink:hover{background-color:#7aed68;}

.bgnpglink{background-color:#F8C300;}
.bgnpglink:hover{background-color:#708fff;}
.goldpglink{background-color:#F8C300;}
.goldpglink:hover{background-color:#708fff;}

.viewpglink{background-color:#FAD282;}
.viewpglink:hover{background-color:#93fbb2;}

.yellowpglink{background-color:#FFFA88;}
.yellowpglink:hover{background-color:#878dfff;}

.lightgreenpglink{background-color:#B7DB8E;}
.lightgreenlink:hover{background-color:#db68ed;}

.tealpglink{background-color:#8fdcd0;}
.tealgreenlink:hover{background-color:#FFDCBE;}

.infopglink{background-color:#75C5F0;}
.infopglink:hover{background-color:#e8a1ed;}

.infopglinkMIN {position:relative; padding:.1em .4em; top:-.75em; text-decoration:none; background-color:#75C5F0; border: 2px solid #FFF;}

.PALEinfopglink{background-color:#c3e6f8;}
.PALEinfopglink:hover{background-color:#f2ccf5;}

#top {text-decoration:none;}
.ALLpgtoplink{background-color:#B7C0C9; text-align:center; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.ALLpgtoplink:hover{background-color:#ddebdd;}



.searchpgOTlink, .searchpgNTGlink, .searchpgNTAlink, .searchpgNTPlink
{display:block; padding:1em; margin: .2em 0; text-decoration:none; font-weight:bold; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.searchpgOTlink{padding: 1em 5em 1em 1em; background-color:#f2897d;}
.searchpgOTlink:hover{background-color:#b8b4ee;}

.searchpgNTGlink{padding: 1em 5em 1em 1em; background-color:#FFCC99;}
.searchpgNTGlink:hover{background-color:#99CCFF;}

.searchpgNTAlink{background-color:#b5eb8e;}
.searchpgNTAlink:hover{background-color:#EB958D;}

.searchpgNTPlink{background-color:#cdcdff;}
.searchpgNTPlink:hover{background-color:#FFFFCC;}

.BibCharSh {float:left; height:3.3em; width: 3.3em; margin:-3.75em 1em 0 36.3em;  -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; background-color:#27c429;}



.infopglinkhomepage, .infopglinkARCHIVE{display:block; padding:1em; text-decoration:none; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.infopglinkhomepage{width:95%; background-color:#75C5F0;font-weight:bold;}

.infopglinkARCHIVElist {display:inline-block; margin:-1.6em 0 -1em -2.4em; list-style-type:none; text-decoration:none; font-size:120%; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}

.infopglinkARCHIVE {margin:1em 0; background-color:#75C5F0; list-style-type:none; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.infopglinkhomepage:hover, .infopglinkARCHIVE:hover{background-color:#e8a1ed;}




a.MapsLinks {display:block; padding:1em; margin: .2em 0; text-decoration:none; font-weight:bold; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
a.MapsLinks {background-color:#FFFA88;}
a.MapsLinks:hover {background-color:#c3e6f8;}




.FAQpgreturn2toplink{padding:1em; background-color:#75C5F0; text-decoration:none; font-weight:bold; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.FAQpgreturn2toplink:hover{background-color:#f0a075;}



.homepglinkSMALL, .searchpglinkSMALL, .merchpglinkSMALL, .contactpglinkSMALL, .infopglinkSMALL, .PALEsmallinfopglink, a.LinksSMALL {display:inline-block; padding:1em; color:#000; text-decoration:none; font-weight:bold; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}

.homepglinkSMALL {background-color:#ff8a8a;}
.homepglinkSMALL:hover {background-color:#7BE041;}

.searchpglinkSMALL {margin: .2em 0; background-color:#EE9A69;}
.searchpglinkSMALL:hover{background-color:#7aed68;}

.merchpglinkSMALL {background-color:#B7DB8E;}
.merchpglinkSMALL:hover{background-color:#db68ed;}

.contactpglinkSMALL {background-color:#b89bcf;}
.contactpglinkSMALL:hover{background-color:#b5db99;}

.infopglinkSMALL {background-color:#75C5F0;}
.infopglinkSMALL:hover {background-color:#f2ccf5;}

.PALEsmallinfopglink{background-color:#c3e6f8;}
.PALEsmallinfopglink:hover{background-color:#f2ccf5;}

a.LinksSMALL {background-color:#c2b0d0;}
a.LinksSMALL:hover{background-color:#b5db99;}



.DocpglinkSMALL {display:inline-block; padding:.5em; margin: 0 0 .4em 0; background-color:#EE9A69; color:#000; text-decoration:none; font-weight:bold; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}
.DocpglinkSMALL:hover {background-color:#7aed68;}

.searchpglink:active, .viewpglink:active, .illopglink:active, .meta4pglink:active, .merchpglink:active, .infopglink:active, .PALEinfopglink:active, .searchpgOTlink:active, .searchpgNTGlink:active, .searchpgNTAlink:active, .searchpgNTPlink:active, .infopglinkhomepage:active, .infopglinkARCHIVE:active, .infopglinkMIN:active, a.MapsBookLink:active, a.MapsRegionLink:active, a.MapsCharLink:active, a.MapsAllLink:active, .FAQpgreturn2toplink:active, .homepglinkSMALL:active, .searchpglinkSMALL:active, .merchpglinkSMALL:active, .contactpglinkSMALLk:active, .infopglinkSMALL:active, .PALEsmallinfopglink:active, a.LinksSMALL:active, .DocpglinkSMALL:active {background-color:#FFF;}



/* SearchbyBB code */
.SearchBB_law, .SearchBB_history, .SearchBB_wisdom, .SearchBB_major_prophets, .SearchBB_minor_prophets, .SearchBB_gospels, .SearchBB_acts, .SearchBB_letters, .SearchBB_rev
{display: block; padding: .5em; margin:1em 0; -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; border:1px #000 solid; text-align:center; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}

.SearchBB_law{background-color:#fff0f0;}
.SearchBB_history{background-color:#fff7f0;}
.SearchBB_wisdom{background-color:#fafce9;}
.SearchBB_major_prophets{background-color:#ebffed;}
.SearchBB_minor_prophets{background-color:#e5fffb;}
.SearchBB_gospels{background-color:#fff0f2;}
.SearchBB_acts{background-color:#ebfaff;}
.SearchBB_letters{background-color:#ebefff;}
.SearchBB_rev{background-color:#f2ebff;}

.SearchBB_law:after, .SearchBB_history:after, .SearchBB_wisdom:after, .SearchBB_major_prophets:after, .SearchBB_minor_prophets:after, .SearchBB_gospels:after, .SearchBB_acts:after, .SearchBB_letters:after, .SearchBB_rev:after
{ content: ""; display: block; height: 0; clear: both; }

a.BBot_law_box, a.BBot_history_box, a.BBot_wisdom_box, a.BBot_major_prophets_box, a.BBot_minor_prophets_box, a.BBnt_gospels_box, a.BBnt_acts_box, a.BBnt_letters_box, a.BBnt_rev_box
{display: block; padding: .75em  .1em 0 ; margin:  .3em; width:13em; height:3em; text-decoration:none; text-align:center; float:left; font-size:110%; -webkit-border-radius: .4em; -moz-border-radius: .8em; border-radius: .8em;}

a.BBot_law_box {background-color: #ff9090;}
a.BBot_law_box:hover {background-color: #b8ff70;}

a.BBot_history_box {background-color: #ffb675;}
a.BBot_history_box:hover {background-color: #b8ff70;}

a.BBot_wisdom_box {background-color: #dae34f;}
a.BBot_wisdom_box:hover {background-color: #b870ff;}

a.BBot_major_prophets_box {background-color: #66ff7a;}
a.BBot_major_prophets_box:hover {background-color: #ffc766;}

a.BBot_minor_prophets_box {background-color: #43f9de;}
a.BBot_minor_prophets_box:hover {background-color: #ff7893;}

a.BBnt_gospels_box {background-color: #ff8a9d; }
a.BBnt_gospels_box:hover {background-color: #d8ff8a;}

a.BBnt_acts_box {background-color: #6bdcff; }
a.BBnt_acts_box:hover {background-color: #ffa8db;}

a.BBnt_letters_box {background-color: #a8bbff; }
a.BBnt_letters_box:hover {background-color: #ff7893;}

a.BBnt_rev_box {background-color: #cdb3ff; }
a.BBnt_rev_box:hover {background-color: #ffa8ba;}



/* FAQ Page code */
button.accordion { background-color:#DDE4EB; color: #444; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.4s;}

button.accordion.active, button.accordion:hover { background-color: #75C5F0;}
button.accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right;  margin-left: 5px;}
button.accordion.active:after { content: "\2212";}
div.panel {padding: 0 18px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
p.Title {display:block;font-size:150%;font-weight:bold;line-height: 150%;}



/* sitemap table code */
#sitemaptable{ -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; padding:0 10px; background-color:#DDE4EB; border:1px #000 solid;}

table.sitemap {display: table; border-collapse: separate; border-spacing: 4px 2px;}

th.sitemap { /* heading text colour black */
  text-align: left; font-weight: bold; padding: 4px; background-color: #94a6ff; color: #000; font-weight:bold; font-size:120%;}

td.sitemap { display: table-cell; vertical-align: inherit; text-align: inherit; padding: 4px; background-color: #fff;}

a.sitemap_MAINlink { display:block; padding: 4px; background-color: #72e98e; font-weight:bold; font-size:120%;}
a.sitemap_MAINlink:hover { /* th:hover also if you wish */
  background-color: #f0c7c7;}

a.sitemap_SUBlink { display:block; padding: 4px; background-color: #8bd0f2;}
a.sitemap_SUBlink:hover { /* th:hover also if you wish */
  background-color: #ffb3cf;}



/* Hub and News page contents */
div.hubcontents1{display:inline-block; padding:0 1.5em; text-decoration:none; text-align:center;}
.hub1 {display:inline-block;  margin: 0 1em; float:left;}
.hub2 {display:inline-block;  margin: 0 .5em; float:left;}



.clearit{clear:both; height:0; line-height:0; font-size:0;}
#BBDMdrop, #BBDMdrop ul{padding:0; margin:0; list-style:none; width:100%; font-size:100%; display:block; background-color:#FFF; z-index:1;}
#BBDMdrop a{display:block; height:20px;}
#BBDMdrop li ul ul a{display:block; height:250px;}
#BBDMdrop li{float:left; width:70px;}
#BBDMdrop li ul{position:absolute; left:-999em; width:55px;}
#BBDMdrop li:hover ul, #BBDMdrop li li:hover ul, #BBDMdrop li li li:hover ul, #BBDMdrop li.sfhover ul, #BBDMdrop li li.sfhover ul, #BBDMdrop li li li.sfhover ul{left:auto;}



/* BC Search by year size */
.BCyear {width:205px; height:99px; float:left;}



/* Mobile styling */
.mob_footernotes{background-color:#CCE0FF; text-align:center;}


/* menubar - mobile up to 700px wide only */
label.mob_menu {position:absolute; width:100%; cursor: pointer; border-radius: .25em; padding: .5em 0; background-color: #DDE4EB; text-align:center; font-weight:bold; z-index:1; font-size:120%;}

#menu-toggle {display: none; /* hide the checkbox */}
#menu {display: none; text-align:left; margin:0;}
#menu-toggle:checked + #menu {display: block; text-align:left;}

ul.s-list {list-style-type:none; margin:0; padding:0;}

ul.s-list a:hover {background-color:#CCC; border:1px solid transparent;}

ul.s-listSearch {list-style-type:none; margin:0; padding:0; text-align:left; background-color:#FFDCBE; }

.s-m.s-m-open {list-style-type:none; width:100%; background:#FFF; border:1px solid #FFF; font-size:120%;}

.s-m .s-m-heading-Red {background-color:#ff8a8a; font-weight:bold; margin-top:2.4em; padding:1em; }
.s-m .s-m-heading-Orange {background-color:#EE9A69; font-weight:bold;margin-top: .5em;padding:1em; border-bottom-width:3px; border-bottom-style:solid; border-bottom-color:#FFF;}
li.Searchsub {list-style-type:none; margin:0; padding: .5em 0 .5em 1em; background-color:#FFDCBE; text-align:left; font-weight:bold; border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#FFF; }
.s-m .s-m-heading-Gold {background-color:#F8C300;font-weight:bold;margin-top: .5em;padding:1em; }
.s-m .s-m-heading-Yellow {background-color:#FFFA88; font-weight:bold;margin-top: .5em;padding:1em; }
.s-m .s-m-heading-LtGreen {background-color:#B7DB8E; font-weight:bold;margin-top: .5em;padding:1em; }
.s-m .s-m-heading-Teal {background-color:#8fdcd0; font-weight:bold;margin-top: .5em;padding:1em; }
.s-m .s-m-heading-LtBlue {background-color:#75C5F0; font-weight:bold;margin-top: .5em;padding:1em; }
.s-m .s-m-heading-DkBlue {background-color:#b1b1fc; font-weight:bold;margin-top: .5em;padding:1em; }
.s-m .s-m-heading-Purple {background-color:#ceb7e1; font-weight:bold;margin-top: .5em;padding:1em; }

.s-m a, .s-m .s-m-heading {display:block; line-height:1em; padding: .5em 1.5em; text-decoration:none;}
.s-m a, .s-m {color:#777;}
.s-m a {color:#000;border:1px solid transparent; border-left:0; border-right:0; text-align:left;}

.s-m .s-m-heading-Red:hover {background-color:#8af8ff;}
.s-m .s-m-heading-Orange:hover {background-color:#58dbff;}
li.Searchsub:hover {background-color:#C1FFBF;}
.s-m .s-m-heading-Gold:hover {background-color:#708fff;}
.s-m .s-m-heading-Yellow:hover {background-color:#88e1ff;}
.s-m .s-m-heading-LtGreen:hover {background-color:#d7a7a9;}
.s-m .s-m-heading-Teal:hover {background-color:#efc3f7;}
.s-m .s-m-heading-LtBlue:hover {background-color:#e8a1ed;}
.s-m .s-m-heading-DkBlue:hover {background-color:#f5f582;}
.s-m .s-m-heading-Purple:hover {background-color:#b5db99;}



/* Menubar */
#menubar{position:relative; top:.2em; width:100%; height:4.1em; text-align:center; background-color:#DDE4EB; z-index:2; -webkit-border-radius:.4em; -moz-border-radius:.4em; border-radius:.4em; text-wrap: wrap;}

#TESTfootermenubar{position:relative; width:100%; text-align:center; background-color:#DDE4EB; -webkit-border-radius:.4em; -moz-border-radius:.4em; border-radius:.4em; }

nav ul{position:relative; padding:0; list-style:none; display:inline-block;}
#TESTfootermenubar nav ul{top: -1em;}

nav ul:after{content:""; clear:both; display:block;}

nav ul li.home{border-color:#AAA #AAA #E15541;}
nav ul li.search{border-color:#AAA #AAA #EE9A69;}
nav ul li.gold{border-color:#AAA #AAA #F8C300;}
nav ul li.yellow{border-color:#AAA #AAA #FFFA88;}
nav ul li.green{border-color:#AAA #AAA #B7DB8E;}
nav ul li.teal{border-color: #AAA #AAA #8fdcd0;}
nav ul li.info{border-color:#AAA #AAA #75C5F0;}
nav ul li.hub{border-color:#AAA #AAA #8282f5;}
nav ul li.contact{border-color:#AAA #AAA #b89bcf;}

nav ul li:hover > ul{display:block;}
nav ul li{float:left; border-style:solid; border-width:1px 1px 8px; -webkit-border-radius:.2em;-moz-border-radius:.2em; border-radius:.2em;}

nav ul li.home:hover{background:#ff8a8a;}
nav ul li.search:hover{background:#EE9A69;}
nav ul li.gold:hover{background:#F8C300;}
nav ul li.yellow:hover{background:#FFFA88;}
nav ul li.green:hover{background:#B7DB8E;}
nav ul li.teal:hover{background:#8fdcd0;}
nav ul li.info:hover{background:#75C5F0;}
nav ul li.hub:hover{background:#a2a2f7;}
nav ul li.contact:hover{background:#b89bcf;}

nav ul li:hover a{color:#000;}
nav ul li:active a{background-color:#FFF ;}

nav ul li a{display:block; color:#000; text-decoration:none; -webkit-border-radius:.2em; -moz-border-radius:.2em; border-radius:.2em;}

nav ul ul{display:none; position:absolute; top:100%;}

nav ul ul.search1{background:#FFDCBE;}
nav ul ul.gold1{background:#F8E6A0;}
nav ul ul.yellow1{background:#FFFFDC;}
nav ul ul.green1{background:#E2F5D9;}
nav ul ul.teal1{background:#c5fcf4;}
nav ul ul.info1{background:#c3e6f8;}

nav ul ul li{float:none;border:1px solid #FFF; position:relative; text-align:left;}

nav ul ul li a{padding:1em  .6em; color:#fff;}

nav ul ul li a.search:hover{background:#EE9A69;}
nav ul ul li a.searchA:hover{background:#FAD282;}
nav ul ul li a.gold:hover{background:#F8C300;}
nav ul ul li a.yellow:hover{background:#FFFA88;}
nav ul ul li a.green:hover{background:#B7DB8E;}
nav ul ul li a.teal:hover{background:#8fdcd0;}
nav ul ul li a.info:hover{background:#75C5F0;}


/* Page Base image manipulation */
.img_right {float:right;}
.img_flip { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}
.img_right_flip {float:right; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH";}




/* article table code */
#arttable{ -webkit-border-radius: .8em; -moz-border-radius: .8em; border-radius: .8em; padding:0 10px; background-color:#DDE4EB; border:1px #000 solid;}

table.art {display: table; border-collapse: separate; border-spacing: 4px 2px;}

th.art { /* heading text colour black */
  text-align: left; font-weight: bold; padding: 4px; background-color: #94a6ff; color: #000; font-weight:bold; font-size:120%;}

td.art { display: table-cell; vertical-align: inherit; text-align: inherit; padding: 4px; background-color: #fff;}

a.art_MAINlink { display:block; padding: 4px; background-color: #72e98e; font-weight:bold; font-size:120%;}
a.art_MAINlink:hover { /* th:hover also if you wish */
  background-color: #f0c7c7;}

a.art_SUBlink { display:block; padding: 4px; background-color: #8bd0f2;}
a.art_SUBlink:hover { /* th:hover also if you wish */
  background-color: #ffb3cf;}



/* TESTING */
#TESTwrapper{min-height:100%;width:100%;height:auto !important; height:100%; margin:0 auto -4em; width:1140px; background-color:#999999;}
#TESTcenter{position:relative; top:3.4em; padding:0 .2em; background-color: #ffd9d7; }

/* TESTMenubar */
#TESTmenubar{position:relative; top:.2em; width:100%; height:5.1em; text-align:center; background-color:#DDE4EB; z-index:2; -webkit-border-radius:.4em; -moz-border-radius:.4em; border-radius:.4em;}

nav ul{position:relative; padding:0; list-style:none; display:inline-block; text-wrap: wrap;}

nav ul:after{content:""; clear:both; display:block;}

nav ul li.home{border-color:#AAA #AAA #E15541;}
nav ul li.search{border-color:#AAA #AAA #EE9A69;}
nav ul li.gold{border-color:#AAA #AAA #F8C300;}
nav ul li.yellow{border-color:#AAA #AAA #FFFA88;}
nav ul li.green{border-color:#AAA #AAA #B7DB8E;}
nav ul li.teal{border-color: #AAA #AAA #8fdcd0;}
nav ul li.info{border-color:#AAA #AAA #75C5F0;}
nav ul li.hub{border-color:#AAA #AAA #8282f5;}
nav ul li.contact{border-color:#AAA #AAA #b89bcf;}

nav ul li:hover > ul{display:block;}
nav ul li{float:left; border-style:solid; border-width:1px 1px 8px; -webkit-border-radius:.2em;-moz-border-radius:.2em; border-radius:.2em;}

nav ul li.home:hover{background:#ff8a8a;}
nav ul li.search:hover{background:#EE9A69;}
nav ul li.gold:hover{background:#F8C300;}
nav ul li.yellow:hover{background:#FFFA88;}
nav ul li.green:hover{background:#B7DB8E;}
nav ul li.teal:hover{background:#8fdcd0;}
nav ul li.info:hover{background:#75C5F0;}
nav ul li.hub:hover{background:#a2a2f7;}
nav ul li.contact:hover{background:#b89bcf;}

nav ul li:hover a{color:#000;}
nav ul li:active a{background-color:#FFF ;}

nav ul li a{display:block; color:#000; text-decoration:none; -webkit-border-radius:.2em; -moz-border-radius:.2em; border-radius:.2em;}

nav ul ul{display:none; position:absolute; top:100%;}

nav ul ul.search1{background:#FFDCBE;}
nav ul ul.gold1{background:#F8E6A0;}
nav ul ul.yellow1{background:#FFFFDC;}
nav ul ul.green1{background:#E2F5D9;}
nav ul ul.teal1{background:#c5fcf4;}
nav ul ul.info1{background:#c3e6f8;}

nav ul ul li{float:none;border:1px solid #FFF; position:relative; text-align:left;}

nav ul ul li a{padding:1em  .6em; color:#fff;}

nav ul ul li a.search:hover{background:#EE9A69;}
nav ul ul li a.searchA:hover{background:#FAD282;}
nav ul ul li a.gold:hover{background:#F8C300;}
nav ul ul li a.yellow:hover{background:#FFFA88;}
nav ul ul li a.green:hover{background:#B7DB8E;}
nav ul ul li a.teal:hover{background:#8fdcd0;}
nav ul ul li a.info:hover{background:#75C5F0;}