/* Move down content because we have a fixed navbar that is 50px tall */
body {background-color: #000084;
    background-image: url("../images/bg2.png");background-repeat: repeat-x; background-position: top right;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    font-weight: 500; color: #000060;
    padding-top: 60px;
    padding-bottom: 20px;
    font-size: 90%;line-height: 1.4;
}

.smallItalics { font-size: .85em; font-style: italic;}
.italics { font-style: italic;}
.underlining { text-decoration: underline;}
.emph { font-weight: bold;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}
.textRight {text-align: right; float: right;}
.note { font-style: italic;}
ximg {
  display: block;
  max-width: 100%;
  height: auto;
}
img.centre {margin: 0 auto;}
img.imageLeft { float: left; padding: 0px 10px 5px 0px;}
.indentLeft { padding-left: 20px;}
p.clear { clear: both;}
.padTopBottom {margin: 5px 0px 5px 0px;}

.linkBackgrounds {
    background-image: url('../buttons/buttonBG.png');
    background-size: 120px;
    background-repeat: no-repeat;
    background-position: center;
    xborder-radius: 50%;
    xbackground-clip: border-box;
    xtransition: background-size 0.2s;
    xtransition-timing-function: cubic-bezier(.07,1.41,.82,1.41);

    display: block;
    width: 120px;
    height: 30px;
    text-decoration: none;
    cursor: pointer;
    xoverflow: hidden;
    xtext-indent: 100%;
    white-space:nowrap;
    
}

.linkBackgrounds:hover {
    background-image: url('../buttons/buttonBGOn.png');
}
a.linkBackgrounds {color: #FFFFFF; padding-top: 4px; font-size: 14px;font-weight: bold;}



.navbar-custom {
     border-top: dotted 0px #FFFFFF; border-bottom: dotted 0px #FFFFFF;background-image: url("../images/elthamSign.png");background-repeat: no-repeat; background-position: top right;
    height: 60px;  background-color: #000084;
 }
.nav-custom-bg {
    background-color: #000084;
}
/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color: #FFFFFF;  font-family: 'Domine', serif; letter-spacing: 1px
}
/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #FFFFFF;
}
/* change the color of active or hovered links */
.navbar-custom .nav-item:active .nav-link, 
.navbar-custom .nav-item:hover .nav-link {
    color: #6A159B;   
}

.navbar-collapse-custom { margin-left: -15px; margin-right: -15px; }
.navbar-collapse-custom .active-custom { border:none; font-weight: bold;}
.navbar-collapse-custom .nav-item { padding-left: 15px; }

@media (max-width: 992px) {
     .navbar-custom {
     background-image: none !important;
     }
 } 
 

li.active-custom {  border-bottom: 2px solid #FFFFFF; }

h1.mainHdg { padding: 20px 0px 0px 0px; color:#000060; font-family: 'Domine', serif;  letter-spacing: 1px; text-align: center; font-size: 1.3em; }
h2.subHdg {font-size: 1.2em; text-align: center; font-weight: bold; color:#000060; font-family: 'Domine', serif;  letter-spacing: 1px; margin-top: 10px; }
h2.subHdgFront {font-size: 1.2em; text-align: center; font-weight: bold; color:#000060; font-family: 'Domine', serif;  letter-spacing: 1px; margin-top: 20px; margin-bottom: 20px; }
h2.addListing {font-size: 1.0em; text-align: center; font-weight: bold; background-color:#000060; color: #FFFFFF; padding: 5px 0px 5px 0px;  letter-spacing: 1px; margin-top: 10px; }
h2.eventMonth {font-size: 1.0em; text-align: center; font-weight: bold; background-color:#000060; color: #FFFFFF; padding: 5px 0px 5px 0px;  letter-spacing: 1px; margin-top: 10px; }
h2.eventRegularMonth {font-size: 1.0em; text-align: center; font-weight: bold; background-color:#008484; color: #FFFFFF; padding: 5px 0px 5px 0px;  letter-spacing: 1px; margin-top: 10px; }
h3.menu {font-size: 0.9em; font-weight: bold; padding: 0px 0px 0px 16px; color: #FFFFFF;}
h3.pageHdg {font-size: 1.0em; font-weight: bold; padding: 10px 0px 10px 0px; text-align:left; font-family: 'Domine', serif; color: #008484;letter-spacing: 1px; }
h3.pageHdg2 {font-size: 1.0em; font-weight: bold; padding: 10px 0px 10px 8px; text-align:left; font-family: 'Domine', serif; color: #008484;letter-spacing: 1px; }
h3.bookList { font-weight:bold; background-color:#008000; color: #FFFFFF; padding: 5px 10px 5px 10px; font-size: 1.1em; font-family: 'Domine', serif;} 
.customForm {font-family: 'Josefin Sans', sans-serif;color: #735b39;}
/*Placeholder Colors*/
.customForm::-webkit-input-placeholder {
color:#735b39;
}
.customForm:-moz-placeholder { /* Firefox 18- */
color:#735b39;
}
 
.customForm::-moz-placeholder { /* Firefox 19+ */
color:#735b39;
}
 
.customForm:-ms-input-placeholder {
color:#735b39f;
}
input.inputButton { background-color: #008484; color:#FFFFFF; padding: 1px 12px 1px 12px;}
.formText { text-align: left; padding-left: 15px;}
.textSm {font-family: 'Josefin Sans', sans-serif;color: #735b39; font-size: medium;}

div.topSection { width: 100%;min-heightx: 300px;text-align: center; background-color:#FFF; }
.crest {padding: 10px 10px 0px 30px;}
.twitter { padding: 10px 30px 0px 10px;}
img.topImage {display: block;
  max-width: 100%;
  height: auto;}

.selectField { display:inline-block; width:300px; height:48px; margin:0 10px 0 0; padding: 10px 10px 10px 10px; }
.selectField::-ms-expand { display:none; }
.styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }

div.middleSection { border-radius: 15px;background-color: #FFFFFF;border: dotted 2px #000060;  text-align: center; padding-top: 0px; padding-left: 15px;padding-right: 15px; font-size: 100%; margin-top: 10px;}
p.topStrap { padding: 10px 0px 10px 0px; font-weight: bold;}
div.greenBG{background-color: #cde3e3;}
div.blueBG{background-color: #E7E8EF;}
div.frontEvent1Hdg {background-color: #3a3a97; font-weight: bold; color: #FFFFFF; padding: 5px;}
div.frontEvent1Date {background-color: #a1a1ee; font-weight: bold; color: #FFFFFF; padding: 3px 3px 3px 10px;text-align: left;}
div.frontEvent1Title {background-color: #e4e4fc;font-weight: bold;text-decoration:underline; padding: 3px 3px 3px 10px;text-align: left;}
div.frontEvent1Desc {background-color: #e4e4fc;padding: 3px 3px 3px 10px;text-align: left;}
div.frontFeatured2Hdg {background-color: #008484; font-weight: bold; color: #FFFFFF; padding: 5px;}
div.frontFeatured2Name {background-color: #a3c8d1; font-weight: bold; color: #FFFFFF;padding: 3px 3px 3px 10px;text-align: left;}
div.frontFeatured2Address {font-weight: bold;text-decoration:underline; padding: 3px 3px 3px 10px;text-align: left;}
div.frontFeatured2Desc {padding: 3px 3px 3px 10px;text-align: left;}
div.clubsList { padding: 4px 4px 4px 4px; text-align: left;}
div.frontClubs { padding-left: 20px; padding-bottom: 20px; padding-top: 0px;}

a.readMore { font-size: 0.85%; font-style: italic; color: #006000;}
a.frontLink {color: #FFFFFF;}
.footer-custom { text-align: center; color: #FFFFFF;padding-top: 5px;}

div.bookList {text-align: left;padding: 10px 10px 10px 10px; border-left: solid 1px #008000; border-bottom: solid 1px #008000; }
p.bookImage { text-align: center;margin: 5px 0px 0px 0px;}
p.bookAboutTitle { font-weight: bold;margin: 0px 0px 0px 0px;font-size: .85em; text-align: center;}
p.bookAuthor {margin: 0px 0px 0px 0px;font-size: .85em; text-align: center;}
p.bookBuy {margin: 0px 0px 20px 0px;font-size: .85em; text-align: center;}
.bookBorders { border-left: solid 1px #008000; }
.bookBorderRight { border-left: solid 1px #008000; }
hr.bookList { color: #008000; height: 1px;}

.listLink {text-align: right;padding: 0px 25px 0px 0px; font-weight: bold;}
.chooseCat { text-align: left; padding: 10px 0px 10px 20px;}
div.flLeft {text-align: left;min-width: 205px;}
div.flMiddle {text-align: left; }
div.flRight { }
p.supplierName { background-color: #000060; font-weight: bold;  padding: 10px 5px 10px 5px; color: #FFFFFF; width: 100%; text-align: left;}
p.supplierDescription { font-size: 90%; text-align: left; padding: 10px 0px 20px 0px;}
img.supplierImage { float: left; margin-right: 20px; margin-bottom: 20px;}
.contactHelp { font-style: italic; font-size: .85em;}
/*Placeholder Colors*/
.form-control::-webkit-input-placeholder {
color:#000080;
}
.form-control:-moz-placeholder { /* Firefox 18- */
color:#000080;
}
 
.form-control::-moz-placeholder { /* Firefox 19+ */
color:#000080;
}
 
.form-control:-ms-input-placeholder {
color:#000080;
}
.asterisk { color: #FF0080;font-size: 0.85em;}
p.text-muted {font-size: .9em;padding: 10px 0px 0px 0px;}

.topLinks {padding: 0px 0px 20px 0px;}
div.attractionName { text-align: center;font-weight: bold;}
div.attractionImage { text-align: center;padding: 0px 0px 20px 0px;}
div.otherPlaces {text-align: center;padding: 10px 0px 20px 0px;}
.travelHdg { font-weight: bold;text-align: left;padding: 0px 0px 0px 0px; margin: 0px;}
.travelDetail {text-align: left;padding-left: 10px;}
.backtoTop { text-align: right;font-size: 0.85em; font-style: italic; }
.moreInfo {font-style: italic;font-size: .85em;}
img.attractionImage { float: left; margin-right: 20px; margin-bottom: 20px;}
p.attractionName { background-color: #000060; text-align:left; font-weight: bold;  padding: 10px 5px 10px 25px; color: #FFFFFF; width: 100%;}
p.attractionDescription { font-size: 90%; text-align: left; padding: 0px 0px 20px 0px;}
.attractionAddress { color: #FFFFFF; font-weight: normal;}
div.myBorder { border: solid 2px #FF0000;}

.colHdg { text-align: left;padding: 5px 10px 10px 20px;}
.colHdg2 { text-align: left;padding: 5px 10px 10px 3px;}
.colInput { text-align: left; padding: 5px 0px 10px 0px;}

div.eventBorder {  background-color:#E7E8EF; }
div.eventRegularBorder {  background-color:#ddf3ef; }
.eventName { font-weight: bold; text-align: left;padding: 8px 20px 0px 20px; text-decoration: underline; font-size: 1.1em;}
.eventTime { font-weight: bold; text-align: right;padding: 8px 50px 5px 20px;}
.eventAddress { font-weight: bold;text-align: left;padding: 0px 20px 0px 20px;}
.eventDescription {text-align: left;padding: 0px 20px 0px 20px;}
.eventContact{text-align: left;padding: 0px 20px 0px 20px;}
.eventEmail {text-align: left;padding: 0px 20px 0px 20px;}
.eventWebsite {text-align: left;padding: 0px 20px 10px 20px;}

.theatreName { text-align: left;font-weight: bold;padding: 0px 10px 10px 20px;text-decoration: underline;}
.theatreAddress { text-align: left;padding: 0px 10px 10px 20px;}
.theatreMap { text-align: left;padding: 0px 10px 10px 20px;}
.theatreDetails { text-align: left;padding: 0px 10px 20px 20px;}

.scam { padding: 0px 8px 3px 8px; font-size: 0.95em; text-align: left;}

.linkName { text-align: left;padding: 0px 20px 5px 20px; font-weight: bold;}
.linkDesc { text-align: left;padding: 0px 20px 5px 20px;}

div.notFound { padding: 10px; text-align: left;}
.form-submit-button {
background: #1212e9;
color: #fff;
border: 1px solid #000084;
border-radius: 20px;
box-shadow: 0px 0px 0px #eee;
text-shadow:none;
}

.form-submit-button:hover {
background: #000084;
color: #fff;
border: 1px solid #1212e9;
border-radius: 20px;
box-shadow: 0px 0px 0px #eee;
text-shadow:none;
}
.servicesHomeLink {font-size: 1.2em; font-weight: bold;font-family: 'Domine', serif;  letter-spacing: 1px; padding-top:0px; padding-bottom: 10px; color: #FF0000; }
.thanksbasic { padding: 40px; text-align: center;}

table.churchservices { margin: 0 auto;}
td.churchserviceType { text-align: center;font-weight: bold;font-size: 1.5em}
td.churchDetails { font-size: 1.2em;text-align: left;}
churchDivider { text-align: left;}
.churchName {font-weight: bold;}
td.churchserviceDate {text-align: left; padding-right: 10px; }
td.churchserviceTime {text-align: right;  padding-right: 10px;}
td.churchserviceTitle {text-align: left; }