/* cmsms stylesheet: Simple Mobile Friendly modified: Friday, October 24, 2025 1:13:46 PM */




* {
	padding:0;
	margin:0;
}

@font-face {
    font-family:Amita;
    src:url("/uploads/fonts/Amita-Regular.ttf");
}

@font-face {
    font-family:REM;
    src:url("/uploads/fonts/REM-VariableFont_wght.ttf");
}



body {
    background:no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position:50% 0%;
    border:none;
    font-family: 'REM', sans-serif;
    letter-spacing:1px;
    font-size:1em;
    font-weight:300;
    line-height:1.5em;
}

strong {font-weight:700;}

h1, h2, h3, h4, h5, h6 {
    color:#006ae2;
    text-shadow: 1px 3px #faf9f6, -1px 0 #006ae2;
    margin:1em auto;
    text-transform:none;
    text-align:center;
    font-weight:600;
    font-family: 'Amita', sans-serif;
    letter-spacing:3px;
    }

h1 {
    font-size:190%;
    
    }

h2 {
    font-size:140%;
    clear:both;
    }

h3 {
    font-size:120%;
    font-family: 'REM', sans-serif;
    color:#000;
    }

p {margin:1em auto;}
a {color:#008d59;text-decoration:none;}
a:hover {color:#006ae2;}

ul {

     margin:1em auto 2em auto;
     border:none;
}

ol {border:none;margin-left:0;padding:0;margin-block-start:0;
    margin-block-end: 0;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;}

li {
    border:none;
    margin:.5em auto .5em 3em;
}

ol li {border:none;padding:0; }

strong, b {color:#032480;font-weight:700;}

.center {text-align:center;margin:0 auto;}
.clear {clear:both;}


#header {
     text-align:center;
     background-color:transparent;
     padding:0;
     margin:0;
     height:150px;
     border:none;
}

#header h1 {
     color: #fff;
     margin:0 auto;
}

#header .logo {
     float:left;
     margin:0;
     height:90%;
     border:none;
     position:relative;
     z-index:100;
     opacity:0.9;
     
}

#header .logo img {
     height:100%;
     border-radius: 10px;
}

#nav {
     float:right;
     height:auto;
     width:auto;
     border:none;
     margin:0 auto 0 0;
     padding:0;
     font-size:16px;
     letter-spacing:1px;
     font-weight:500;
}



.social {
    position:relative;
    top:8px;
    float:right;
    text-align:right;
    overflow:auto;
    margin:0 0 1em 0;
    border:none;
}

.social div {
     display:inline;
     float:left;
     width:35px;
     height:35px;
     padding:0;
     margin:0 1em 0 0;
}

.social div img {
      width:100%;
      height:100%;
}


#content {
    clear:both;
    background-color:#fff;
    color:#666;
    border-radius: 10px;
    margin:0;
    padding:.25em;
    overflow:hidden;
    width:auto;

}

#content2 {
    clear:both;
    background-color:#ccc;
    margin:1em;
    padding:.5em 0;
    box-shadow:6px 6px 3px #333, -2px -2px 4px #333;
    border-radius: 10px;
    overflow:hidden;
    width:auto;
    font-size:1.25em;
    color:#032480;
}

.main {
    border:none;
        margin:.5em .25em 1em .25em;
     clear:both;
}

.breadcrumbs {
    padding:3px;
    font-size: 80%;
    text-align:right;
    text-transform:uppercase;
    color:#333;
    margin:.5em 1em .5em .5em;
}

.spacer {
    border:none;
    background-color:transparent;
    opacity:0.5;
    height:0;
}


.section {
    text-align:center;
    border:none;
    margin:-1em 0;
    padding:.5em;
    background-color:#032480;
    color:#fff;
    font-size:1.25em;
    position:relative;
    z-axis:100;
    line-height:1.5em;
}

.parallax {
     border: none;
     width:auto;
/* Set a specific height */
     min-height: 300px; 

/* Create the parallax scrolling effect */
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: contain;
}

.tagline {
    font-style:italic;
    text-align:center;
    font-size:105%;
}

.content_photo {

    float:none;
    margin:0 1em 1em 1em;
    text-align:center;
    font-size:75%;
    width:100%;
    
}

.bannerimage {
     margin:0;
     border:none;
     width:100%;
     padding:0;
}


.content_photo img, .graphic img, .bannerimage img {
    width:100%;
    text-align:center;
    border-radius: 0;
    box-shadow:2px 2px 1px #333, -2px -2px 4px #333;

}



.booknow {
     border:1px solid black;
     width:280px;
     text-align:center;
     margin:1em auto;
     border-radius:7px;
     background-color:#f6f6f6;
}

.highlight, .button, div.booknow a {
     text-align:center;
     text-transform:none;
     font-weight:bold;
     background-color: #006ae2;
     color:#03ffff;
     border-radius:10px;
     padding:.5em 2em;
     line-height:1.25em;
     margin:.5em 1em .5em .5em;

}

div.booknow a {text-transform:uppercase;}

.feature {
     text-align:center;
     width:300px;
     margin:1em auto;
     background-color: #006ae2;
     padding:1em;
     border-radius:10px;
    
}

.feature h2 {
 text-shadow: none;
  color:#fff;
 }   

.highlight p, .highlight2 p {
     padding:.2em 0 0 0;
     border:none;
}

.highlight a, .button a {color:#03ffff;}
.highlight a:hover, .button a:hover {color:#d7e6e6;}
.highlight2 a {color:#c5186b;}
.highlight2 a:hover {color:#fff;}

.gallery {
    border:none;
    margin:1em auto;
    text-align:center;
    width:100%;
}

.pagination {
    float:right;
}

.content_foot {
     margin-top:3em;
     padding-top:1em;
     height:100px;
     background-color:#ffcc02;
     color:#7ab600;
     text-align:center;
     font-size:150%;
     font-weight:700;
     letter-spacing:2px;
     text-transform:uppercase;
     line-height:1.25em;
     
}

#footer {
    background-color:transparent;
    text-align:center;
    font-size:small;
    color:#7ab600;
    width:100%;
    padding:.5em;

}

#footer p {
    padding:0;
    margin:0;
}




div.formbuilderform {
     border:none;
     margin:1em auto;
     padding:0;
     text-align:center;
     width:100%;
     font-size:1em;
     font-family: 'REM', sans-serif;
}


.formbuilderform div {
    border:none;
    margin:0 auto 1em auto;
    width:100%;
    overflow:auto;
    clear:both;
}

.formbuilderform div div  {
    border:none;
    margin:.5em auto 1em auto;
    text-align:center;
}

.formbuilderform label {
    border:none;
    float:none;
    clear:both;
    padding:0;
    width:98%;
    font-weight:500;
    text-align:center;
    margin:.5em 0 0 0;
    display:block;
}


.formbuilderform input {
     border:1px solid #ccc;
     border-radius:10px;
     padding:.5em;
     margin:0 auto 1em auto;
     width:300px;
     font-size:1em;
     font-family: 'REM', sans-serif;
}

.formbuilderform select {
     margin:1em auto;
     border:1px solid #ccc;
     font-size:1em;
     font-family: 'REM', sans-serif;
}

.formbuilderform input[type=checkbox] {
    float:left;
    border:none;
    padding:0;
    margin:10px 0 0 0;
    width:2em;
    font-size:1em;
    font-family: 'REM', sans-serif;
}

.formbuilderform input[type=radio] {
    float:left;
    border:none;
    padding:0;
    margin:10px 0 0 0;
    width:2em;
    font-size:1em;
}


.formbuilderform input[type=submit] {
     background-color:#000;
     border:1px solid #666;
     padding:10px;
     margin:.5em;
     color:#fff;
     text-transform:uppercase;
     border-radius:10px;
     font-size:1em;
     font-family: 'REM', sans-serif;
}


.formbuilderform textarea {
     width:95%;
     height:8em;
     margin:.5em auto;
     padding:4px;
     border:1px solid #ccc;
     border-radius:10px;
     font-size:1em;
      font-family: 'REM', sans-serif;
     overflow:hidden;
}


.formbuilderform div div label {
    border:none;
    float:left;
    clear:none;
    padding:0;
    font-weight:500;
    text-align:left;
    margin:0;
    display:block;
    width:300px;
    font-family: 'REM', sans-serif;
}




.captcha {
     margin:.5em auto;
     text-align:center;
     font-size:small;
}

.captcha img {
     border:1px solid #ccc;
}


table {
    border-collapse:collapse;
    border:1px dotted #333;
    margin:1em auto;
}

th, td {
    padding:.25em .5em;
    border:1px dotted #333;
    text-align:left;
    text-transform:uppercase;
}

.graphic {
     width:90%;
     margin:1em auto;
     text-align:center;
     font-size:90%;
}




ul.thumb_menu {

     font-weight:500;
     list-style-type:none;
     border:none;
     overflow:visible;
     width:auto;
     height:auto;
     margin:0 auto;
     padding:0;
     text-align:center;
}



ul.thumb_menu li {
     display:inline-block;
     border:1px solid black;
     border-radius: 5px;
     box-shadow:5px 5px 2px #777, -2px -2px 3px #666;
     text-align:center;
     width:250px;
     height:auto;
     padding:5px;
     margin:.5em;
     
     font-size:1em;
     font-weight:500;
     vertical-align:top;
     background-color:#fff;
}



ul.thumb_menu li h2 {
    text-align:center;
    background-image:none;
    background-position:center bottom;
    background-size:65%;
    font-size:1em;
    line-height:1em;
    height:2em;
    margin:.25em;

}

ul.thumb_menu li img {
     width:98%;
     height:auto;
     border:1px solid #333;
     border-radius: 0;
     margin:1em auto .5em auto;
     opacity:.9;
     z-index:0;
     float:none;
}

ul.thumb_menu li a {
     text-decoration:none;
     white-space:normal;
     margin:0;
}

ul.thumb_menu li div {
     border:none;
     position:relative;
     top:0;
}



ul.thumb_menu li p {
     border:none;
     color:#000;
     z-index:100;
     font-size:.8em;
     line-height:1.15em;
     text-transform:none;
     text-align:center;
     margin:0 auto.25em auto;
     height:4em;
     font-style:italic;
     
}

ul.thumb_menu li div.extra2, ul.thumb_menu li div.extra3 {
     border:none;
     background-color:#000;
     color:#fff;
     z-index:100;
     font-size:1em;
     line-height:1em;
     margin:0;
     padding:8px 0;
     font-style:italic;
}

ul.thumb_menu li div.extra2 a, ul.thumb_menu li div.extra3 a {color:#fed12b;}

.bio {
     clear:both;
     background-color:#fff;
     border-radius: 10px;
     padding:.5em;
     margin:1em auto;
     border:1px solid #000;
     overflow:auto;
}

.bio .tile {
     text-align:center;
     margin:1em;
}

.bio .tile img {width:300px;border:1px solid #fff;}

.bio p {
      text-align:left;
      line-height:1.25em;
      margin:1em auto;
} 
     




@media screen and (min-device-width : 768px)

{

#header {height:200px;padding:0;border:none;}
#header h1 {text-align:left;float:left;margin-right:1em;}
.social {padding:0;float:right;top:5px;z-index:100;}
#content {margin:0 2em 4em 2em;padding:0;}
.content_photo {width:500px;margin:1em auto 1em 1em;}

.feature {
     text-align:center;
     width:50%;
     margin:1em auto;
     background-color: #006ae2;
     padding:1em;
     border-radius:10px;
    
}

}






@media screen and (min-width: 1000px) {

#header {height:220px;padding:0;margin:0;border:none;}
#header h1 {text-align:left;float:left;margin:1em auto;}
#header .logo {border:none; padding:0; margin:.5em .5em 0 .5em;}
#nav {border:1px solid transparent;float:left;}
.social {padding:0;border:none;float:right;top:10px;z-index:100;}
#content {margin:-190px 15% 200px 235px;padding:0;border:none;}
.main {padding:0;margin:.25em 1em 2em 1em;border:none;}
.gallery {width:90%;}

.content_photo {width:500px;margin:1em auto;}

div.formbuilderform {
     border:none;
     margin:1em auto;
     padding:0;
     text-align:center;
     width:500px;
}


.bannerimage {
     margin:0;
     border:none;
     width:100%;
     height:auto;
     padding:0;
}

.bannerimage img {
     margin:0;
     border:none;
     width:100%;
     height:auto;
     padding:0;
}

#content2 {
    clear:both;
    background-color:#fff;
    margin:1em;
    padding:.5em 0;
    box-shadow:6px 6px 3px #333, -2px -2px 4px #333;
    border-radius: 10px;
    overflow:hidden;
    width:auto;
}



.spacer {
    border:none;
    background-color:transparent;
    opacity:0.5;
    height:1em;
}


.section {
    text-align:center;
    border:none;
    margin:-1.5em 0;
    padding:.5em 2em;
    background-color:#fff;
    color:#032480;
    font-size:1.25em;
    position:relative;
    z-axis:100;
}

.parallax {
     border: none;
     width:auto;
/* Set a specific height */
     min-height: 500px; 

/* Create the parallax scrolling effect */
     background-attachment: fixed;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}

.feature {
     float:right;
     margin:0 0 1em 1em;
     width:60%;
}

.bio .tile {
     float:left;
}
.bio p {
     
}


}
/* cmsms stylesheet: Main Menu modified: Tuesday, July 22, 2025 8:29:42 PM */
#main-menu-container {border:none;overflow-y:scroll;}

div.main-navigation {
    height: auto;
    float: none;
    display: block;
    margin-left: 0;
    width: 100%;
    clear: left;
    border:none;
    text-transform:uppercase;
}

#main-menu {
    border:none;
    padding:0;
    list-style:none;
    font-weight:400;
    line-height:1.75em;
    font-size: 1.25em; 
    margin:80px 0 0 0;
    width:99%;
}


#main-menu > li {
	display: block;
	position: relative;
        width:97%;
        text-align:left;
        padding:0;
        list-style:none;
        border: none;
        margin:0 0 .5em 0;
        background-color:#006ae2;
        
}

#main-menu > li:last-child {
	border-bottom: none;
}

#main-menu > li > a,
#main-menu > li.sectionheader > span {
	color:#ffffff;
	text-decoration: none;
	cursor: pointer;
	padding:0 0 0 2em;
	display: block;
	position: relative;
        font-size:1em;
        line-height:2.5em;
        border:none;

}

#main-menu > li.current > a,
#main-menu > li.current.sectionheader > span,
#main-menu > li:hover > a,
#main-menu > li.sectionheader:hover > span {
	color: #006ae2;
        background-color:#fdda66;
        border:none;

}


#main-menu > li > ul,
#main-menu > li > ul > li > ul  {
	position: relative;
	left:0;
        border:none;
        list-style:none;
        padding:0;
        width:auto;
        margin:0;
}

#main-menu > li:hover > ul,
#main-menu > li.active > ul,
#main-menu > li > ul > li:hover > ul, 
#main-menu > li > ul > li.active > ul {
	position: relative;
	left:0;
        border:none;
        margin:0;
        padding;0;
}

#main-menu > li > ul > li > a,
#main-menu > li > ul > li.sectionheader > span,
#main-menu > li > ul > li > ul > li > a, 
#main-menu > li > ul > li > ul > li.sectionheader > span {
	text-decoration: none;
	color: #032480;
	text-transform: uppercase;
	display: block;
	padding:.25em 0 .25em .5em;
        border:none;
        line-height:2em;
        margin:0;
}

#main-menu > li > ul > li:hover > a,
#main-menu > li > ul > li.sectionheader:hover > span,
#main-menu > li > ul > li > ul > li:hover > a,
#main-menu > li > ul > li > ul > li.sectionheader:hover > span {
	color: #032480;
        background-color:#fff;
        border:none;
}


#main-menu > li > ul > li > ul > li > a,
#main-menu > li > ul > li > ul > li.sectionheader > span {
	padding-left: 15px;
	font-size: .875em;
	text-transform: none;
}


#main-menu > li > a i,
#main-menu > li > ul > li > a i,
#main-menu > li.sectionheader > span i,
#main-menu > li > ul > li.sectionheader > span i {
	float: right;
	position: relative;
	padding-top: 6px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: -webkit-transform 250ms ease-out 0s;
	-moz-transition: -moz-transform 250ms ease-out 0s;
	-o-transition: -o-transform 250ms ease-out 0s;
	transition: transform 250ms ease-out 0s;
}

#main-menu > li:hover > a i,
#main-menu > li.active > a i,
#main-menu > li > ul > li:hover > a i,
#main-menu > li > ul > li.active > a i,
#main-menu > li.sectionheader:hover > span i,
#main-menu > li.active.sectionheader > span i,
#main-menu > li > ul > li.sectionheader:hover > span i,
#main-menu > li > ul > li.active.sectionheader > span i {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}




/* Screen reader only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* Button styling */
.menu-toggle {
  display: inline-block;
  width:50px;
  height:50px;
  position:absolute;
  top:50px;
  right:15px;
  padding:0;
  line-height: 1em;
  font-size: 1em;
  color: #333;
  background-color:transparent;
  background-image:url(/uploads/images/layout/menu_open.png);
  background-repeat:no-repeat;
  background-size:contain;
  border:none;
  border-radius:3px;
}


.menu-toggle:hover,
.menu-toggle:focus {
  color: #666;
}

/*
 Default styles + Mobile first
 Offscreen menu style
*/

.main-menu {
  position: absolute;
  left: -150%;
  top: 0;
  height: 100%;
  overflow-y: visible;
  overflow-x: visible;
  border:none;
  z-index: 999;
}


.main-menu .menu-close {
  position: absolute;
  top:10px;
  right:15px;
  width:40px;
  height:40px;
  background-image:url(/uploads/images/layout/menu_close.png);
  background-repeat:no-repeat;
  background-size:contain;
  border:none;
  border-radius:3px;
}

/*
 On small devices, allow it to toggle...
*/
/*
 :target for non-JavaScript
 aria-expanded="true/false" will be for JavaScript
*/
.main-menu:target,
.main-menu[aria-expanded="true"] {
  left: 0;
  outline: none;
  -moz-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25);
  box-shadow: 3px 0 12px rgba(0,0,0,.25);
border:none;
   width:97%;
}

.main-menu:target .menu-close,
.main-menu[aria-expanded="true"] .menu-close {
  z-index: 1001;

}

.main-menu:target ul,
.main-menu[aria-expanded="true"] ul {
  position: relative;
  z-index: 1000;
}

/* 
 We could us `.main-menu:target:after`, but
 it wouldn't be clickable.
*/
.main-menu:target + .backdrop,
.main-menu[aria-expanded="true"] + .backdrop {
  position: absolute;
  display: block;  
  content: "";
  left: 0;
  top: 0;
  width: 95%;
  height: 90%;
  z-index: 998;
  background: #fff;
  cursor: default;
  border:none;
  opacity:0.95;
  overflow-y:scroll;
}

@supports (position: fixed) {
  .main-menu,
  .main-menu:target + .backdrop,
  .main-menu[aria-expanded="true"] + .backdrop {
    position: fixed;
  }
}

/* FLEX 1 */


/* =====================================
 SCREENS IPAD 700px - 1000px
 ===================================== */

@media screen and (min-width: 700px)    {

/* HAMBURGER MENU */


/* Button styling */
.menu-toggle {
  width:60px;
  height:60px;
  top:50px;
  right:20px;
}

.main-menu .menu-close {
  width:60px;
  height:60px;
  top:15px;
  right:20px;
}



}

/* FLEX 2*/

/* =====================================
 SCREENS BIGGER THAN 1000px 
 ===================================== */

@media screen and (min-width: 1000px) {

div.main-navigation {
    height: auto;
    float: none;
    display: block;
    margin-left: 0;
    width: 100%;
    clear: left;
    text-transform:uppercase;
}

#main-menu {
    border:none;
    padding:0;
    list-style:none;
    font-weight:400;
    line-height:1.5em;
    font-size: 1.25em; 
    margin:120px 200px 0 auto;
    width:50%;
}

.menu-toggle {
  width:100px;
  height:100px;
  top:60px;
  right:20px;
}

.main-menu .menu-close {
  width:80px;
  height:80px;
  top:60px;
  right:90px;
}

.main-menu:target,
.main-menu[aria-expanded="true"] {
  left: 0;
  outline: none;
  -moz-box-shadow: -3px 0 -12px rgba(0,0,0,.25) inset;
  -webkit-box-shadow: 3px 0 12px rgba(0,0,0,.25) inset;
  box-shadow: -3px 0 -12px rgba(0,0,0,.25) inset;
border:none;
   width:100%;
}

.main-menu:target + .backdrop,
.main-menu[aria-expanded="true"] + .backdrop {
  position: absolute;
  display: block;  
  content: "";
  left: 230px;
  top: 50px;
  width: 100%;
  height: 90%;
  z-index: 998;
  background: #fff;
  cursor: default;
  border:none;
  opacity:0.9;
  overflow-y:scroll;
  border-radius: 15px 0 0 15px; 
}



@supports (position: fixed) {
  .main-menu,
  .main-menu:target + .backdrop,
  .main-menu[aria-expanded="true"] + .backdrop {
    position: fixed;
  }

}