/* Style sheet for Ken's Web. August 1st 2024 */

@font-face{
    font-family:Allura;
    src:url('../Fonts/allura-regular-webfont.woff2') format('woff2'),url('../Fonts/allura-regular-webfont.woff') format('woff') 
}
@font-face{
    font-family:'Open Sans';
    src:url('../Fonts/opensans-regular-webfont-normal.woff2') format('woff2'),url('../Fonts/opensans-regular-webfont-bold.woff2') format('woff2'),url('../Fonts/opensans-regular-webfont-italic.woff2') format('woff2') 
}
body{
	background-color: #e1ebfa;
	margin:0;
    font-family:Tahoma,Arial,sans-serif;
    font-size:13px;
    font-weight:400;
    font-style:normal;
    text-decoration:none;
    text-rendering:optimizeLegibility;
    text-align:center;
    font-feature-settings:'kern','liga' 0,'clig' 0,'calt' 0;
    color:#000;
    letter-spacing:0;
    -webkit-print-color-adjust:exact 
}
a{
    text-decoration:underline 
}
a:link,a:visited{
    color:#c77076;
    cursor:pointer 
}
a:hover{
    color:#c77076;
    text-decoration:none 
}
a:hover.invert{
    color:#fff;
    background-color:#c77076;
    text-decoration:none 
}
a *{
    color:#c77076;
    text-decoration:underline 
}
sup{
    font-size:.5em;
    vertical-align:.66em 
}
sub{
    font-size:.5em;
    vertical-align:-.1em 
}
.xr_s0,.xr_s1,.xr_s14,.xr_s16,.xr_s2,.xr_s30,.xr_s78,.xr_s79{
    text-decoration:none;
    font-feature-settings:'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0;
    text-transform:none;
    background-color:Transparent;
    letter-spacing:0;
    font-style:normal 
}
.xr_s0{
    font-size:22px 
}
.xr_s1{
    font-family:Arial,sans-serif;
    font-weight:400;
    font-size:14px;
    color:#2d2c2c 
}
.xr_s2{
    font-family:Arial,sans-serif;
    font-weight:700;
    font-size:16px;
    color:#fffc00 
}
.xr_s14{
    font-family:'Open Sans';
    font-weight:700;
    font-size:18px;
    color:#000 
}
.xr_s16{
    font-family:Allura;
    font-weight:400;
    font-size:32px;
    color:#000 
}
.xr_s30{
    font-family:'Open Sans';
    font-weight:700;
    font-size:16px;
    color:#2d2c2c 
}
.xr_s78{
    font-family:'Open Sans';
    font-weight:700;
    font-size:18px;
    color:#fffc00 
}
.xr_s79{
    font-family:'Open Sans';
    font-weight:700;
    font-size:16px;
    color:#fffc00;
    text-shadow: 2px 2px 2px #000;
}
.xr_tb,.xr_tc,.xr_tj,.xr_tl,.xr_tr{
    position:absolute;
    unicode-bidi:bidi-override 
}
.xr_tl{
    text-align:left 
}
.xr_tr{
    text-align:right 
}
.xr_tc{
    text-align:center 
}
.xr_tj{
    text-align:justify 
}
.xr_e1{
    display:inline-block;
    border:none;
    white-space:normal 
}
.xr_e2{
    position:absolute;
    display:block;
    border:none 
}
.xr_ap{
    position:absolute;
    border:none 
}
.xr_ar{
    position:absolute;
    display:block 
}
.xr_ae{
    position:relative;
    border:none 
}
.xr_strb{
    z-index:1 
}
.xr_strb .mxs-arrow,.xr_strb .mxs-navigation{
    visibility:hidden 
}
.xr_strf{
    z-index:3 
}
.xr_sxri,.xr_xpos,.xr_xrc,.xr_xri_{
    z-index:2 
}
.xr_rd,.xr_ro,.xr_rs{
    z-index:3 
}
.xr_tu{
    unicode-bidi:bidi-override;
    margin-top:0;
    margin-bottom:0 
}
.xr_tt0{
    transition:all 0s 
}
.xr_tt1{
    transition:all .1s;
    transition-timing-function:ease-in 
}
.xr_tt2{
    transition:all .25s;
    transition-timing-function:ease-in 
}
.xr_tt3{
    transition:all .5s;
    transition-timing-function:ease-in 
}
.xr_tt4{
    transition:all 1s;
    transition-timing-function:ease-in 
}
.xr_tt5{
    transition:all 2s;
    transition-timing-function:ease-in 
}
.xr_nb0:hover .xr_ro,a:active .xr_rd,a:hover .xr_ro{
    visibility:visible;
    opacity:1;
    transform:none 
}
a:active .xr_ro{
    opacity:0 
}
.xr_nb0{
    touch-action:none 
}
.xr_nb0:hover{
    visibility:visible;
    opacity:1;
    transform:none;
    color:#c9757b;
    text-decoration:underline 
}
.xr_nb0:hover>.xr_nb2,.xr_nb1:hover>.xr_nb2{
    visibility:visible;
    opacity:1!important;
    transform:none!important 
}
.xr_nb2{
    position:absolute;
    white-space:nowrap;
    padding:0;
    margin:0;
    visibility:hidden;
    top:25px;
    min-width:96px;
    text-align:left;
    z-index:101 
}
.xr_nb2 li{
    display:block 
}
.xr_nb2 li a{
    display:block;
    text-decoration:none 
}
.xr_nb4{
    display:block;
    padding:0;
    margin:0;
    box-shadow:4px 4px 6px grey 
}
.xr_nb6{
    width:100%;
    height:2px 
}
.xr_s8{
    font-family:'Times New Roman',Times,serif;
    font-weight:400;
    font-style:normal;
    font-size:20px;
    text-decoration:none;
    font-feature-settings:'kern','liga' 0,'clig' 0,'calt' 0,'titl' 0,'salt' 0,'swsh' 0,'cswh' 0;
    text-transform:none;
    color:#000;
    background-color:Transparent;
    letter-spacing:0 
}
.Heading_1,.Heading_2,.Heading_3,.Normal_text{
    font-family:'Open Sans','Segoe UI',Tahoma,sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:16px;
    text-decoration:none;
    font-feature-settings:'calt' 0;
    text-transform:none;
    color:#2d2c2c;
    background-color:Transparent;
    letter-spacing:0;
    word-wrap:normal;
    line-height:1.77em 
}
.Heading_1{
    font-family:Allura,'Times New Roman',Times,serif;
    font-size:48px;
    color:#999 
}
.Heading_2{
    font-weight:700;
    font-size:18px;
    color:#000 
}
.Heading_3{
    font-family:Allura,'Times New Roman',Times,serif;
    font-size:48px;
    line-height:1.3em;
    color:blue;
}
.Heading_4{
    font-family:Allura,'Times New Roman',Times,serif;
    font-size:48px;
    line-height:1.3em;
	color: #ff0;
    text-shadow: 1px 1px #000;
}
.Copyright_text,
.menu_item a,
no_select {
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none; 
}
.menu_item{
    position:relative;
    display:block;
    float:left;
    top:3px;
    width:auto;
    height:24px;
    text-align:center;
    margin-right:calc((100% - 660px)/ 8);
    min-width: 70px;
    max-width: 100px;
}
.menu_item a{
    color:#000;
    text-decoration:none;
    display:inline-block;
    min-width:4em;
    font-size:18px;
    font-weight:400 
}
.menu_item:hover{
    border-bottom:3px solid #c9757b 
}
.menu_item:hover a{
    color:#c9757b 
}
.active{
    border-bottom:3px solid #c9757b 
}
.active a{
    color:#c9757b 
}
.fillspace{
    width:100% 
}
#clickthru1,#clickthru2,#clickthru3,#clickthru4,#clickthru5,#clickthru6,.no_click{
    pointer-events:none 
}
.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0 
}

#NoJS,
.controls-in-heading .highslide-controls .highslide-move,
.draggable-header .highslide-header .highslide-move *,
.hidden-container,
.hide_when_desktop,
.highslide-overlay,
.titlebar .highslide-header .highslide-move *,
.using_mobile{
    display:none 
}
.page_content{
    position:relative;
    top:0;
    left:0;
    width:95%;
    margin-left:1.4em 
}
.bullet{
    font-style:italic 
}
.menu_container{
    position:relative;
    height:48px;
    min-width:800px;
    background-color:white;
    border-bottom:2px solid black;
    z-index: 99;
}
.inspirational{
    position:absolute;
    background-color:rgba(127,127,127,.5);
    border-radius:24px;
    color:#ff0;
    text-shadow:1px 1px #000;
    text-align:center;
    padding:16px;
    bottom:7vw;
    right:7vw;
    z-index:3;
}
.inspirational span{
    display:inline-block;
    vertical-align:middle;
    line-height:normal 
}
.frosted_glass{
    background-color:rgba(255,255,255,70%);
	box-shadow: 0px 0px 2px blue; 
}
.Local_Map{
    background-image:url('../Assets/directions_2024.webp');
    background-size:contain;
    width:80vw;
    height:65vw;
    margin:50px auto;
    border:2px solid #000;
    max-width:1060px;
    max-height:840px;
}
.statement_area{
    position:relative;
    margin:0 3%;
    padding:20px 12px;
    line-height:1.7em;
    font-weight:700;
    font-weight:normal;
    border-radius:1em 
}
.using_mobile img{
    width:444px;
    height:150px 
}
.java_warning{
    left:822px;
    top:90px;
    width:131px;
    height:41px 
}
.Topic-sidebar{
    display:flex;
    flex-wrap:wrap;
    margin:0 0 60px 0 
}
.Topic-sidebar>:nth-child(1){
    flex:1 1 35%;
    min-width:30ch;
	margin-bottom: 10px
}
.Topic-sidebar>:nth-child(2){
    flex:1 1 65%;
    min-width:30ch;
    border-top:1px solid grey;
    margin-left:20px 
}
.Topic-sidebar .Sub-topics{
    border-left:1px dashed grey 
}
.Topic-ID{
    display:inline-block;
    font-weight:700;
    margin-left:30px 
}
.Topic-data,.Topic-notes{
    display:block;
    padding-left:30px;
    padding-top:4px 
}
.Topic-data{
    padding-left:60px;
    text-indent:-32px 
}
.image_area{
    position:relative 
}
.framed{
    border:2px solid #f5f5f5;
    border-radius:12px 
}
.KenPortrait{
    position:relative 
}
.dedication_area{
    position:relative;
    padding:10px 60px 10px 60px;
    line-height:1.5em;
    color:#fff 
}
.prayer_text{
    display:inline-block;
    height:auto;
    margin:2em 1vw 0 0;
    background-color:#f7e6fd;
    border:8px solid #74787c;
    padding:2vw 
}
.portrait_text{
    position:absolute;
    bottom:0;
    width:100%;
    height:60px;
    text-align:center;
    line-height:normal;
    font-weight:400 
}
.space_base{
    position:relative;
    color:#fff;
    background-image:url('../Assets/10122.jpg');
    background-size:cover 
}
.hs_rounding{
    position:relative;
    height:75%;
    width:100%;
    border-radius:30px;
	border: solid 1px black;
    overflow:hidden;
    box-shadow:5px 5px 5px 2px #111 
}
.hs_image{
    width:100%;
    height:auto;
    display:block 
}
a.fill-div{
    display:block;
    height:100%;
    width:100%;
    text-decoration:none 
}
.frosted{
    background-color:rgba(0,0,0,.5) 
}
.hs_frosting,.hs_thawing{
    pointer-events:none;
    margin-top:20px;
    height:50px;
    width:100%;
    background-color:rgba(0,0,0,.5);
    border-radius:12px;
    display:inline-grid;
    align-content:center 
}
.hs_frosting::before,.hs_thawing::before{
    content:"";
    position:absolute;
    top:10px;
    right:10px;
    width:20px;
    height:20px;
    z-index:2 
}
.hs_frosting::before{
    content:"";
    background-image:url('../Assets/9132.png') 
}
.hs_thawing::before{
    content:"";
    background-image:url('../Assets/9133.png') 
}
.hs_text{
    position:relative;
    top:-50px;
    width:100%;
    text-align:center 
}
.hs_object{
    position : absolute;
    width : 42vw;
    max-width : 440px;
    min-width : 330px;
}
.chapteriser{
    position:relative;
    width:100%;
    height:116px;
    border-bottom:1px solid #74787c 
}
.chapteriser>span{
    position:absolute;
    bottom:0;
    left:0;
    font-style:italic 
}
.chapteriser>div{
    position:absolute;
    bottom:0;
    right:0;
    width:160px 
}
.chapteriser>div>a{
    line-height:1em;
    display:inline-block;
    text-decoration:underline;
    margin-left:20px;
    font-size:smaller;
    font-style:italic 
}
li,ol{
    margin:0;
    padding:0 
}
ol{
    counter-reset:foo;
    display:table 
}
ol li{
    list-style:none;
    counter-increment:foo;
    display:table-row 
}
ol li::before{
    content:counter(foo) ".\00a0\00a0";
    display:table-cell;
    text-align:right;
    padding-right:.3em 
}
#MeaningList li { 
	display: inline-table; 
	margin-bottom: 20px;
}
.item_1,.item_2,.item_3,.item_4,.item_5,.item_6,.item_7{
    top:0;
    width:96px;
    height:31px 
}
.item_1{
    left:0 
}
.item_2{
    left:135px 
}
.item_3{
    left:270px 
}
.item_4{
    left:404px 
}
.item_5{
    left:539px 
}
.item_6{
    left:674px 
}
.item_7{
    left:809px 
}
.xr_noc{
    position:relative;
    text-align:left;
    margin:0 auto 
}
.mobile_menu_separator{
    position:absolute;
    left:-168px;
    top:28px;
    width:482px;
    height:2px;
    border-top:1px solid #000 
}
.center{
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:50% 
}
.centerpiece {
    display: block;
	margin: 40px auto;
	border: 4px solid #555;
	border-radius: 8px;
    width: auto;
	height:auto; 
	max-width:100%; 
	box-shadow: 5px 5px 6px rgba(0,0,0,0.25);
}
.GardenPicture:focus-within,
.KenPortrait:focus-within,
.low_nav_next:focus,
.low_nav_prev:focus,
.low_nav_rise:focus,
.menu_item a:focus,
.top_nav_next:focus,
.top_nav_prev:focus,
.low_nav_next:focus-visible,
.low_nav_prev:focus-visible,
.low_nav_rise:focus-visible,
.menu_item a:focus-visible,
.top_nav_next:focus-visible,
.top_nav_prev:focus-visible{
    outline:3px dotted red;
}


.visualised a:focus{
	border-radius: 50%;
    outline:3px dotted red;
}


.low_nav_next:focus:not(:focus-visible),.low_nav_prev:focus:not(:focus-visible),.low_nav_rise:focus:not(:focus-visible),.menu_item a:focus:not(:focus-visible),.top_nav_next:focus:not(:focus-visible),.top_nav_prev:focus:not(:focus-visible){
    outline:0 
}
.using_desktop:focus-within,.using_mobile:focus-within{
    outline:1px dotted #000 
}
.top_nav_next,.top_nav_prev{
    position:absolute;
    border:none;
    width:42px;
    height:40px;
    display:block 
}
.top_nav_next{
    background:url('../Assets/4910.png') 0 0 no-repeat;
    left:59px 
}
.top_nav_prev{
    background:url('../Assets/6835.png') 0 0 no-repeat;
    left:12px 
}
.low_nav_next,.low_nav_prev,.low_nav_rise{
    position:absolute;
    border:none;
    display:block;
    width:36px;
    height:36px 
}
.low_nav_next{
    background:url('../Assets/lower_buttons.png') -78px 0 no-repeat;
    right:10px 
}
.low_nav_prev{
    background:url('../Assets/lower_buttons.png') 0 0 no-repeat;
    right:130px 
}
.low_nav_rise{
    background:url('../Assets/lower_buttons.png') -38px 0 no-repeat;
    right:68px;
    width:39px 
}
[class^=becoming_nav_]{
    position:absolute;
    width:100px;
    height:110px;
    left:calc(50% - 60px);
    margin-top: 6px 
}
.becoming_nav_1{
    background-image:url('../Assets/10468.jpg') 
}
.becoming_nav_2{
    background-image:url('../Assets/9265.jpg') 
}
.becoming_nav_3{
    background-image:url('../Assets/9266.jpg') 
}
.becoming_nav_4{
    background-image:url('../Assets/9262.jpg') 
}
.becoming_nav_5{
    background-image:url('../Assets/9263.jpg') 
}
.v_center{
    display:flex;
    align-items:center;
    justify-content:center 
}
.facilities_intro{
    position:relative;
    height:3em;
    line-height:3em;
    text-align:center;
    width:92%;
    left:5%;
    text-shadow:2px 2px 2px #000;
    vertical-align:middle;
    border-radius:12px;
}
.facilities_finale{
    position:absolute;
    height:3em;
    line-height:3em;
    width:92%;
    left:5%;
    bottom:1em;
    text-align:center;
    text-shadow:2px 2px 2px #000;
    vertical-align:middle;
    border-radius:12px 
}
.footer_placement{
    position:relative;
    width:90%;
    height:auto;
    left:50%;
    transform:translateX(-50%);
    margin-bottom:2em 
}
.divine_energy{
    position:relative;
    margin-top:2em;
    margin-bottom:2em;
    background-image:url('../Assets/8033.jpg');
    background-repeat:no-repeat;
    background-size: cover;
    width: 87.2vw;
    max-width: 872px;
    height: 35vw;
    max-height: 350px;
}
.menu_item:focus-within .xr_nb2 .xr_nb4{
    visibility:visible 
}
.DownloadIt::after{
    content:'';
    display:inline-block;
    width:18px;
    height:18px;
    background-image:url('../Assets/download2.svg');
    background-size:cover;
    margin:0 4px 0 16px 
}
:root {
    --starcolour: red;
}
.reqd {
    font-family : Arial, sans-serif;
    color : #000000;
    font-size : 12px;
}
.reqd:after {
    content : " *";
    font-weight : bolder;
    color : var(--starcolour);
}
.clickd {
    position:absolute;
    left:140px;
    bottom:0;
}
.clickd:after {
    content : " \2020";
    font-size : 12px;
    color : var(--starcolour);
}
.control {
    padding-bottom : 6px;
    position : relative;
    top : -4px;
}
.SubText {
    position :absolute;
    right :12px;
    bottom :-4px;
    font-family : Arial, sans-serif;
    color : grey;
    font-size : 12px;
}
input, textarea {
    width : calc(100% - 20px);
}
textarea {
    height : 160px;
    resize : none;
}
input.form, input.formsubmit, select.form, option.form, textarea.form {
    color : black;
    font-size : 12px;
    font-family : Arial, sans-serif;
    border : 1px solid #C8C8C8;
    padding : 2px;
    background : #fafafa url("../Assets/img04.gif") repeat-x;
    margin : 5px 0 0 0;
}
input.form:hover, input.form:focus, select.form:hover, textarea.form:hover, select.form:focus, textarea.form:focus {
    border : 1px solid #000000;
}
input.radio {
    width : auto;
}
option.form {
    padding : 0px;
    width : auto;
    border : 0px;
}
input.formsubmit {
    width : 115px;
    margin-left : 3px;
    cursor : pointer;
}
input[type=submit] {
    margin-top : 0;
}
#kenspecial {
    display : none;
}
.fuzzy_frame{
    position : relative;
    display : inline-block;
    top : -10px;
    left : -10px;
    width : calc(100% - 40px);
    height : calc(100% - 10px);
    background : -webkit-linear-gradient(125deg,#fff 2%,#e5e5e5 12%);
    background : linear-gradient(325deg,#fff 2%,#e5e5e5 12%);
    border : 6px solid #f3f3f3 
}
.fuzzy_zone{
    position : relative;
    text-align : center;
    margin : 70px auto;
    background : url('../Assets/5777.png') no-repeat;
    background-size : 98% 102%;
    width : 100%;
    max-width : 819px;
    height : 506px 
}
.fuzzy_box{
    position:relative;
    top:12px;
    left:16px 
}
.fuzzy_frame::before{
    content:'\2020 \a0 \a0 Security:\a0 Press the button (n) times...';
    color:red;
    position:absolute;
    top:462px;
    left:240px;
    font-size:10px 
}
.fuzzy_frame::after{
    content:'\002A \a0 \a0 All fields marked thus are required';
    color:red;
    position:absolute;
    top:462px;
    left:30px;
    font-size:10px 
}
.fuzzy_frame .fuzzy_box{
    width:calc(100% - 30px) 
}
.footer_spacer_base,.footer_spacer_top{
    display:block;
    height:30px 
}
.afterglow{
    margin:40px 0 0 0;
}
.mobile{
    display:none 
}
.highslide-container div{
    font-family:Arial,sans-serif;
    font-size:10pt 
}
.highslide-container table{
    background:0 0 
}
.highslide{
    outline:0;
    text-decoration:none 
}
.highslide-active-anchor img{
    visibility:hidden 
}
.highslide-gallery .highslide-active-anchor img{
    border-color:#000;
    visibility:visible;
    cursor:default 
}
.highslide-image{
    border:2px solid white 
}
.highslide-outline,.highslide-wrapper{
    background-color:white 
}
.glossy-dark{
    background:#111 
}
.highslide-number{
    font-weight:700;
    color:gray;
    font-size:.9em 
}
.highslide-caption{
    display:none;
    font-size:1em;
    padding:5px 
}
.highslide-heading{
    display:none;
    font-weight:700;
    margin:.4em 
}
.highslide-dimming{
    position:absolute;
    background-color:#000 
}
a.highslide-full-expand{
    background:url('../Assets/fullexpand.gif') no-repeat;
    display:block;
    margin:0 10px 10px 0;
    width:34px;
    height:34px 
}
a.highslide-credits,a.highslide-credits i{
    padding:2px;
    color:silver;
    text-decoration:none;
    font-size:10px 
}
a.highslide-credits:hover,a.highslide-credits:hover i{
    color:#fff;
    background-color:gray 
}
.highslide-move,.highslide-move *{
    cursor:move 
}
.highslide-viewport{
    display:none;
    position:fixed;
    width:100%;
    height:100%;
    z-index:1;
    background:0 0;
    left:0;
    top:0 
}
.closebutton{
    position:relative;
    top:-15px;
    left:15px;
    width:30px;
    height:30px;
    cursor:pointer;
    background:url('../Assets/close.png') 
}
.formbutton {
    padding:4px 0;
    width:110px;
}
.highslide-controls .highslide-previous a{
    background-position:0 0 
}
.highslide-controls .highslide-previous a:hover{
    background-position:0 -30px 
}
.highslide-controls .highslide-previous a.disabled{
    background-position:0 -60px!important 
}
.highslide-controls .highslide-play a{
    background-position:-30px 0 
}
.highslide-controls .highslide-play a:hover{
    background-position:-30px -30px 
}
.highslide-controls .highslide-play a.disabled{
    background-position:-30px -60px!important 
}
.highslide-controls .highslide-pause a{
    background-position:-60px 0 
}
.highslide-controls .highslide-pause a:hover{
    background-position:-60px -30px 
}
.highslide-controls .highslide-next a{
    background-position:-90px 0 
}
.highslide-controls .highslide-next a:hover{
    background-position:-90px -30px 
}
.highslide-controls .highslide-next a.disabled{
    background-position:-90px -60px!important 
}
.highslide-controls .highslide-move a{
    background-position:-120px 0 
}
.highslide-controls .highslide-move a:hover{
    background-position:-120px -30px 
}
.highslide-controls .highslide-full-expand a{
    background-position:-150px 0 
}
.highslide-controls .highslide-full-expand a:hover{
    background-position:-150px -30px 
}
.highslide-controls .highslide-full-expand a.disabled{
    background-position:-150px -60px!important 
}
.highslide-controls .highslide-close a{
    background-position:-180px 0 
}
.highslide-controls .highslide-close a:hover{
    background-position:-180px -30px 
}
.highslide-outline,.highslide-wrapper{
    background-color:white;
    border-radius:15px 
}
.highslide-active-anchor img{
    visibility:visible;
    border-color:grey!important 
}
.highslide-loading{
    display:block;
    background-image:url('../Assets/loader.white.gif');
    background-repeat:no-repeat;
    background-position:3px 3px;
    color:#000;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
    border:1px solid #fff;
    padding-left:22px;
    padding:3px 0 3px 22px;
    width:16px;
    height:16px;
    overflow:hidden 
}
.highslide-controls{
    position:static!important;
    margin:0;
    width:120px!important 
}
.highslide-thumbstrip img{
    position:static!important 
}
.highslide-controls{
    width:195px;
    height:40px;
    margin:20px 15px 10px 0;
    background:url('../Assets/controlbar-white.gif') 0 -90px no-repeat 
}
.highslide-controls ul{
    position:relative;
    left:15px;
    height:40px;
    list-style:none;
    margin:0;
    padding:0;
    background:url('../Assets/controlbar-white.gif') right -90px no-repeat 
}
.highslide-controls li{
    float:left;
    padding:5px 0;
    margin:0;
    list-style:none 
}
.highslide-controls a{
    display:block;
    float:left;
    height:30px;
    width:30px;
    outline:0;
    background-image:url('../Assets/controlbar-white.gif') 
}
.highslide-controls a.disabled{
    cursor:default 
}
.highslide-controls a.disabled span{
    cursor:default 
}
.highslide-controls a span{
    display:none;
    cursor:pointer 
}
.close-simple-white{
    position:relative;
    top:-15px;
    left:15px;
    width:30px;
    height:30px;
    cursor:pointer;
    background:url('../Assets/close.png') 
}
.supplicant { position:relative; }
.supplicant::before {
	position:absolute;
 	content: "The meaning of\ASpiritual Healing";
	background-color: rgba(255, 255, 255, 75%);
	border-radius:5px;
	white-space:pre-wrap;
	padding-top: 4px;
	text-align:center;
	color:#6B4C9A;
	width:300px;
	height:74px;
	line-height:1.1;
	font-size: 30px;
	font-weight:bold;
	left: calc(50% - 150px);
	top: calc(50% - 56px);
	clip-path: polygon(
		0 		0,
		100% 	0, 
		100% 	100%, 
		32% 	99.0%, 
		31% 	96.0%, 
		30% 	92.6%,
		29% 	90.5%, 
		28% 	89.0%, 
		27.5% 	89.0%, 
		27% 	89.0%, 
		26.5% 	89.0%, 
		26% 	89.1%, 
		25% 	90.0%, 
		24% 	91.0%, 
		23% 	92.5%, 
		22% 	94.5%, 
		21% 	97.5%, 
		20.5% 	100%, 
		0 		100%);
 }

/* 
	-------------------------------------------------
  	Specific to certain screen sizes 
	-------------------------------------------------
*/

@media screen{
    #xr_nb9,#xr_nb9m{
        font-family:Arial,sans-serif;
        font-size:16px 
    }
    #xr_nb9 li:hover>a,#xr_nb9m li:hover>a{
        background-color:#c77076;
        color:#fff 
    }
    #xr_nb9 li a,#xr_nb9m li a{
        color:#4a4a4a;
        background-color:white;
        padding:8px;
        padding-right:26px 
    }
    #xr_nb9 li>div,#xr_nb9m li>div{
        background-color:white;
        padding:8px 
    }
    #xr_nb9 .xr_nb6,#xr_nb9m .xr_nb6{
        background-color:#4a4a4a 
    }
    #xr_nb9 li,#xr_nb9m li{
        border-color:#4a4a4a 
    }
    #xr_nb9 li:hover,#xr_nb9m li:hover{
        border-color:#fff 
    }
    #xr_nb9 ul,#xr_nb9m ul{
        border:solid 1px #4a4a4a;
        background-color:white 
    }
    #xr_nb9 .xr_nb1 ul,#xr_nb9m .xr_nb1 ul{
        margin-top:-1px 
    }
    #xr_nb9 .xr_nb4,#xr_nb9m .xr_nb4{
        opacity:.98 
    }
    #xr_nb9 .xr_nb5,#xr_nb9m .xr_nb5{
        border-color:rgba(74,74,74,.95) 
    }
    #xr_nb9 .xr_nb2,#xr_nb9m .xr_nb2{
        transition:visibility .3s 
    }
}
@media only screen and (min-width:720px){
    #xr_xr{
        width:100%;
        min-width:720px;
        max-width:3000px;
        overflow:hidden 
    }
    .Swash{
        top:0;
        left:0;
        width:100%;
        height:140px;
        background-image:url('../Assets/greenswash.jpg');
        background-size:cover;
        background-position:center center 
    }
    .hide_when_mobile,.using_desktop{
        position:relative;
        height:260px;
        display:block 
    }
    .using_desktop{
        margin:40px 0 50px 0 
    }
    .hide_when_mobile{
        position:absolute;
        display:block;
        left:18px;
        top:10px;
        width:100%;
        height:31px 
    }
    .xr_pbd{
        margin-left:-480px 
    }
    .menu_area{
        left:0;
        top:200px;
        width:960px;
        height:100px;
        background-color:white 
    }
    .display_area{
        position:relative;
        width:100%;
        height:100%;
    }
    .background_image{
        left:-1px;
        top:0;
        width:962px;
        height:192px;
        background-image:url('../Assets/9416.png') 
    }
    .planet_image{
        background:url('../Assets/10122.jpg') 0 0 no-repeat;
        background-size:cover 
    }
    .image_area{
        position:relative;
        height:340px 
    }
    .copyright_area{
        position:relative;
        height:64px;
        margin-top:0;
        background-color:#b2b2b2 
    }
    .copyright_message{
        left:0;
        top:1292px;
        width:960px;
        height:10px 
    }
    .Copyright_text{
        margin:20px 0 10px 40px;
		display:block;
    }
    .low_nav_next,.low_nav_prev,.low_nav_rise{
        top:14px 
    }
    .top_nav_next,.top_nav_prev{
        top:90px 
    }
    .banner_area{
        left:20px;
        top:95px;
        width:400px;
        height:50px;
        margin:0 auto;
        position:relative 
    }
    .banner_text{
        left:20px;
        top:-17.82px;
        width:400px;
        height:50px;
    }
    .splash_area{
        position:relative;
        font-family:Allura;
        font-size:48px;
		top:10px;
        left:20px;
        width:914px;
        height:110px 
    }
    .KenPortrait{
        position:absolute;
        left:12%;
        top:18px;
        width:197px;
        height:300px 
    }
    .portrait_image{
        position:absolute;
        left:0;
        top:6px;
        width:197px;
        height:220px 
    }
    .GardenPicture{
        position:absolute;
        right:12%;
        top:24px;
        width:320px;
        height:312px 
    }
    .garden_text{
        position:absolute;
        bottom:0;
        width:100%;
        height:80px;
        text-align:center;
        line-height:normal;
        font-weight:400 
    }
    .garden_image{
        position:absolute;
        left:0;
        top:0;
        width:310px;
        height:220px 
    }
    .chevron_1{
        position:absolute;
        left:170px;
        top:-16px;
        width:30px;
        font-size:40px;
        color:#7f7f7f 
    }
    .chevron_2{
        position:absolute;
        left:280px;
        top:-20px;
        width:30px;
        height:30px;
        font-size:40px;
        color:#ccc 
    }
    .chevron_3{
    	position	: absolute;
        right		: 6vw;
        bottom		: 27vw;
        width		: 30px;
        height		: 30px;
        font-size	: 40px;
        color		: #ccc;
    }
    .row1,.row2{
        top:13% 
    }
    .row3,.row4{
        top:41% 
    }
    .row5,.row6{
        top:69% 
    }
    .col1,.col3,.col5{
        left :5.0vw;
    }
    .col2,.col4,.col6{
        right:3.0vw;
    }
    .hs_gallery{
        position:relative;
        height:1580px;
        width:100%;
    }
    .space_station{
        position:relative;
        display:block;
        background-image:url('../Assets/10122_192x212.jpg');
        background-size:cover;
        top:10px;
        left:-90px;
        width:192px;
        height:212px;
        border:2px solid #f5f5f5;
        -moz-box-shadow:0 0 16px #000;
        -webkit-box-shadow:0 0 16px #000;
        box-shadow:0 0 16px #000;
        visibility:hidden;
        border-radius:5px;
        white-space:nowrap;
        z-index:101 
    }
    .reveal{
        display:inline-block;
        white-space:nowrap;
        width:6px;
        margin-right:1px;
        height:40px 
    }
    .reveal::before{
        content:'-' 
    }
    .reveal:hover{
        color:#c9757b 
    }
    .reveal:hover::before{
        content:'^' 
    }
    .reveal:hover .space_station{
        visibility:visible 
    }
}
@media only screen and (max-width:719px){
    body{
        margin:0 auto;
        padding:0 
    }
    #xr_xr{
        overflow:hidden 
    }
    .Swash{
        top:0;
        left:0;
        width:100%;
        height:8em;
        background-image:url('../Assets/greenswash.jpg');
        background-position:50% 50%;
        background-position:center 
    }
    .page_content{
        position:relative;
        left:0;
        top:0;
        width:95% 
    }
    .mobile{
        display:block 
    }
    .hide_when_mobile,.only_desktop,.using_desktop{
        display:none 
    }
    .hide_when_desktop,.using_mobile{
        position:relative;
        display:block;
        text-align:center 
    }
    .hide_when_desktop{
        top:2px;
        width:146px;
        height:25px;
        margin-left:0 
    }
    .xr_pbd{
        margin-left:-240px 
    }
    .frame_dimensions{
        position:absolute;
        width:100%;
        height:100%;
        overflow:hidden 
    }
    .menu_area{
        left:0;
        top:0;
        width:100%;
        height:100%;
        background-color:white;
    }
    .menu_item a{
        min-width:24px 
    }
    .image_area{
        position:unset;
        display:grid;
        margin-top:30px;
        grid-template-columns:repeat(auto-fit,110px);
        grid-column-gap:10px;
        grid-row-gap:30px 
    }
    .item:nth-child(2){
        grid-column:span 4 
    }
    .dedication_area{
        position:relative;
        padding:10px 20px 10px 20px;
        line-height:1.7em;
        color:white;
    }
    .display_area{
        position:relative;
		width: 100%;
        height:100%;
    }
    .background_image{
        left:0;
        top:0;
        width:482px;
        height:95px;
        background:url('../Assets/9110.jpg') 
    }
    .planet_image{
        height:100%;
        width:100%;
        background:url('../Assets/10157.jpg') 0 0 no-repeat;
        background-size:cover 
    }
    .copyright_area{
        position:relative;
        height:54px;
        background-color:#b2b2b2 
    }
    .copyright_message{
        left:2px;
        top:20px;
        width:484px;
        height:10px 
    }
    .Copyright_text{
        margin:16px 0 10px 20px;
        font-size: 14px;
    }
    .top_nav_next,.top_nav_prev{
        top:35px 
    }
    .banner_area{
        position:absolute;
        left:0;
        top:0;
        width:100%;
        height:8em 
    }
    .banner_text{
        position:relative;
        left:30%;
        top:60%;
        width:50%;
        transform:translateY(-50%);
        text-align:center 
    }
    .splash_area{
        position:relative;
        line-height:normal;
        line-height:40px;
        padding:12px 0 0 20px 
    }
    .splash_area .xr_tl{
        white-space:normal 
    }
    .Heading_1{
        position:relative;
        font-weight:400;
        font-style:normal;
        font-size:48px;
        text-decoration:none;
        font-feature-settings:'calt' 0;
        text-transform:none;
        color:#999;
        background-color:Transparent;
        letter-spacing:0;
        line-height:1.3 
    }
    .statement_area{
        position:relative;
        padding:20px;
        line-height:1.7em;
        font-weight:700 
    }
    .KenPortrait{
        position:relative;
        left:20px 
    }
    .portrait_image{
        position:relative;
        left:22px;
        top:0;
        width:154px;
        height:171px;
        z-index:1 
    }
    .portrait_text{
        position:absolute;
        top:180px;
        left:20px;
        width:160px;
        height:60px;
        text-align:center;
        line-height:normal;
        font-weight:400 
    }
    .GardenPicture{
        position:relative;
        top:20px;
        left:-30px;
        height:300px;
        grid-column-start:6 
    }
    .garden_text{
        position:absolute;
        left:153px;
        top:214px;
        width:320px;
        height:100px;
        line-height:1.5em;
        text-align:center;
        font-weight:400 
    }
    .garden_image{
        position:absolute;
        left:164px;
        top:0;
        width:300px;
        z-index:0 
    }
    .chevron_1{
        position:absolute;
        left:160px;
        top:-12px;
        width:30px;
        height:30px;
        font-size:24px;
        color:#000;
        z-index:2 
    }
    .chevron_2{
        position:absolute;
        left:440px;
        top:-10px;
        width:30px;
        height:30px;
        font-size:24px;
        color:#fff;
        z-index:2 
    }
    .hs_gallery{
        background-position:-920px 0 
    }
    .low_nav_next,.low_nav_prev,.low_nav_rise{
        top:12px 
    }
    .xr_nb2{
        top:43px;
	    max-height: calc(100vh - 200px);
    	overflow-y: auto;
    }
    .menu_item{
        position:relative;
        text-align:left;
        left:20px;
        width:0 
    }
    .menu_item a{
        font-size:larger 
    }
    .using_mobile{
        height:28.4vw;
        margin-bottom: 20px 
    }
    .using_mobile img{
        width:100%;
        height:auto 
    }
    .col1,.col2,.col3,.col4,.col5,.col6,.row1,.row2,.row3,.row4,.row5,.row6{
        top:30px;
        left:0; 
    }
    .hs_object{
        position:relative;
        width:95%;
        height:auto;
        margin:0 auto 
    }
    .prayer_text{
        margin-top:2em;
        border:2px solid #74787c;
        padding:3vw;
        width:calc(100% - 40px) 
    }
    .facilities_intro{
        position:relative;
        display:inline-block;
        height:auto;
        width:95%;
        left:5% 
        text-shadow:2px 2px 2px #000;
        margin-top:20px;
        padding:0 40px;
        width:calc(90% - 80px) 
    }
    .facilities_finale{
        position:relative;
        height:auto;
        line-height:normal;
        bottom:1em;
        text-shadow:2px 2px 2px #000;
        margin-top:20px;
        padding:0 40px;
        width:calc(90% - 80px) 
    }
    .afterglow{
        position:relative;
        height:28.4vw;
        margin:0;
        display:block 
    }
    .inspirational{
        display:inline-grid;
        align-content:center;
        margin:0;
        transform:unset;
        border-radius:.75em;
        padding:4px;
        line-height:5vw;
        font-size:4.5vw;
        bottom:7vw;
        width:75vw;
        left:8.5vw;
        height:15vw 
    }
    .menu_item:hover{
        border:none 
    }
    .fuzzy_zone{
        width: 100%;
        height: 540px;
    }
    .fuzzy_frame::before {
        top: 480px;
        left: 30px;
    }
    .SubText {
        right: 16px;
        bottom: 22px;
    }
/* 
  Handler for description header
*/  
.supplicant::before {
 }
	

	
}
@media only screen and (max-width:400px){
    .image_area{
        position:unset;
        display:grid;
        margin-top:30px;
        grid-template-columns:100%;
        grid-column-gap:0;
        grid-row-gap:40px;
        align-content:center;
        justify-content:center 
    }
    .KenPortrait{
        position:relative;
        left:72px 
    }
    .GardenPicture{
        position:relative;
        top:20px;
        left:-130px;
        height:300px;
        grid-column-start:1 
    }
    [class^=becoming_nav_]{
        position:absolute;
        width:100px;
        height:110px;
        top:30px;
        left:calc(100% - 120px) 
    }
    .chapteriser{
        position:relative;
        width:95%;
        height:140px;
        border-bottom:1px solid #74787c 
    }
    .Copyright_text{
        display:grid;
        font-size:12px;
        width:30%;
        left:1em;
        height:100%;
        line-height:1em;
        text-align:center;
        margin:0 auto;
        justify-content:center;
        align-content:center 
    }
	.supplicant::before {
		width: 80%;
		left: calc(10vw / 2);
		height: auto;
		padding: 1vw 10px 2vw 10px;
		clip-path: none;
	}
}
@media print{
    .xr_mvpo{
        display:none 
    }
}
@media only screen and (min-width:960px){
    .top_nav_next,.top_nav_prev{
        background-color:#4a5102;
        border-radius:50% 
    }
}

/* Style sheet additions for Ken's Web. August 9th 2024 */

.xr_nb2{
	visibility: hidden;}

.ken_image {
    width: 100px;
    height: 100px;
    float: right;
    padding: 12px;
	}
	
.locket {
	object-fit: cover;
	border-radius: 50%;
	position: absolute;
	right: 20px;
	top: 84px;
	border:2px solid #f5f5f5;
	-moz-box-shadow:0 0 16px grey;
	-webkit-box-shadow:0 0 16px grey;
	box-shadow:0 0 16px grey;
}

.Heading_0 {
    top: 20px;
    position: relative;
    padding-bottom: 20px;}

.LFE {
	background: linear-gradient(to right, white, white, white, #6666ff, #0099ff, #00ff00, #ff3399);
	/*
	background-image: linear-gradient(to left, white, white, white, violet, indigo, blue, green, yellow, orange, red, white, white, white);
	*/
    background-size: 1000% 100%;
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    animation: rainbow_animation 60s ease-in-out infinite;}
	
@keyframes rainbow_animation {
	0%, 100% {    background-position: 0 0;}
	50% 	 {    background-position: 100% 0;}}

.copyright_area{
	width: 100%;
	height:64px;
	bottom: 0;
	margin-top:40px;
	background-color:#b2b2b2;}
	
.wrapper {
	display:grid;
/* 
	For legacy browsers, revert to grid
	
	display:flex;
	flex-wrap: wrap;
	flex-direction: column;
*/	
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	row-gap: 40px;
	grid-row-gap: 40px;
	width:auto;}

.element {
	position:relative;
	display: flex;
	column-gap: 20px;}
		
.title{
	width:108px;
	display: flex;
    align-items: center;
    justify-content: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-boxXXX;
	display: -ms-flexbox;
	-webkit-flex-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	font-weight:normal;
	font-weight:bold;
	z-index:0;
	}

.topic {
	background-color: #fcf6f0;
	padding: 15px;
	min-height: 120px;
	text-align: left;
	line-height: 1.5;
	border-radius: 0.375rem;
	border: 2px dotted grey;
	flex:1 200px;
	font-weight:normal;
	}

.visualised {
	position			: relative;
	width 				: 80px;
    height				: 80px;
	width 				: clamp(50px, 10vw, 80px);
    height				: clamp(50px, 10vw, 80px);
	background-color	: white;
	background-size		: cover;
	float				: right;
	margin-left			: 10px;	
	border-radius		: 50%;
	top					: -40px;
	right				: -30px;
	border				: 2px solid #f5f5f5;
	-moz-box-shadow		: 0 0 16px grey;
	-webkit-box-shadow	: 0 0 16px grey;
	box-shadow			: 0 0 16px grey;}

.small {
	background-size:70%;
	background-position:center;
	background-repeat:no-repeat;
    background-color: black;}

.tiny {
	background-size:50%;
	background-position:center;
	background-repeat:no-repeat;
    background-color: black;}

.locket{

    height: 90px;
    height: clamp(55px, 11vw, 90px);
}

.target-wrapper {    
  position: relative;
  width:100%;}

.inanimate {
	position: absolute;
    font-size:16px;
	font-weight:normal;
	font-style:italic;
	width: 100%;
	height: 100%;
	white-space: pre-wrap;
	border-radius: 0.375rem;
	background-image: url('./Assets/SolarSystem.png');
	background-size: cover;
	z-index: 10;	
}

.inanimate > div {
	display:none;
}

/* Required by elements of StarView */


.tooltip {
  position: relative;
  display: inline-block;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: white;
  text-align: center;
  border-radius: 5px;
  position: absolute;
  top: -40px;
  right: 0;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

.jframe {
	width:100%; 
	height:100%; 
	border:none; 
	border-radius: 0.375rem;
	}

.denyScroll {
	pointer-events:none;
}
.fullPage {
	padding:0;
	border:none;
}
.lightoff {
	position			: absolute;
    top					: -47px;
	background-image	: url('../Assets/LightsOff.png');
    opacity				: 100% !important;
	z-index				: 100; 
}

.small {
	background-size		: 70%;
	background-position	: center;
	background-repeat	: no-repeat;
    background-color	: black;
}

.smallbulb {
	position			: absolute;
	top					: -2px;
	right				: 0;
	background-size		: 35%;
	background-position	: center;
	background-repeat	: no-repeat;
    background-color	: black;
	z-index				: 100;
	background-image	: url('../Assets/LightsOff.png');
	cursor				: pointer;
	}

.sunButton {
	position			: absolute;
	top					: -2px;
	right				: 0;
	background-size		: 50%;
	background-position	: center;
	background-repeat	: no-repeat;
    background-color	: black;
	z-index				: 100;
	background-image	: url('../Assets/0_Sun1.png');
	cursor				: pointer;
	}

.lighton {
	position			: absolute;
	background-size		: 35%;
	background-position	: center;
	background-repeat	: no-repeat;
    background-color	: black;
	z-index				: 100;
    top					: 80px;
	right				: 10px;
	opacity				: 15%;
	border				: none;
	background-image	: url('../Assets/LightsOn.png');
	cursor				: pointer;
}
.lighton:hover {
  opacity:100%;
}

.lose_this {
  display:none;
}

.totality {
	z-index:200; 
	height:36vw;
}

.caption, 
.inspired {
    position		: absolute;
	bottom			: 10%;
    width			: 100%;
    height			: 40px;
	color			: yellow;
	font-size		: 1.5vw;
	font-size		: clamp(12px, 1.5vw, 24px);
	font-weight		: normal;
    user-select		: none;
    -ms-user-select	: none;
    -webkit-user-select:none;
    z-index			: 25;}

.inspired {
	bottom			: 1%;
	left			: 4px;
	text-align		: left;}

.caption {
    right			: 32px;
	text-align		: right;}

[class^="phase"]{
	width			: 96%;
	opacity			: 0;
	position		: absolute;
	padding			: 8px;
	z-index			: 25;
	}

.phase1 { animation	: showCaption1 80s ease-in-out infinite}
.phase2 { animation	: showCaption2 80s ease-in-out infinite}
.phase3 { animation	: showCaption3 80s ease-in-out infinite}
.phase4 { animation	: showCaption4 80s ease-in-out infinite}
.phase5 { animation	: showCaption5 80s ease-in-out infinite}
.phase6 { animation	: showCaption6 80s ease-in-out infinite}
.phase7 { animation	: showCaption7 80s ease-in-out infinite}
.phase8 { animation	: showCaption8 80s ease-in-out infinite}


@keyframes showCaption1 {	0%,	02%,	17%,	100%		{ opacity: 0 }	03%, 	16% { opacity: 1 }} 
@keyframes showCaption2 {	0%,	18%,	27%,	100% 		{ opacity: 0 }	19%, 	26%	{ opacity: 1 }}
@keyframes showCaption3 {   0%,	28%,	37%,	100% 		{ opacity: 0 } 	29%, 	36%	{ opacity: 1 }}
@keyframes showCaption4 {   0%, 38%,	49%,	100% 		{ opacity: 0 } 	39%, 	48% { opacity: 1 }}
@keyframes showCaption5 {	0%,	50%,	61%,	100%		{ opacity: 0 }	51%, 	60% { opacity: 1 }}
@keyframes showCaption6 {	0%,	61%,	72%,	100% 		{ opacity: 0 }	62%, 	71%	{ opacity: 1 }}
@keyframes showCaption7 {   0%,	73%, 	84%,	100% 		{ opacity: 0 }  74%, 	83% { opacity: 1 }}
@keyframes showCaption8 {   0%, 85%, 	99%,	100%		{ opacity: 0 } 	86%, 	98% { opacity: 1 }}

/* 11 December 2024, testing for Safari on IOS */

.checkIOS {
	display			: none;
	}