/* Colours

Dark green: 517537

*/

body { font-family: tahoma; font-size: 90%; text-align: center; line-height: 150%; background-color: white; background-image: url(/images/OVkyuxPv0s8lPsl1MMXi0a80kb.jpg); background-repeat: repeat-x; margin: 0px; }
input, select, textarea { font-size: 90%; font-family: verdana; }
input[type=button], input[type=submit], a.button { background-color: #e72a02; color: #ffffff; padding: 10px; border-radius: 5px; border: none; cursor: pointer; }
a.button:hover { text-decoration: none; }
table { width: 100%; font-size: 100%; }
a { color: #e72a02; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border-width: 0px; margin: 0px; padding: 0px; }
table, td, th, div { color: #555555; border: solid #517537 0px; text-align: left; vertical-align: top; }
img { border: solid black 0px; }
form { margin: 0px; padding: 0px; }
fieldset { border: solid transparent 0px; margin: 0px; padding: 0px; }
div, h1, h2, h3, h4, h5, h6 { display: block; font-size: 100%; font-weight: normal; margin: 0px; padding: 0px; }
p { margin: 0px 0px 0px 0px; }
ol, ul, li { padding: 0px; margin: 0px; list-style-type: none; }
table { border-spacing: 0px; }
td, th { padding: 0px; }

.errors { color: #721c24; background-color:#f8d7da; border-radius: 0.25rem; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid #f5c6cb; }
.hidden { display: none; }

div.layout_standard { background: white; width: 800px; margin: 20px auto 20px auto; border-radius: 20px; border: solid white 5px; background-image: url(/images/8eaPTz7FsrdD5HWpEfRo0m8001.png); background-repeat: repeat-y; }
div.layoutheader { height: 280px; background-image: url(/images/qCC7dyd2XV8nspUbz5yp0m807s.jpg); border-radius: 20px; }
div.layouttopmenu { padding: 20px; }
div.layoutcontent { padding: 20px; background: white; margin: 10px 0px 10px 20px; border-radius: 20px; width: 580px; float: left; }
.section3 div.layoutcontent, .section4 div.layoutcontent, .section12 div.layoutcontent, .section17 div.layoutcontent
   { width: auto; float: none; margin: 10px 20px 10px 20px; }
div.layoutright { float: right; width: 140px; margin: 30px 20px 0px 0px; }
.section3 div.layoutright, .section4 div.layoutright, .section12 div.layoutright, .section17 div.layoutright
   { display: none; }
div.layoutfooter { clear: both; height: 300px; background-image: url(/images/XoNA7pI53Fr9vLSdBR6O0m808c.jpg); border-radius: 20px; }
div.layoutcredits { position: absolute; margin: 10px 0px 0px 0px; font-size: 80%; width: 800px;  }
div.layoutcredits .beachshore { text-align: right; color: #e72a02; }
div.layoutcredits .beachshore a { color: #e72a02; }


/* Header */

div.feat_countdown { position: absolute; margin: 0px 0px 0px 210px; background: #e4bdbb; border-radius: 0px 0px 10px 10px; padding: 10px; }
div.feat_countdown div { color: #e72a02; }
div.feat_countdown div.countdown { font-weight: bold; }

div.headercontent { position: absolute; margin: 120px 0px 0px 140px; }
div.headercontent h3 { font-size: 150%; line-height: 100%; padding: 0px 0px 10px 0px; color: white; }
div.headercontent h2 { font-size: 230%; font-weight: bold; line-height: 100%; color: white; }

div.headerpac { position: absolute; margin: 50px 0px 0px 530px; }

div.headergallery { position: absolute; margin: 20px 0px 0px 620px; }

div.notice { background-color: #ffffff; padding: 20px; border-radius: 20px; }
div.notice p { text-align: center; color: #517537; font-weight: bold; }

/* Navigation */

div.nav_dhtmlpopup { height: 40px; position: absolute; margin: 230px 0px 0px 20px; font-size: 105%; background: #b61800; border-radius: 10px; padding: 0px 5px 0px 5px; }
div.nav_dhtmlpopup .level1 { float: left; height: 20px; padding: 10px; }
div.nav_dhtmlpopup .item1 a { color: white;  }
div.nav_dhtmlpopup .popup1 { position: absolute; background: #b61800; margin: 30px 0px 0px -10px; border-radius: 0px 0px 10px 10px; padding: 0px 0px 5px 0px; }
div.nav_dhtmlpopup .back1 { display: none; }
div.nav_dhtmlpopup .level2 { padding: 2px 15px 2px 15px; font-size: 85%; cursor: pointer; }
div.nav_dhtmlpopup .item2 { white-space: nowrap; }
div.nav_dhtmlpopup .item2 a { color: white; }

/* Right column */

div.rightmenu .item { background: #e4bdbb; height: 30px; line-height: 30px; border-radius: 0px 10px 10px 0px; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 10px; }
div.rightmenu .selected { background: white; }

/* Footer */

/*
div.footerquotes .jcarousel-container { width: 400px; padding: 20px 0px 0px 120px; }
div.footerquotes .jcarousel-clip { width: 400px; overflow: hidden; }
div.footerquotes .jcarousel-item { width: 400px; color: white; font-style: italic; }
*/

div.footerquotes { width: 400px; clear: both; padding: 20px 0px 0px 120px; }
div.footerquotes .carousel { position: relative; overflow: hidden; width: 100%; }
div.footerquotes .carousel ul { width: 20000em; position: relative; }
div.footerquotes .carousel li { float: left; width: 400px; color: white; font-style: italic; }

div.footermenu { position: absolute; margin: 100px 0px 0px 100px; display: none; }
div.footermenu .item { float: left; padding: 0px 20px 0px 0px; }
div.footermenu .item a { color: white; }


/* Titles */

div.std_contentpage .pagetitle, div.feat_churchpage .pagename, div.std_eventpagea .headline, .feat_driverportal h1
   { font-weight: bold; font-size: 200%; padding: 10px 0px 20px 0px; color: #e72a02; }

.feat_driverportal h2
   { font-weight: bold; font-size: 150%; padding: 10px 0px 20px 0px; color: #e72a02; }

.feat_driverportal h3
   { font-weight: bold; font-size: 125%; padding: 10px 0px 20px 0px; color: #e72a02; }


/* Standard content */

.std_contentpage ul, .feat_driverportal ul, .std_contentpage ol, .feat_driverportal ol { padding: 20px 0px 20px 20px; }
.std_contentpage ul li, .feat_driverportal ul li { list-style-type: disc; padding-bottom: 5px; }
.std_contentpage ol li, .feat_driverportal ol li { list-style-type: decimal; padding-bottom: 5px; }


/* Content page */

div.std_contentpage .pagecontent { line-height: 170%; }
div.std_contentpage .pagecontent h2 { font-weight: bold; font-size: 120%; padding: 10px 0px 10px 0px; }
div.std_contentpage p { padding: 0px 0px 20px 0px; }
div.std_contentpage table { width: auto; margin: 0px 0px 10px 0px; border-top: solid #e4bdbb 1px; border-right: solid #e4bdbb 1px; }
div.std_contentpage .pagecontent table.photo { border: solid #517537 2px; }
div.std_contentpage .pagecontent table.photo td { text-align: right; font-style: italic; }
div.std_contentpage th, div.std_contentpage td { padding: 2px 5px 2px 5px; border-bottom: solid #e4bdbb 1px; border-left: solid #e4bdbb 1px; }
div.std_contentpage img { border-radius: 10px; margin: 5px; }

table.roles th { text-align: center; vertical-align: bottom; }
table.roles td { text-align: center; }

div.std_contentpage table.contactus { border: none; }
div.std_contentpage table.contactus td { max-width: 250px; padding: 0px; border: none; }
div.std_contentpage table.contactus img { border: solid #000000 1px; margin: 0px 10px 20px 0px; }

/* Survey */

/* 
div.surv_standard .field { padding: 10px 0px 0px 0px; clear: both; }
div.surv_standard .field_section .label { clear: both; float: none; width: auto; text-align: left; padding: 20px 0px 0px 210px; }
div.surv_standard .label { float: left; width: 200px; text-align: right; padding: 0px 10px 0px 0px; font-weight: bold; }
div.surv_standard .input { float: left; width: 390px; } */

div.surv_standard .buttons { padding: 30px 0px 0px 210px; clear: both; }


/* Sliding gallery */

.wt-gallery { border: none; background: none; }
.wt-gallery img { margin: 0px !important; border-radius: 0px !important; }
.wt-gallery .main-screen { border: none; }
.wt-gallery .cpanel[style] { width: 720px !important; padding-top: 0px !important; margin-top: 0px !important; }
.wt-gallery .thumbnails li { padding-top: 0px !important; }
.wt-gallery .thumbnails li:hover div { border-color: #f2c700; }
.wt-gallery .thumbs-back { width: 30px; margin: 0px 10px 0px 0px; }

/* GDPR consent page */
.buttons { clear: both; padding-top: 20px; }

/* Thank You page */
.thankyou img { border-radius: 0 !important; margin: 0 !important; }

input[type=text], textarea {width: 95%;}
.formbuilder .field { clear: both; padding: 10px 0px 0px 0px; }
.formbuilder .label {width: 160px; float: left;padding: 0px 10px 0px 0px;font-weight: bold;}
.formbuilder .input {width: 410px;float: right;}

.section3 .formbuilder .input, .section4 .formbuilder .input, .section12 .formbuilder .input, .section17 .formbuilder .input { width: 520px; }
.formbuilder .description { font-size: 90%; }
.formbuilder .description p { margin: 0px 0px 5px 0px; }
.formbuilder .field_section .label, .formbuilder .field_group>.label
   { width: auto; float: none; padding: 10px; color: #ffffff; background-color: #b61800; }
.formbuilder .field_group>.input
   { width: auto; float: none; }
.formbuilder .field ul { padding: 0px; }
.formbuilder .field ul li { list-style-type: none; }

/* #fb-MembEmail-div input { width: 300px; } */


/* Driver portal */

.feat_driverportal .guestlist table.guest { border: solid #e72a02 2px; border-radius: 10px; margin-bottom: 20px; }
.feat_driverportal .guestlist table.guest table th { padding: 5px; }
.feat_driverportal .guestlist table.guest table td { padding: 5px; }
.feat_driverportal .guestlist table.guest th.name { background: #e72a02; color: #ffffff; padding: 5px; }
.feat_driverportal .guestlist table.guest th.role { background: #e72a02; color: #ffffff; padding: 5px; text-align: right; }
.feat_driverportal .guestlist table.guest td.editlink { padding: 5px; text-align: right; }


/* Homepage */

.homebanner { background-color: #eeeeee; border-radius: 10px; padding: 20px 20px 0px 20px; margin-bottom: 20px; }
.homebanner .titletxt { font-weight: bold; font-size: 120%; padding-bottom: 20px; }
.subtitle {font-weight: bold; height: 30px; font-size: 120%; padding-bottom: 20px;}