{<script type="text/javascript" src="CSSMenuWriter/cssmw/menu.js"></script>
}
html, body, div, span, applet, object, iframe, p, h1, h2, h3, h4, h6 img ul li {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
}

html {
overflow-y: scroll;
}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
/*  BODY */
body {
color: #000000;
margin: 0 0 40px 0;
padding: 0 0 0 0;
background: url(../images/design_images/checkerPlate.jpg);
font-family: Montserrat, Tahoma, Arial, Helvetica, Sans-Serif;
font-size: 1em;
line-height: 1.2em;
}


/*SKIP NAV*/
#skipnavigation {
position: absolute;
left: -1000px;
}

/* COMMON PAGE TAGS */
.headingWrapper { /*only used when heading is outside content wrapper*/
margin: 0 10px;
}

.heading {
text-align: left;
letter-spacing: 0.1em;
background: url(../images/design_images/blueLine.gif) no-repeat center;
font-weight: bold;
margin-bottom: 0.5em;
padding-bottom: 2px;
text-transform: uppercase;
color: #093f89;
font-size: 0.9em;
}

img {
border: 0;
}

p {
margin: 10px 0;
}
h5 {margin:10px 0px 30px 0px;
font-size:25px;
}

h2 {
margin:10px 0 0 10px;
text-transform: capitalize;
}

h10 {
text-transform: capitalize;
font-size:30px;
line-height:50px
}


/* COMMON LINKS  */
/* Sets the style for unvisited links. */
a, a:link {
color: #002AB4;
text-decoration: underline;
}

/* Sets the style for visited links. */
/*a:visited {
color: #666666;
text-decoration: underline;
}*/
/* Sets the style for links on mouseover. */
a:hover {
color: #002AB4;
text-decoration: underline;
}

/* Sets the style for a link that has focus. */
a:focus {
color: #002AB4;
}

/* Sets the style for a link that is being activated/clicked. */
a:active {
color: #002AB4;
}

/* SITE AREAS  */
#outerOuterWrapper {
width: 1000px;
margin: 0 auto;/*background: url(../images/design_images/checkerPlate.jpg) repeat;*/
}

/* TOP NAVIGATION  */
#topNavWrapper {
padding-right: 13px;
height: 50px;
background: url(../images/design_images/topNavBackgoundShadow.png) no-repeat;
}

#topLeftMemberArea {
font-size: 0.8em;
float: left;
margin-left: 17px;
margin-top: 15px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
background-color: #fff;
}

#topNav {
margin: 0 0 0 227px;
text-align: left;
}

#topNav ul {
margin: 0px;
font-size: .8em;
letter-spacing: .1em;
padding: 0px;
}

#topNav li {
display: inline;
margin: 0 0 0 19px;
padding: 2px 22px;
}

#topNav li a:link {
color:#000000;
text-decoration: none;
}

#topNav li a:visited {
color:#000000;
}

#topNav li a:hover {
color:#000000;
text-decoration: underline;
}

#topNav li a:focus, a:active {
text-decoration: underline;
color:#000000;
}

#topNav li.homeSite {
background: #D21F1D;
}

#topNav li.homeSite a:link {
color:#FFFFFF;
}

#topNav li.homeSite a:visited {
color:#FFFFFF;
}

#topNav li.homeSite a:hover {
color:#FFFFFF;
text-decoration: underline;
}

#topNav li.homeSite a:focus, a:active {
color:#FFFFFF;
text-decoration: underline;
}

/* END TOP NAVIGATION*/

/*  CONTAINER FOR PAGE CONTENT + BACKGROUND */
#outerWrapper {
margin: 0 auto 0 auto;
padding: 0 20px;
width: 960px;
background: url(../images/design_images/dropShadowBackgroundX1000.png) repeat-y;
}

/* WRAPPER FOR HEADER CONTENT  */
#outerWrapper #headerWrapper {
width: 100%;
}

#outerWrapper #header {
height: 209px;
margin: 0;
background: url(../logobanner/website-header-2024.png) no-repeat;
height: 150px;
box-shadow: 1px 0px 1px 1px rgb(255 255 255 / 10%);


}

#logo {
float:left;
height:150px;
width:280px;
}


#headerRightSection {
float: right;
width: 200px;
}

.headerDonate {
float: right;
}

a.donatebutton {
  display: inline-block;
  margin-bottom: 42px;
  margin-right: 30px;
  margin-top: 8px;
  text-align: center;
}
.donate {
  border-radius: 4px;
  background-color: #C90A0A;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 25px;
  padding: 15px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: 10px 1px 20px 0px #000000;
  -webkit-box-shadow: 1px 1px 20px 0px #000000;
  -moz-box-shadow: 1px 1px 20px 0px #000000;
  border: solid #C90A0A 1px;
  text-decoration: none;
}

.donate span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.donate span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.donate:hover span {
  padding-right: 25px;
}

.donate:hover span:after {
  opacity: 1;
  right: 0;
}
.signup-button {
  border-radius: 4px;
  background-color: #0D3780;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  width: 160px;
  transition: all 0.5s;
  cursor: pointer;
  box-shadow: 10px 1px 20px 0px #000000;
  -webkit-box-shadow: 1px 1px 20px 0px #000000;
  -moz-box-shadow: 1px 1px 20px 0px #000000;
  border: solid #0D3780 1px;
  text-decoration: none;
}

.signup-button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.signup-button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.signup-button:hover span {
  padding-right: 25px;
}

.signup-button:hover span:after {
  opacity: 1;
  right: 0;
}
a.signup {
  display: inline-block;
  margin-left: 10px;
  margin-top: -10px;
}

#clickable-ad {
float:left;
}

/* header social logos */
#social-logos {
position: relative;
top: -23px;
left: 42px;
width: 260px;
height: 44px;
/*background-color:#F00;*/
}

#social-logos img {
margin-right: -3px;
}

/*#social-logos.social-logo {
float: left;
width: 35px;
height: 44px;
}*/

/* end header social logos */

/* SEARCH */
/* Search on navigation bar */
#search {
  float: right;
  margin: 15px 10px 0 0;
  border: 1px #CAC8E0 solid;
  padding-bottom: 1px;
}

#search .searchBox {
border: solid 1px #000000;
//margin-right: 5px;
width: 150px;
}

#search .searchButton {
margin: 0 0 -6px 0px;
}

/* End search on navigation bar */

/* COUNTDOWN CLOCK */
#countdownClock { /* This the div across the page */
background: #093f89;
height: 40px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 10px;
font-style: italic;
color: #FFF;
text-align: center;
font-size: 1em;
}

.countdown {/* This is the actual clock ** More settings in countdown.js** */
width: 350px;
float: left;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}


.countdownclock {/* This is the two areas either side of the clock */
width: 235px;
float: left;
margin: 0;
padding: 0;
}

#countdownClock a:link {/* This provides the colour of the linked text (so it stays the same as the clock) */
color: #FFF;/* Original Yellow #FFCA03*/
text-decoration: none;
}

#countdownClock a:visited {/* This provides the colour of the linked visited text (so it doesn't go blue) */
color: #FFF;
text-decoration: none;
}

.even {
background-color: #ECECEC;/* even, odd background colours for groups tables*/
}

/* BANNER */
#outerWrapper #banner {
height: 250px;
margin: 0 10px;
}

/* WRAPPER FOR PAGE CONTENT */
#outerWrapper #contentWrapper {
width: 100%;
}

/* CONTENT AREA */

#outerWrapper #contentWrapper #contentfp {
margin: 10px 10px 10px 10px;
padding: 0 10px 10px 10px;
}
#outerWrapper #contentWrapper #contentfp p {
line-height: 1.2em;
font-size: .8em;
margin: 1em 0;
}

#outerWrapper #contentWrapper #fullcontent {
  margin: 0 0px 0 0;
  padding: 0 10px 10px 10px;
  }
  
  
  #outerWrapper #contentWrapper #fullcontent p {
  line-height: 1.4em;
  font-size: .8em;
  margin: 1em 0;
  }

#outerWrapper #contentWrapper #content {
margin: 0 0px 0 0;
padding: 0 10px 10px 10px;
width: 722px;
}


#outerWrapper #contentWrapper #content p {
line-height: 1.4em;
font-size: .8em;
margin: 1em 0;
}

/* CONTENT AREA Events */
#outerWrapper #contentWrapper #eventBanner {
height: 240px;
width: 100%;
}

#outerWrapper #contentWrapper #contentEvents {
margin: 0 310px 0 0;
padding: 0 10px 10px 10px;
}

#outerWrapper #contentWrapper #contentEvents p {
line-height: 1.4em;
font-size: .8em;
margin: 1em 0;
}

/* CONTENT AREA EVENTS PAGE ITEMS*/
#contentWrapper #EventResultsContent {
margin: 0 245px 0 10px;
padding: 10px 17px 10px 17px;
}

#contentWrapper #EventResultsContent h1 {
font-size: 1.2em;
margin: 15px 0;
}

#contentWrapper #EventResultsContent h2 {
margin: 10px;
font-size: 1em;
}

#contentWrapper #EventResultsContent h3 {
margin: 10px;
font-size: 0.8em;
}

#contentWrapper #EventResultsContent li {
font-size: 0.8em;
}

#contentWrapper #EventResultsContent p {
line-height: 2em;
font-size: .8em;
}

#outerWrapper #contentWrapper #EventResultsContent table {
width: 100%;
}

#contentWrapper #EventResultsContent th {
padding: 0;
}

#contentWrapper #EventResultsContent td {
padding: 10px 0 10px 10px;
}
/* END CONTENT AREA EVENTS PAGE ITEMS */
/* CONTENT AREA MEDIA */
#outerWrapper #contentWrapper #contentMedia  {
margin: 0;
padding: 0 10px 10px 10px;
}

#outerWrapper #contentWrapper #contentMedia  p {
line-height: 1.2em;
font-size: .8em;
margin: 1em 0;
}
#media-pageContentAudio {
position relative;
float: left;
width: 290px;
}

#media-pageContentAudio .goButton{
margin: 0 0 -5px 5px;
}

#media-pageContentArchive {
position relative;
float: left;
width: 290px;
}

#media-pageContentAudio .goButton{
margin: 0 0 -5px 5px;
}



#media-pageContentVideo {
position relative;
float: right;
margin: 0;
width: 640px;
}
#media-pageContentVideo . {
margin-bottom:10px;
float: right;
width: 640px;
height: 360px;
}

#media-pageContentVideo #videoNavigation {
width: 640px;
height: 430px;
}




/* END CONTENT AREA MEDIA */

/* CONTENT AREA CMS PAGE ITEMS*/
#contentWrapper #cms-pageContent {
padding: 10px 17px 10px 17px;
font-size: 1em;
}

#contentWrapper #cms-pageContent .heading {
margin-bottom: 0.5em;
padding-bottom: 2px;
margin-top: 0.4em;
}

#contentWrapper #cms-pageContent h1 {
font-size: 0.9em;
margin-top: 1em;
}

#contentWrapper #cms-pageContent h2 {
margin: 10px;
font-size: 1em;
}

#contentWrapper #cms-pageContent h3 {
margin: 10px;
font-size: 0.7em;
}

#contentWrapper #cms-pageContent li {
font-size: 0.8em;
}

#contentWrapper #cms-pageContent p {
margin: 10px;
	font-size: 12px;
}

#contentWrapper #cms-pageContent form {
margin: 10px 20px;
}

#contentWrapper #cms-pageContent form .select {
height: 25px;
width: 300px;
border: 1px solid #000;
font-family: Tahoma, Geneva, sans-serif;
}

#contentWrapper #cms-pageContent form .inputValue {
height: 25px;
width: 300px;
border: 1px solid #000;
font-family: Tahoma, Geneva, sans-serif;
}

#contentWrapper #cms-pageContent form .inputText {
height: 150px;
width: 300px;
border: 1px solid #000;
font-family: Tahoma, Geneva, sans-serif;
}

/* END CONTENT AREA CMS PAGE ITEMS*/

/* CONTENT AREA INDEX PAGE NEWS ITEMS*/
.indexNewsPlaceholder {
margin: 15px;
width: 200px;
height: 210px;
background: url(../images/design_images/background_image_news.jpg) no-repeat center top;
float: left;
}

.indexNewsPlaceholder .newsHeading1 {
margin: 10px 0 2px;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
}

.indexNewsPlaceholder h1, p {
padding: 0;
margin: 5px 0px 0px 0px !Important;
background: url(none);
font-size: 1em;
font-weight: normal;
text-transform: none;
}

.indexNewsPlaceholder em, strong {
font-weight: normal;
}

.indexNewsPlaceholder .imageDiv {
height: 100px;
width: 200px;
}

.indexNewsPlaceholder .image {
margin: 0 auto;
display: block;
}

/* RIGHT SIDEBAR WITHIN CONTENT AREA*/
#contentWrapper #sidebarRight {
float:right;
width: 235px;
margin: 0 10px 0 0;
padding: 0;
}

#contentWrapper #sidebarRight p {
line-height: 1.2em;
font-size: .8em;
margin: 1em 0;
}

/* RIGHT SIDEBAR WITHIN EVENTS AREA*/
#contentWrapper #sidebarRightEvents {
float:right;
width: 300px;
margin: 0 10px 0 0;
padding: 0;
}

#contentWrapper #sidebarRightEvents p {
line-height: 1.2em;
font-size: .8em;
margin: 1em 0;
}


#contentWrapper #sidebarRightEvents #eventsMap {
}
#contentWrapper #sidebarRightEvents #eventsMap img{
}

#contentWrapper #sidebarRightEvents #eventsSearch {
padding:10px;
}

#contentWrapper #sidebarRightEvents #eventsSearch form {
margin-top:10px;
margin: 15px;
}

#contentWrapper #sidebarRightEvents #eventsSearch form .button {
float: right;
color: #FFFFFF;
background: #093f89;
font-weight: bold;
text-transform: uppercase;
border: 1px solid #000000;
margin-top: 5px;
margin-right: 100px;
}

#contentWrapper #sidebarRightEvents #eventsSearch form .textBox {
margin: 5px 0;
border-top: 2px solid #666666;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 2px solid #666666;
}

#contentWrapper #sidebarRightEvents #eventsSearch form .dropBox {
width: 180px;
margin: 5px 0;
border-top: 2px solid #666666;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 2px solid #666666;
}

/* BLOG EVENT SECTION */
#outerWrapper #blogEventWrapper {/*Event listings on site index page*/
width: 100%;
}


#outerWrapper #blogEventWrapper table {
width: 100%;
margin: 10px 0 0 0;
padding: 0;
}

.dateDiv {
height: 40px;
width: 40px;
margin: 0;
padding: 0 0 10px 0;
border-right: 2px solid #2B6FB6;
border-bottom: 2px solid #2B6FB6;
border-left: 2px solid #2B6FB6;
}

.dateDiv .month {
height: 15px;
margin: 0;
padding: 0;
}

.dateDiv .monthText {
margin:0;
padding: 0;
font-size: 14px;
font-weight: bold;
background-color: #2B6FB6;
color: #FFFFFF;
text-align: center;
text-transform: uppercase;
}

.dateDiv .day {
height: 25px;
padding: 5px 0 0 0;
background-color: #FFFFFF;
color: #000000;
font-size: 20px;
font-weight: bold;
text-align: center;
}

.dateDiv .title {
font-weight: bold;
}

/* END BLOG EVENT SECTION */
/* BLOG BLOG SECTION*/
#blogEventWrapper #blog table td {
padding-bottom: 5px;
}

#blogEventWrapper #blog table .blogDate {
font-size: 1em;
}

#blogEventWrapper #blog table .blogTitle {
font-size: .9em;
font-weight: bold;
text-align: left;
}

#blogEventWrapper #blog table .blogContent {
font-size: .9em;
}

/* END BLOG BLOG SECTION*/
#outerWrapper #blogEventWrapper #twitter {/*Blog listings on site index page*/
float: left;
width: 430px;
padding: 10px 0 0 0;
margin-left: 10px;
}
#outerWrapper #blogEventWrapper #twittertest {/*Blog listings on site index page*/
float: left;
width: 455px;
padding: 10px 0 0 0;
margin-left: 10px;
}

#outerWrapper #blogEventWrapper #blogContent p, h2 {
font-size:.8em;
}

#outerWrapper #blogEventWrapper #blogContent h2 {
margin-left: 0;
}

#outerWrapper #blogEventWrapper #blogContent {/*Blog listings on site index page*/
margin: 0;
}

#outerWrapper #blogEventWrapper #twitter {
height: 380px;/*margin: 0 0 10px 0;*/
}

#outerWrapper #blogEventWrapper .socialIcons {
float: left;
width: 170px;
height: 50px;
margin: 6px 0 6px 20px;
}

#outerWrapper #blogEventWrapper .socialIconsText {
float: right;
height: 64px;
width: 90px;
padding: 5px 0 0 0;
font-weight: bold;
}

#outerWrapper #blogEventWrapper #eventContent {
/*margin-left: 322px;*/
float: left;
width: 260px;
padding: 10px 0;
margin-left: 10px;
}
#outerWrapper #blogEventWrapper #eventContenttest {
/*margin-left: 322px;*/
float: left;
width: 225px;
padding: 10px 0;
margin-left: 10px;
}

#outerWrapper #blogEventWrapper #top10 {/*top10 listings on site index page*/
float: left;
width: 230px;
padding: 10px 0;
margin-left: 10px;
font-size: .9em;
}

#outerWrapper #blogEventWrapper #top10 ol {
margin: 10px 0 0 30px;
padding: 0;
}

#outerWrapper #blogEventWrapper #top10 li {
margin: 0 0 0 0;
padding: 3px 0;
}

#outerWrapper #blogEventWrapper #top10test {/*top10 listings on site index page*/
float: left;
width: 240px;
padding: 10px 0;
margin-left: 10px;
font-size: .9em;
}

#outerWrapper #blogEventWrapper #top10test ol {
margin: 10px 0 0 30px;
padding: 0;
}

#outerWrapper #blogEventWrapper #top10test li {
margin: 0 0 0 0;
padding: 3px 0;
}

#outerWrapper #blogEventWrapper #news {/*news listings on site index page*/
float: left;
width: 210px;
padding: 10px 0 0 0;
margin-left: 10px;
}

/* SITE MAP WRAPPER */
#outerWrapper #siteMapWrapper {
width: 100%;
}

/* SITE MAP */
#outerWrapper #siteMap {
margin: 0;
padding: 0 10px 0px 10px;
}

#siteMap .sitemapBoxes {
float: left;
width: 160px;
}

#siteMap .sitemapBoxeslast {
float: left;
width: 140px;
font-size: 0.7em;
color: #093f89;
text-align: center;
}

#siteMap .sitemapBoxes h1 {
font-size: 0.9em;
background-image:none;
margin: 0;
padding: 0;
}

#siteMap .sitemapBoxes ul {
list-style: none;
margin: 0;
padding: 0;
font-size: 0.9em;
}

#siteMap .sitemapBoxes ul li a {
text-decoration: none;
color: #093f89;
}

#siteMap .sitemapBoxes ul li a:hover {
text-decoration: underline;
color: #666666;
}

#siteMap .sitemapBoxes ul li a:focus {
text-decoration: underline;
color: #666666;
}

.partnerships ul {
margin: 0;
text-align:center;
list-style:none;
-webkit-padding-start: 0px;
-webkit-margin-after: 0;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;

}
.partnerships li {
display:inline;
padding: 0 5px;
}


/* FOOTER*/
#footer {
/*background: url(../images/design_images/footer.png) no-repeat;*/
    background: #03578c;
    height: 65px;
    margin-left: 19px;
    margin-right: 19px;
}

#footer ul {
margin: 0px;
padding: 12px 5px 0px 5px;
text-align: center;
font-size: 0.7em;
color: #FFFFFF;
}

#footer ul li {
border-right: 1px solid #fff;
padding-right: 10px;
padding-left: 10px;
display: inline;
}

#footer ul li.last {
border-right: none;
}

#footer ul li a {
font-weight: normal;
color: #FFFFFF;
text-decoration: underline;
}

#footer ul li a:link {
font-weight: normal;
color: #FFFFFF;
}

#footer ul li a:hover, a:focus {
font-weight: normal;
color: #000;
}

/* CLASSES */

.rotatingImage { /* FOR USE IN HEADER AREA */
float: right;
height: 150px;
width: 130px;
background: url(../design_images/rotatingImageBackground.jpg) no-repeat;
margin-right: 10px;
}

.membersLink { /* FOR USE IN NAVIGATION AREA */
float: right;
height: 40px;
width: 130px;
margin-right: 10px;
}

.blackBox { /* FOR USE IN SITE MAP AREA */
float: right;
height: 200px;
width: 188px;
background: #000000;
margin-right: 10px;
}

.floatRight {
float: right;
}

.floatLeft {
float: left;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}

.clearfloatLeft { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:left;
height:0;
font-size: 1px;
line-height: 0px;
}

.clearfloatRight { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:right;
height:0;
font-size: 1px;
line-height: 0px;
}

.whiteBackground { /* Primarily for use as background for h1 elements that have a blue span background  (see #outerWrapper #siteMap h1 example HTML would be  <h1><span class="whiteBackground">SITE MAP</span></h1> */
background: #FFFFFF;
padding-right: 4px;
}

.bannerAreaWithPadding {
margin: 10px;
padding: 10px 17px;
}

/* SUB-NAVIGATION*/

#subnavigation {
height: 20px;
margin: 0 auto;
padding: 2px;
margin-bottom: 20px;
margin-top: -15px;
}

#subnavigation ul {
margin: 0;
font-size: 1em;
letter-spacing: .0em;
padding: 2px;
}

#subnavigation li {
display: inline;
margin: 0 0 0 9px;
padding: 2px; 
font-size: 12px;
}

#subnavigation li a {
text-decoration: none;
}

#subnavigation li a:link {
color:#000000;
text-decoration: none;
padding: 2px;
}

#subnavigation li a:visited {
color:#000000;
padding: 2px;
}

#subnavigation li a:hover {
color:#FFFFFF;
background: #093f89;
padding: 2px;
}

#subnavigation li.persistentPage > a {
color:#FFFFFF!important;
background: #093f89!important;
padding: 2px;
}

sub#navigation li a:focus, a:active {
color:#6a95bf;
}

.strong {
font-weight: bold;
}

.indent {
margin-left:60px;
}

.contact-boxes {
float: left;
width: 320px;
padding-right: 10px;
}

.validationWarning {
color: #F00;
}

/*********************/
/*HOME PAGE SLIDESHOW*/
/*********************/
#homeSlideshow {
height: 350px;
margin: 0 10px 10px 10px;
}

#homeSlideshowLeft {
float: left;
width: 630px;
}
#homeSlideshowRight {
float: right;
width: 300px;
}

#homeSlideshowRight .adsRight {
width: 300px;
height: 110px;
margin-bottom: 10px;
}

#homeSlideshowRight .adsRightBottom {
width: 300px;
height: 110px;
margin-bottom: 0;
}






.resultRepeatContainer {
float: left;
width: 48%;
padding-right:10px;
padding-bottom: 10px;
}

.resultRepeatContainer table td {
vertical-align: top;
}

#resultRepeatPagingContainer {
padding:10px 0 0 0;
clear:left;
}

.breadcrumbs {
padding: 0 0 10px 0;
}

.marginleft10px {
margin-left: 20px;
}

.download {
padding:3px 4px;
}

a.download {
color:#fff;
background-color:#093f89;
text-decoration:none;
font-weight: bold;
font-size: .8em;
border-radius: 3px;
}

a.download:hover{
color:#CCC;
}

#sidebarRightEvents #eventsMap .mapHeader {
font-family: Tahoma, Geneva, sans-serif;
color: #fff;
background-color: #0A3E89;
text-align: center;
}

#sidebarRightEvents #eventsMap .mapFooter {
font-family: Tahoma, Geneva, sans-serif;
color: #fff;
background-color: #0A3E89;
text-align: center;
}

#sidebarRightEvents #eventsMap .mapHeader h1 {
margin: 0;
font-weight: bold;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#sidebarRightEvents #eventsMap .mapFooter h1 {
margin: 0;
font-weight: bold;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 3px;
padding-left: 0px;
}

#sidebarRightEvents #eventsMap .mapFooter p {
font-weight: normal;
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 16px;
}

#sidebarRightEvents #eventsMap .mapFooter aa {
color: #fff;
}

#sidebarRightEvents #eventsMap .mapHeader p {
font-weight: normal;
margin: 0px;
padding: 0px 0px 4px 0px;
font-size: 16px;
}



table.club-coordinator {
margin-top: 10px;
border-width: 1px;
border-spacing: 0px;
border-style: solid;
border-color: gray;
border-collapse: collapse;
background-color: white;
}
table.club-coordinator th {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: gray;
background-color: #093f89;
color: #fff;
font-size: .8em;
}
table.club-coordinator td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: gray;
background-color: white;
vertical-align: top;
font-size: .8em;
}

table.groups {
margin-top: 10px;
border-width: 1px;
border-spacing: 0px;
border-style: solid;
border-color: gray;
border-collapse: collapse;
background-color: white;
}
table.groups th {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: gray;
background-color: #2B6FB6;
color: #fff;
font-size: .8em;
}
table.sidebar th {
vertical-align:top;
text-align: right;
}
table.groups td {
border-width: 1px;
padding: 5px;
border-style: solid;
border-color: gray;
background-color: white;
vertical-align: top;
font-size: .8em;
}
tr.even {
background-color: #fff666;
}

tr.odd {
background-color: #888aaa;
}

mp { font-size:10px;
}
#demo1 {
height: 291px;
width: 190.875px;
border: 3px solid #357EC7;
float: right;
padding: 0px;
margin: 5px;
word-spacing: 8em;
}
#demo2 {
height: 290px;
width: 460.5px;
border: 3px solid #357EC7;
float: right;
padding: 1px;
margin: 5px;
}
#demo3 {
height: 230px;
width: 324.5px;
border: 3px solid #357EC7;
float: right;
padding: 1px;
margin: 5px;
}#demo4 {
height: 230px;
width: 324.5px;
border: 3px solid #357EC7;
float: right;
padding: 1px;
margin: 5px;
}
#demo5 {
height: 200px;
width: 665px;
border: 3px solid #357EC7;
float: right;
padding: 1px;
margin: 5px;
}

#demolition {
height: 900px;
width: 700px;
}
#tabbox1 {
height: 100px;
width: 207px;
float: right;
padding: 1px;
margin: 5px;
}

#tabbox {
height: auto;
width: 302.5px;
float: center;
padding: 1px;
margin: 5px;
}
      #map-canvas {
height: 500px;
width: 700px;
}
      #map-footer {
height: 50px;
width: 700px;
}
np {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:5px;
color:#FFF
}
np a:link {
color: #CCC;
text-decoration: none;
}
nh {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:5px;
color:#FFF;
}
.boxgrid{
width: 200px;
height: 100px;
margin: 6px;
float:left;
background:#161613;
border: solid 2px #8399AF;
overflow: hidden;
position: relative;
}

.boxgrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.boxcaption{
float: left;
position: absolute;
background: #000;
height: 107px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
padding: 3px;
  }
.captionfull .boxcaption {
top: 219px;
left: 1px;
 }
 .caption .boxcaption {
top: 80px;
left: 0px;
 }
 
#shopslider{
width: 618px;
float: centre;
height: 250px;
padding: 1px;
margin: 0px;
}

/* CSS for textbox with image. */

.imagepluscontainer{ /* main image container */
position: relative;
}

.imagepluscontainer img{ /* CSS for image within container */
position: relative;
z-index: 2;
-moz-transition: all 0.5s ease; /* Enable CSS3 transition on all props */
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

.imagepluscontainer:hover img{ /* CSS for image when mouse hovers over main container */
-moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
-moz-transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
-ms-transform: scale(1.05, 1.05);
-o-transform: scale(1.05, 1.05);
transform: scale(1.05, 1.05);
}

.imagepluscontainer div.desc{ /* CSS for desc div of each image. */
position: absolute;
width: 90%;
z-index: 1; /* Set z-index to that less than image's, so it's hidden beneath it */
bottom: 0; /* Default position of desc div is bottom of container, setting it up to slide down */
left: 5px;
padding: 8px;
background: rgba(0, 0, 0, 0.8); /* black bg with 80% opacity */
color: white;
-moz-border-radius: 0 0 8px 8px; /* CSS3 rounded borders */
-webkit-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
opacity: 0; /* Set initial opacity to 0 */
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8); /* CSS3 shadows */
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
-moz-transition: all 0.5s ease 0.5s; /* Enable CSS3 transition on desc div. Final 0.5s value is the delay before animation starts */
-webkit-transition: all 0.5s ease 0.5s;
-o-transition: all 0.5s ease 0.5s;
-ms-transition: all 0.5s ease 0.5s;
transition: all 0.5s ease 0.5s;
}

.imagepluscontainer div.desc a{
color: white;
}

.imagepluscontainer:hover div.desc{ /* CSS for desc div when mouse hovers over main container */
-moz-transform: translate(0, 100%);
-webkit-transform: translate(0, 100%);
-ms-transform: translate(0, 100%);
-o-transform: translate(0, 100%);
transform: translate(0, 100%);
opacity:1; /* Reveal desc DIV fully */
}

/*### Below CSS when applied to desc DIV slides the desc div from the right edge of the image ###*/

.imagepluscontainer div.rightslide{
width: 170px; /* reset from default */
top:12px;
right:0px;
left:auto;  /* reset from default */
bottom:auto;  /* reset from default */
padding-left:15px;
-moz-border-radius: 0 8px 8px 0;
-webkit-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
}

.imagepluscontainer:hover div.rightslide{
-moz-transform: translate(100%, 0);
-webkit-transform: translate(100%, 0);
-ms-transform: translate(100%, 0);
-o-transform: translate(100%, 0);
transform: translate(100%, 0);
}

table.videomenu {font-size:12px; background-color:#ffffff; color:#000;font-size:12px; margin:5  } 

table.videomenu,th
{padding: 0px;
padding-top: 3px}

table.videomenu td.show {
display:block;
}

table.videomenu td.hide {
display:none;
}

#media-pageAudio {
float: left;
width: 940px;
}

#media-pagetAudio .goButton{
margin: 0 0 -5px 5px;
}


#media-pageAudio .goButton{
margin: 0 0 -5px 5px;
}

audio { max-width:200px !important; max-height:35px !important;}

a.btn{
      background-color: #093f89;
      display: inline-block;
      color: white;
      font-size: 14.5px;
      text-decoration: none;
      padding: 6px;
      height: 35px;
      width: 110px;
      line-height: 17px;
      border-radius: 6px;
      padding: 5px 6px;
      text-align: center;
      vertical-align: middle;
}
a.social {
color: #FFFFFF; text-decoration:none; margin-left:2px
}



a.buy{
      background-color: #093f89;
      display: inline-block;
      color: #FFF;
      font-size: 14px;
 font-weight:100;
 
      text-decoration: none;
      padding: 6px;
      height: 20px;
      width: 90px;
      border-radius: 6px;
 line-height:17px;
      padding: 5px 6px;
      text-align: center;
      vertical-align: central;
}
a.play{
   color: #093f89; text-decoration:none !important;
}
a.sociallinks {
color: #000000; text-decoration:none !important; margin-left:3px
}
a.socialyoutube {
color: #DC3A3B; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialgoogle {
color: #A13725; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialglobe {
color: #386CCA; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialfacebook {
color: #4267B2; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialtwitter {
color: #1DA1F2; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialinstagram {
color: #bc2a8d; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.sociallinkedin {
color: #0e76a8; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialfeedburner {
color: #E06A26; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialpodcast {
color: #6E4689; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialmail {
color: #A3BCE8; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}
a.socialvimeo {
color: #86c9ef; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}

.fa-facebook-square {
color: #4267B2; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}

.fa-facebook-square:hover {
color: #808FC3; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}

.fa-twitter-square {
color: #1DA1F2; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}

.fa-twitter-square:hover {
color: #AED9EC; background-color:#ffffff; text-decoration:none !important; margin-left:3px
}

a.archive{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 35px;
width: 160px;
border-radius: 6px;
line-height: 35px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}
a.downloadbooklet{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 20px;
width: 230px;
border-radius: 6px;
line-height: 20px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}
a.preview{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 20px;
width: 110px;
border-radius: 6px;
line-height: 20px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}
a.book{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 30px;
width: 220px;
border-radius: 6px;
line-height: 30px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}
a.read{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 14px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 15px;
border-radius: 6px;
line-height: 14px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}

table.dispatch {background-color:#ffffff; color:#000;}
a.filedownload{
     background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 12;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 16px;
width: 90px;
border-radius: 6px;
line-height: 14px;
padding: 5px 6px;
text-align: center;
vertical-align: central;}

#cvmlogin{
     background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 12;
font-weight: 100;
text-decoration: none;
height: auto;
width: 290px;
border-radius: 6px;}

#media-mycvm {
position relative;
float: left;
width: 225px;
}

#media-mycvmVideo {
position: relative;
float: right;
margin: 0;
width: 430px;
padding-right: 25px
}
#media-mycvmVideo .videoPlayer {
margin-bottom:10px;
float: right;
width: 430px;
height: 300px;
}

table.speaker {background-color:#ffffff; color: #000; font-size:10px}
#outerOuterWrapper #outerWrapper #contentWrapper #content #cms-pageContent h0 {
font-size: x-large;
}
.big-title {
font-family: Tahoma, Geneva, sans-serif;
font-size: xx-large;
font-style: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000;
}
.partnerships img{
opacity: 0.3;
}
.partnerships img:hover{
opacity: 1;
}

div.disclaimer{
 background-color:#DBD7D7;
 width:670px; 
 height:auto; 
 border-radius: 6px;
 padding:5px;
 margin:7px;
 }
 div.disclaimer h1 {font-size: 70px!important;line-height: 30px; margin-top: 20px!important;}
div.disclaimer h2 {font-size:40px!important;line-height:50px; margin-top: 20px!important;  }
div.disclaimer h3 {font-size:30px!important; line-height:30px ; margin-top: 10px!important;}
div.disclaimer h4 {font-size:20px!important; line-height:30px; margin-top: 0px!important; }
div.disclaimer h5 {font-size:10px!important; line-height:15px  ; margin-top: 0px!important; margin-bottom: 0px!important;
}
div.disclaimer h6 {font-size:15px!important; line-height:30px  ; margin-top: 0px!important; margin-bottom: 0px!important;
}

div.ddonate{
 background-color:#DBD7D7;
 width:30%; 
 float:left;
 height: 110px; 
 border-radius: 6px;
 padding:5px;
 margin:7px;
 }
 div.ddonate h1 {font-size: 70px!important;line-height: 30px; margin-top: 20px!important;}
div.ddonate h2 {font-size:40px!important;line-height:50px; margin-top: 20px!important;  }
div.ddonate h3 {font-size:30px!important; line-height:30px ; margin-top: 10px!important;}
div.ddonate h4 {font-size:20px!important; line-height:30px; margin-top: 0px!important; }
div.ddonate h5 {font-size:10px!important; line-height:30px  ; margin-top: 0px!important; margin-bottom: 0px!important;
}
div.ddonate h6 {font-size:15px!important; line-height:30px  ; margin-top: 0px!important; margin-bottom: 0px!important;
}

div.ddonate a.donatepage {
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #BD2328;
  display: inline-block;
font-size: 20px;
text-decoration: none;
padding: 6px;
height: 30px;
width: 150px;
border-radius: 6px;
line-height: 30px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
}
div.ddonate a.donateform {
color: #ffffff;
background-color: #093f89;
display: inline-block;
font-size: 10px;
text-decoration: none;
padding: 6px;
height: 20px;
width: 80px;
border-radius: 6px;
line-height: 20px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 5px;
margin-top: 5px;
text-align: center;
}

a.ddonate{
color:#000; text-decoration:none !important}
a.subscribemail {
color: #000000; background-color:#ffffff; text-decoration:none !important; font-size: large;
}

a.downloadflyer{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 15px;
font-weight: 100;
text-decoration: none;
height: 20px;
width: auto;
border-radius: 6px;
line-height: 20px;
padding: 5px 6px;
text-align: center;
}
a.sharetwitter{
background-color: #8CC9E4;
display: inline-block;
color: #FFF;
font-size: 15px;
text-decoration: none !important;
height: 30px;
width: 160px;
border-radius: 6px;
line-height: 30px;
padding: 5px 10px;
text-align: center;
margin:15px
}
a.sharefacebook{
background-color: #4A5FA9;
display: inline-block;
color: #FFF;
font-size: 15px;
text-decoration: none !important;
padding: 6px;
height: 30px;
width: 160px;
border-radius: 6px;
line-height: 30px;
padding: 5px 10px;
text-align: center;
margin:15px
}


a.donatebutton2 {
 color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #A4171C;
       display: inline-block;
          font-size: 15px; 
      text-decoration: none;
      padding: 6px;
      height: 20px;
      width: 145px;
      border-radius: 8px;
 line-height:20px;
 margin:5px 15px 5px 15px;
      text-align: center;
      vertical-align: central;
}

div.prayerrequests{
width: 600px;
height: auto;
background-color: #CCC;
font-size: 15px;
color: #000;
margin: 20px;
padding: 15px;
border-radius: 20px;
}
div.prayerrequests h1 {font-size: 1em!important;margin:0px!important;}

div.tg14 {background-image:url(../html_editor/tg14-backgound-675x578.jpg); width:675px; height:578px; color:#3A3021!important; padding:5px}

div.tg14 h1 { color:#3A3021!important; font-family: 'Lobster', cursive!important; font-size: 20.5pt!important; line-height:22px; margin:2px!important; text-transform:none!important }
div.tg14 h2 {color:#3A3021!important; font-family: 'Lobster', cursive!important; font-size: 16.5pt!important; line-height:22px; margin:0px!important; text-transform:none!important }
div.tg14 p { color:#3A3021!important;font-size: 10.5pt!important; line-height:22px; margin:0px!important; text-transform:none!important }
div.tg14 a {color:#3A3021!important;}

div.vision {width: 100px; height: 125px;padding: 5px;margin-right: 15px;background: #000;border-radius: 12px; }
div.vision p { color:#ffffff!important; text-transform:capitalize!important; font-family: Helvetica!important;  }

div.aboutheader  { 
background: #093f89;
padding: 3px;
color: #fff;
font-size: 20px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Arial;
height: 25px;
line-height: 7px;
}


/***History page hover over'***/

/***Style the unordered list with the class 'enlarge'***/
ul.enlarge{
list-style-type:none; /*remove the bullet point*/
}
ul.enlarge li{
display:inline-block; /*places the images in a line*/
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
margin:0px 10px 0px 10px; /*space between the images*/
}
/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
ul.enlarge span{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}
/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles***/
ul.enlarge img{
/*give the thumbnails a frame*/
background-color:#093f89; /*frame colour*/
padding: 2px; /*frame size*/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
/*and give the corners a small curve*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
ul.enlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 */ 
cursor:pointer; /*changes the cursor to a hand*/
}
/***We bring the large image back onto the page by reducing left from -9999px to figures below***/ 
ul.enlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: -200px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 50px; /*distance from the left of the thumbnail to the left of the popup image*/
}
/***To make it look neater we used :nth-child to set a different left distance for each image***/ 
ul.enlarge li:hover:nth-child(2) span{
left: 50px; 
}
ul.enlarge li:hover:nth-child(3) span{
left: 50px; 
}
ul.enlarge li:hover:nth-child(4) span{
left: 50px; 
}
/***Override the styling of images set in step 3 to make the frame smaller and the background darker***/
ul.enlarge span img{
padding: 2px; /*size of the frame*/
background: #ccc; /*colour of the frame*/
}
/***Style the <span> containing the framed images and the caption***/
ul.enlarge span{
/**Style the frame**/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
/*give the corners a curve*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
/**Style the caption**/
font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
font-size:.9em;
text-align: center;
color: #495a62;
background:#ffffff;
}

/***History Timeline***/
                    .timeline {
                width: 400px;
font-family: Helvetica, Arial, sans-serif;
                box-sizing: border-box;
            }
            .timeline .timeline-item {
                width: 100%;
            }
            .timeline .timeline-item .info, .timeline .timeline-item .year {
                color: #e0e0e0;
                display: block;
                float:left;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                transition: all 1s ease;
            }
            .timeline .timeline-item.close .info, .timeline .timeline-item.close .year {
                color: #ccc;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                transition: all 1s ease;
            }
            .timeline .timeline-item .year {
                font-size: 18px;
                font-weight: bold;
                width: 18%;
            }
            .timeline .timeline-item .info {
                width: 100%;
                width: 60%;
                margin-left: -2px;
                padding: 0 0 15px 25px;
                border-left: 4px solid #aaa;
                font-size: 13px;
                line-height: 20px;
            }
            .timeline .timeline-item .marker {
                background-color: #fff;
                border: 4px solid #aaa;
                height: 20px;
                width: 20px;
                border-radius: 100px;
                display: block;
                float: right;
                margin-right: -14px;
/*** hide
                z-index: 2000;***/
                position: relative;
            }
            .timeline .timeline-item.active .info, .timeline .timeline-item:hover .info {
                color: #444;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                transition: all 1s ease;
            }
            .timeline .timeline-item.active .year, .timeline .timeline-item:hover .year {
                color: #093f89;
            }
            .timeline .timeline-item .marker .dot {
                background-color: white;
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                transition: all 1s ease;
                display: block;
                border: 4px solid white;
                height: 12px;
                width: 12px;
                border-radius: 100px;
                float: right;
/*** hide
                z-index: 2000;***/
                position: relative;
            }
            .timeline .timeline-item.active .marker .dot, .timeline .timeline-item:hover .marker .dot {
                -webkit-transition: all 1s ease;
                -moz-transition: all 1s ease;
                transition: all 1s ease;
                background-color: #093f89;
                box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.2);
            }
			
			
/***Style the unordered list with the class 'enlarge'***/
ul.picenlarge{
list-style-type:none; /*remove the bullet point*/
margin: 5px;
width:600px;
}
ul.picenlarge li{
display:inline-block; /*places the images in a line*/
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
}
/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
ul.picenlarge span{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}
/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles***/
ul.picenlarge img{
/*give the thumbnails a frame*/
background-color:#9E0F0F; /*frame colour*/
padding: 2px; /*frame size*/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
-moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
box-shadow: 0 0 6px rgba(132, 132, 132, .75);
/*and give the corners a small curve*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left;
margin-right: 10px;
}
ul.picenlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 */ 
cursor:pointer; /*changes the cursor to a hand*/
}
/***We bring the large image back onto the page by reducing left from -9999px to figures below***/ 
ul.picenlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: 0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 110px; /*distance from the left of the thumbnail to the left of the popup image*/
}

/***Override the styling of images set in step 3 to make the frame smaller and the background darker***/
ul.picenlarge span img{
padding: 2px; /*size of the frame*/
background: #ccc; /*colour of the frame*/
}
/***Style the <span> containing the framed images and the caption***/
ul.picenlarge span{
/**Style the frame**/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
/*give the corners a curve*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
/**Style the caption**/
font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
font-size:10px;
color: #000000;
background:#ffffff;
padding:10px;
width:500px;
}

/* Hover fuction */

extended
{
        border-bottom: 1px dotted #666;
        cursor: help;
}

.hovertool
{
	position:absolute;
	background-color:#F3FAFD;
	border: 1px solid #aaaaca;
	font-size: smaller;
	font-weight:normal !important;
	padding:4px;
	width: 260px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);	
}
/***Style the unordered list with the class 'enlarge'***/
ul.aboutenlarge{
list-style-type:none; /*remove the bullet point*/
margin: 5px;
width:650px;
-webkit-padding-start:0px
}

ul.aboutenlarge li{
display:inline-block; /*places the images in a line*/
position: relative; /*allows precise positioning of the popup image when used with position:absolute - see support section */
}
/***In the HTML in step one we placed the large image inside a <span>, now we move it off the page until it's required***/
ul.aboutenlarge span{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}
/***Note: This styling will apply to both the thumbnail and popup image, unless you override these styles***/
ul.aboutenlarge img{
/*give the thumbnails a frame*/
padding: 2px; /*frame size*/
/*and give the corners a small curve*/
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
float: left;
margin-right: 10px;
}
ul.aboutenlarge li:hover{
z-index: 50; /*places the popups infront of the thumbnails, which we gave a z-index of 0 */ 
cursor:pointer; /*changes the cursor to a hand*/
}
/***We bring the large image back onto the page by reducing left from -9999px to figures below***/ 
ul.aboutenlarge li:hover span{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: 0px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 110px; /*distance from the left of the thumbnail to the left of the popup image*/
}

/***Style the <span> containing the framed images and the caption***/
ul.aboutenlarge span{
/**Style the frame**/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
/*give the corners a curve*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
/**Style the caption**/
font-family: 'Droid Sans', sans-serif; /*Droid Sans is available from Google fonts*/
font-size:10px;
color: #000000;
background:#ffffff;
padding:10px;
width:500px;
}

ul.aboutenlarge infographics{
position:absolute; /*see support section for more info on positioning*/
left: -9999px; /*moves the span off the page, effectively hidding it from view*/
}
ul.aboutenlarge infographics{
/**Style the frame**/
/*add a drop shadow to the frame*/
-webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
-moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
box-shadow: 0 0 20px rgba(0,0,0, .75);
/*give the corners a curve*/
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
background:#ffffff;
padding:10px;
width:600px;
}

ul.aboutenlarge li:hover infographics{ /*positions the <span> when the <li> (which contains the thumbnail) is hovered*/ 
top: -25px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
left: 35%; /*distance from the left of the thumbnail to the left of the popup image*/
} 



u.dotted{
  border-bottom: 1px dotted;
  text-decoration: none; 
}

p.mobile { color:#FF0000; font-size:13px; text-align:center}

a.prayerrequest{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 35px;
width: 275px;
border-radius: 6px;
line-height: 35px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}

ul.faq {list-style-type:none !important; line-height: 25px; font-size:15px !important; font-weight:Bold}


ul.faq a:link {
color: #000;
text-decoration: none;
}

ul.faq a:hover {
color: #F00;
text-decoration: none;
}

a.downloadvideo{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 14px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 15px;
border-radius: 6px;
line-height: 14px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
margin:5px
}

a.invite{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 20px;
font-weight: 100;
text-decoration: none;
padding: 10px;
height: 20px;
border-radius: 6px;
line-height: 20px;
text-align: center;
margin:5px
}

a.invitespeaker{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 15px;
text-decoration: none;
padding: 6px;
height: 15px;
border-radius: 6px;
line-height: 15px;
text-align: center;
margin: 5px;
}

 in page tabs 

#tabs ul {
padding: 0px;
margin: 0px;
margin-left: 10px;
list-style-type: none;
}

#tabs ul li {
display: inline-block;
clear: none;
float: left;
height: 24px;
}

#tabs ul li a {
position: relative;
display: block;
margin-left: 6px;
line-height: 24px;
padding: 3px;
background: #f6f6f6;
border: 1px solid #ccc;
border-bottom: 0px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
width: auto;
color: #093f89;
text-decoration: none;
font-weight: bold;
cursor: pointer;
}

#tabs ul li a:hover {
text-decoration: underline;
}

#tabs #Content_Area {
padding: 0 15px;
clear:left;
overflow:hidden;
line-height:19px;
position: relative;
top: 20px;
z-index: 5;
overflow: hidden;
}

#tabs #Content_Area p { padding-left: 15px; }


#homeSlideshowRight .homeimageRight {
width: 300px;
height: 110px;
margin-bottom: 10px;
}

 demoliton boxes 

.demolitiongrid{
width: 200px;
height: 100px;
margin: 6px;
float:left;
background:#161613;
border: solid 2px #8399AF;
overflow: hidden;
position: relative;
}

.demolitiongrid{
width: 200px;
height: 100px;
margin: 3px;
float:left;
background:#161613;
border: 2px solid #000;
overflow: hidden;
position: relative;
}

.demolitiongrid p {
font-family:Arial, Helvetica, sans-serif;
font-size:10px !important;
padding-top:5px !important;
color:#FFF
}


.demolitiongrid p a:link {
color: #FFF !important;
text-decoration: none !important;

}
.demolitiongrid h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px !important;
color:#FFF;
margin-top:0px !important;
}

.demolitiongrid img{
position: absolute;
top: 0;
left: 0;
border: 0;
}

.demolitioncaption{
	float: left;
	position: absolute;
	background: #000;
	height: 169px;
	width: 100%;
	opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
  
  /*
.captionfull .demolitioncaption {
top: 219px;
 } */
 .caption .demolitioncaption {
top: 65px;
	
 }

img.grayscale {

  /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
  -webkit-filter: grayscale(1);

  /* this is for Firefox 3.5+, Firefox mobile */
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'//www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

  /* for IE6+ */
  filter: gray;
}

a.facebook {
	color: #fff; text-decoration:none; margin-left:10px
}
a.facebook:hover {
	text-decoration:none;
	color:#4A5FA9
}
a.twitter {
	color: #fff; text-decoration:none; margin-left:10px
}
a.twitter:hover {
	text-decoration:none;
	color:#8CC9E4
}
a.vimeo {
	color: #fff; text-decoration:none; margin-left:10px
}
a.vimeo:hover {
	text-decoration:none;
	color:#44BBFF
}

a.instagram {
	color: #fff; text-decoration:none; margin-left:10px
}
a.instagram:hover {
	text-decoration:none;
	color:#A13725
}

a.youtube {
	color: #fff; text-decoration:none; margin-left:10px
}
a.youtube:hover {
	text-decoration:none;
	color:#DC3A3B
}

a.linkedin {
	color: #fff; text-decoration:none; margin-left:10px
}
a.linkedin:hover {
	text-decoration:none;
	color:#73A1D2
}

a.mail {
	color: #fff; text-decoration:none;
}
a.mail:hover {
	text-decoration:none;
	color:#F4FA58
}


newsfpcontent{
	width:700px;
	margin-left:10px
	}

.missionarea { 
 width: 300px;
height: 90px;
position: relative;
margin-bottom:10px
}

.bubble { 
width: 214px;
height: 90px;
display: table;
margin: 0 auto;

}

.bubble p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  color: #fff;
  font-size:18px;
  font-family:Arial;
  line-height: 18px;
}

.missionarea2 { 
 width: 270px;
height: 90px;
position: relative;
margin-bottom:10px
}

.bubble2 { 
width: 214px;
height: 90px;
display: table;
margin: 0 auto;

}

.bubble2 p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  color: #fff;
  font-size:18px;
  font-family:Arial;
  line-height: 18px;
}

.missionarealarge { 
 width: 300px;
height: 122px;
position: relative;
margin-bottom:10px
}

.bubblelarge { 
width: 214px;
height: 120px;
display: table;
margin: 0 auto;

}

.bubblelarge p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  color: #fff;
  font-size:22px;
  font-family:Arial;
  line-height: 22px;
}


.missionarealarge2 { 
 width: 270px;
height: 122px;
position: relative;
margin-bottom:10px
}

.bubblelarge2 { 
width: 214px;
height: 120px;
display: table;
margin: 0 auto;

}

.bubblelarge2 p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  color: #fff;
  font-size:22px;
  font-family:Arial;
  line-height: 22px;
}

/* CONTENT AREA GATHERING */
#outerWrapper #contentWrapper #contentGathering {
margin: 0;
padding: 0 10px 10px 10px;
}

#outerWrapper #contentWrapper #contentGathering p {
line-height: 1.2em;
font-size: .8em;
margin: 1em 0;
}


#media-pageContentVideo {
position relative;
float: right;
margin: 0;
width: 640px;
}
#media-pageContentVideo . {
margin-bottom:10px;
float: right;
width: 640px;
height: 360px;
}

#media-pageContentVideo #videoNavigation {
width: 640px;
height: 430px;
}

#GatheringSubnavigation {
height: 20px;
margin: 0 auto;
padding: 2px;
margin-bottom: 10px;
margin-top: -5px;
}
#GatheringSubnavigation ul {
margin: 0;
font-size: 1em;
letter-spacing: .0em;
padding: 2px;
}

#GatheringSubnavigation li {
display: inline;
margin: 0 0 0 25px;
padding: 5px; 
font-size: 12px;
}

#GatheringSubnavigation li a {
text-decoration: none;
}

#GatheringSubnavigation li a:link {
color:#000000;
text-decoration: none;
padding: 5px;
}

#GatheringSubnavigation li a:visited {
color:#000000;
padding: 5px;
}

#GatheringSubnavigation li a:hover {
color:#FFFFFF;
background: #9a3b2c;
padding: 5px;
}

#GatheringSubnavigation li.persistentPage > a {
color:#FFFFFF!important;
background: #9a3b2c!important;
padding: 5px;
}

#GatheringSubnavigation li a:focus, a:active {
color:#6a95bf;
}

.mediaspeakers{
	font-size:12px;
	margin-left:20px;
}



.image-text {
position: relative;
display: inline-block;
margin-top: 15px;
margin-bottom: 15px;
}

.text-image {
position: absolute;
bottom: 50px;
line-height: 1px;
font-family: Helvetica-Neue-LT;
left: 50px;
right: 50px;
}


#outerWrapper #contentWrapper #GatheringContent {
width: 870px;
margin: 0 auto;



/* END CONTENT AREA GATHERING */

/* Christmas Calander */

}
.Christmasbutton
{
color: #C80000;
width: 115px;
height: 77px;
text-align: center;
margin: 5px;
font-family: sans-serif;
font-size: large;
padding: 5pt;
border-width: 1pt;
border-color: #FFFFFF;
border-style: dashed;
text-decoration: none;
background: transparent;
box-shadow: 1px 0px 3px 1px #A4A4A4;
}

.Christmasbutton:hover
{
background:#C80000; /* text colour on your door when moused over */
color:#fff; /* background colour on your door when moused over */
width:115px;
height:77px;
text-align:center;
margin:5x;
font-family:sans-serif;
font-size:large;
border-width: 1pt; 
border-color:#FFFFFF;
border-style:dashed;
text-decoration:none;
opacity: 0.5;
box-shadow: 1px 0px 3px 1px #A4A4A4;
}

.Christmascalendar
{
background-image: url("//christianvisionformen.sharepoint.com///cvm.org.uk/assets/html_editor/christmas-mostache.jpg");
box-shadow: 5px 0px 14px #888889;
margin-right: 15px;
background-size: 100%;
padding:10px;
background-repeat:no-repeat;
height: 350px;
background-position: 50% 50%;
}

.name{
	font-size:12px !important;
}
.title{
	font-size: 9px !important;
line-height: 1.3em !important;
}

strong{
	font-weight:bold;
}

a.apply{
background-color: #093f89;
display: inline-block;
color: #FFF;
font-size: 18px;
font-weight: 100;
text-decoration: none;
padding: 6px;
height: 35px;
border-radius: 6px;
line-height: 35px;
padding: 5px 6px;
text-align: center;
vertical-align: central;
}

ul{
	font-size:16px;
}

#pageSport {
position: relative;
float: left;
width: 940px;
}

#contentSport  {
margin: 0;
padding: 0 10px 10px 10px;
}

#contentSport  p {
line-height: 1.2em;
font-size: .8em;
margin: 1em 0;
}

#sport-header {
margin-bottom: 20px;
}

#rawfaith-menu ul {
  margin: 0;
  padding: 15px;
  text-align:center;
  
}
#rawfaith-menu li {
color: #000!important;
background: #fff !important; 
display: inline;
margin: 0;
padding: 15px 50px 15px 50px;
font-size: 14px;
border-radius: 3px
}
#rawfaith-menu li.persistentPage {
  color: #000!important;
  background: #68A7B9 !important;
  padding: 15px 50px 15px 50px;
  border-radius: 3px;
  text-decoration:none;
}
#rawfaith-menu li:hover {
  background: #68A7B9 !important;
}

#rawfaith-menu a:link {
color: #000;
  text-decoration: none;
}

#rawfaith-menu a:visited {
color: #000 !important;
  text-decoration: none;
}


#contentWrapper #SportsidebarRight {
float: right;
width: 290px;
margin: 0px;
padding: 0;
text-align: center;
  
}
#content-info-Sport{
	width:650px;
}
figcaption {
	font-size:	12px !important}
	
a.buy-button {
  background-color: #093f89;
  display: inline-block;
  color: #FFF;
  font-size: 16px;
  font-weight: 100;
  text-decoration: none;
  padding: 10px;
  height: 30px;
  width: 150px;
  border-radius: 6px;
  line-height: 30px;
  padding: 15px 15px;
  text-align: center;
  vertical-align: central;
  text-transform: uppercase;
  font-weight: 900;
}