/* CFA 2023. */

/* Colours:     Red: #cb083b     Orange: #e79939     Cyan: #55bbc2     Grey: #968c80     Purple: #77217c     Lime: #bbd144     CFA Green: #1ba659 */
/* Publication Colours: Charcoal: #41454C	Light grey: #51565d */

/* Start Bootstrap over-rides. */
body {
  margin: 0;
  margin-top: 10px; /* Added MC. */
  font-family: 'Montserrat', sans-serif;
  /*font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";*/
  font-size: 0.8125rem!important;
}

h1, .h1 {
  font-size: 1.7rem;
}

h2, .h2 {
  font-size: 1.5rem;
}

h3, .h3 {
  font-size: 1.3rem;
}

h4, .h4 {
  font-size: 1.2rem;
}

h5, .h5 {
  font-size: 1.1rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.1rem;
  font-weight: 300;
}

.navbar {
    padding: 1.5rem 1rem 0rem;
}
.navbar-brand { padding: 0px; padding-bottom: 10px; margin-top: -26px; }
.dropdown-menu {
    font-size: 1em;
}

li.nav-item { font-size: 1.0em; }

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: /*.5rem*/0rem;
  padding-left: /*.5rem*/1.2rem;
  color: #4f5259;
  font-size: 1.1em; /* Added MC. */
  font-weight: 600; /* Added MC. */
}

.dropdown-menu {
  background-color: /*#fff*/#4f5259;
  padding: 0;
}

.dropdown-menu {
  margin: -0.125rem 0 0; /* New margin ensures dropdown stays visible from the top link to the actual dropdown (no gap!). */
}

.dropdown-item {
  color: /*#212529*/#fff;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #4f5259;
  background-color: #B4CC04;
}
.dropdown-divider {
  margin: /*.5rem*/0 0;
  border-top: 1px solid /*#e9ecef*/#B4CC04;
}

/* Remove arrow from nav dropdown  links. */
.dropdown-toggle::after {
    display:none;
}
@media (min-width: 768px) {
	/* Activate dropdown on hover as well as click if on desktop*/
	.dropdown:hover>.dropdown-menu {
	  display: block;
	}
}
/* End bootstrap over-rides */

.navbar-nav > li a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    position: relative;
}
/* Note: The original code placed the .active class on .nav-item rather than .nav-link */


#logo-holder { border: 1px dashed #666; display:inline-block; margin-bottom:-60px; }

.navbar-brand img { max-width: 130px; height: auto; margin-top: -80px; }
#nav-holder { width:100%; background: #B4CC04; margin-top: /*20px*/14px; padding-bottom: 10px; }

a.nav-link:hover { color: #000; }


/* Header etc... */
/*.stripes { position: relative; top: -50px; left: -200; width: 60px; height: 90px; z-index:10; }*/
/*.stripes { position: absolute; top: 0px; left: -200; width: 60px; height: 70px; z-index:10; }
@media screen and (max-width: 1260px) {
	.stripes { display: none; }
}*/
.cfa-stripes-cont { position: relative; top: 0px; width: 1px; height: 70px; }
.cfa-stripes { position: absolute; top: -50px; left: -100px; width: 48px; height: 70px; z-index:10; }
@media screen and (max-width: 992px) {
	.cfa-stripes-cont { display: none; }
	.cfa-stripes { display: none; }
}


.header-above { text-align: right; padding-top: 20px; }
#header-social { display: inline-block; margin-top: /*-6px*/-10px; }
#header-social img { width: 32px; height: auto; margin: 0px 6px 0px 0px; }
#header-social img.cfa-social-search { width: 40px; height: auto; margin: 6px 6px 0px 0px; }

#header-links { position: relative; }
.header-become-lnk { font-size: 0.9em; font-weight: 600; background: #fff; border: 2px solid #4f5259; padding: 10px 12px; text-decoration: none; color:#4f5259!important; margin-right: 6px; }
.header-become-lnk:hover { text-decoration: none!important; color:#000!important; }
.header-login-lnk { font-size: 0.9em; font-weight: 600; background: #4f5259;  border: 2px solid #4f5259; padding: 10px 12px; text-decoration: none; color:#fff!important; }
.header-login-lnk:hover { text-decoration: none!important; color:#B4CC04!important; }

@media screen and (max-width: 767px) {
	#header-links { height: 34px; }
}
@media screen and (max-width: 480px) {
	#header-links { height: 90px; }
	.header-become-lnk { display: block; width: fit-content; position: absolute; right: 0px; top: 0px; font-size: 0.85em; padding: 8px 8px; margin-right: 0px; }
	.header-login-lnk { display: block; width: fit-content; position: absolute; right: 0px; top: 44px;  font-size: 0.85em; padding: 8px 8px; margin-right: 0px; }	
}


/* Search box (modal). */
.cfa-modal-content { background: #4f5259; color: #fff; }
.cfa-search-modal-header { border-bottom: 1px solid #B4CC04; }
.cfa-modal-close { color: #fff; opacity: 1.0; font-size: 2.5em!important; }
.cfa-modal-close:hover { color: #B4CC04; opacity: 1.0; }
.cfa-modal-search-text { border: 1px solid #000!important; }
.cfa-search-btn { background: #E79939!important; color: #fff!important; border: 1px solid #000!important; border-left: none!important; } /* Also used in MA. */


/* Search Results (inc.MA). */
.cfa-search-results { background: #e1e1e1; margin: 50px auto; padding-bottom: 30px; }
.cfa-search-results-text { background: #fcfcfc; padding: 10px 50px 40px; margin: 50px -15px; font-weight: 500; }
@media screen and (max-width: 576px) {
	.cfa-search-results-text { margin-right: -15px; }
}
.cfa-search-result-link { margin-bottom: 20px; }
.cfa-search-result-link:hover { text-decoration: none; }
.cfa-search-result { display: flex; margin: 10px 20px; }
.cfa-search-result-number { position:relative; width: 40px; height: 100%; }
.cfa-search-result-number span { position: absolute; top: 10px; left: 10px; font-size: 1.1em; font-weight: 600; color: #fff; }
.cfa-search-result-content { position:relative; height: 100%; width: 100%; background: #fff; color: #000; }
.cfa-search-result-text { float: left; display: inline; margin: 10px 10px; }
.cfa-search-result-name { font-size: 1.1em; font-weight: 600; }

.sub-header { margin-top: 20px; margin-bottom: 18px; color: #4f5259; font-size: 1.3em; font-weight: 600; letter-spacing: 0.5px; }
.sub-header-find { font-size: 0.8em; font-weight: 600; margin-top: -6px; }
.sub-header-find a { float: right; background: #B4CC04;  border: 2px solid #B4CC04; padding: 9px 12px; text-decoration: none; color:#4f5259!important; }
.sub-header-find a:hover { text-decoration: none!important; color:#4f5259!important; }
@media screen and (max-width: 576px) {
	.sub-header-find { padding-top: 20px; }
	.sub-header-find a { float: none; }
}

/* Footer. */
#footer { background: #4f5259; font-weight: 500; font-size: 0.9em; color: #eee; padding: 40px 10px; }
#footer li { float: left; margin-right: 1.5em; }
#footer p { clear: left; margin-bottom: 0; }
#footer a { color: #eee; }
#footer a:hover { text-decoration: none; border-bottom: 1px solid #B4CC04;}
#footer i { color: #999; font-size: 1.2em; margin-right: 4px; }

.footer-last { text-align: right; padding-right: 26px; }

.copyright { font-size: 0.85em; }

#footer-social img { width: 34px; height: auto; margin: 6px 8px 6px 0px; }
#footer-social a:hover { border-bottom: 0px!important; }

.footer-contact-lnk { display: block; font-size: 1.3em; font-weight: 500; padding-top: 40px!important; }
.footer-contact-lnk a { background: #B4CC04; padding: 6px 16px; text-decoration: none; color:#666!important; border-radius:17px; }
.footer-contact-lnk a:hover { text-decoration: none!important; color:#000!important; border-bottom: 0px!important; }

.footer-logos { padding-left: 8px; padding-right: 4px; }
.footer-logo-builduk { float: left; display: inline-block; width: 70px; height: auto; margin-right: 20px; }
.footer-logo-cpa { float: left; display: inline-block; width: 160px; height: auto; }
@media screen and (max-width: 992px) {
	.footer-logo-builduk {  width: 60px; margin-right: 14px; }
	.footer-logo-cpa {  width: 140px; }
}
@media screen and (max-width: 768px) {
	.footer-logos { padding: 20px 15px; }
	.footer-logo-builduk {  width: 80px; margin-right: 22px; }
	.footer-logo-cpa {  width: 180px; }
}

.link-top { display: block; margin-top: 30px; font-size: 1.2em; }
.link-top:hover { color: fff; text-decoration: none; border-bottom: 0px!important; }

#sub-footer { background: #fff; color: #ccc; padding: 12px 10px; }
#sub-footer a { color: #ccc; font-size: 0.85em; }
#sub-footer a:hover { color: #444; text-decoration: none; }

@media screen and (max-width: 768px) {
	.footer-contact-lnk { margin-bottom: 20px!important; }
	.footer-last { text-align: left; }
}

.cfa-no-border { border: 0px; }

.cfa-page-title { font-size: 1.6rem; margin-top: 40px; }

.cfa-sub-heading { font-size: 1.1em; font-weight: 500; }


/* smart-forms over-rides. */
.smart-forms .checkbox:before {
    top: 4px;
    left: 3px;
    width: 10px;
    height: 6px;
}
.smart-forms .form-footer { background: none; }

.cfa-spacer20 { display: block; clear: both; height: 20px; width: 100%; }
.cfa-spacer30 { display: block; clear: both; height: 30px; width: 100%; }
.cfa-spacer40 { display: block; clear: both; height: 40px; width: 100%; }
.cfa-spacer50 { display: block; clear: both; height: 50px; width: 100%; }


/* Home Page */
.cfa-tile { padding-top: 20px; padding-bottom: 20px; }
.cfa-tile > div { padding: 8px 4px; }
.cfa-tile-box { /*margin: -1px -3px 0px 0px!important;*/ margin-bottom: 24px!important; }
.cfa-tile-box  > div { background: #4f5259; padding:18px 18px; font-size: 1.0em; min-height: 118px; }
.cfa-tile-box  > div:hover { background: #4f5259; }
a.cfa-tile { color: #fff; text-decoration: none; }
a.cfa-tile:hover { color: #fff; text-decoration: none; }
.cfa-tile-box h3 { text-transform: uppercase; font-size: 1em; font-weight: 600; }
.cfa-tile-box-large { font-weight: 600; font-size: 1.1em; }


/* Carousel. */
/* Carousel base class */
/*.carousel { margin-bottom: 5rem; }*/
/* Since positioning the image, we need to help out the caption */
.carousel-caption { bottom: 8rem;  z-index: 10; } /* See bootstrap-4.4.1.css line 6591. */
/* Declare heights because of positioning of img element */
.carousel-item { height: /*32rem*/28rem; background-color: #777; overflow: hidden; /* Added MC */ }
.carousel-item > img { position: absolute; top: 0; left: 0; min-width: 100%; height: 28rem; }

/* Custom controls for CFA. */
.carousel-control-prev i { font-size: 2.2em; font-weight: 800; padding: 2px 12px 2px 12px; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; }
.carousel-control-next i { font-size: 2.2em; font-weight: 800; padding: 2px 10px 2px 10px; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; }

/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
  /* Bump up size of carousel content */
  /*.carousel-caption p {  margin-bottom: 1.25rem; font-size: 1.25rem; line-height: 1.4; }*/
}

.slide1text { width: 50%; padding: 40px; background-color: rgba(255, 255, 255, 0.85); font-size: 1.0rem; font-weight: 500; }
.slide1text h2 { color: #000; font-size: 1.5rem; font-weight: 600; }
.slide1text p { color: #4f5259; font-size: 1.1rem; font-weight: 500; margin-bottom: 0px; }

@media screen and (max-width: 1200px) {
	.slide1text { padding: 40px; font-size: 1.0rem; font-weight: 500; bottom: 6rem!important; }
	.slide1text h2 { font-size: 1.3rem; }
	.slide1text p { font-size: 0.95rem; }
}
@media screen and (max-width: 992px) {
	.slide1text { width: 60%; padding: 30px; bottom: 5rem!important; }
	.slide1text h2 { font-size: 1.4rem;  }
	.slide1text p { font-size: 1.0rem; }
}
@media screen and (max-width: 768px) {
	.slide1text { width: 70%; padding: 20px; bottom: 5rem!important; }
	.slide1text h2 { font-size: 1.3rem; }
	.slide1text p { font-size: 0.9rem; }
}
@media screen and (max-width: 576px) {
	.slide1text { bottom: 3rem!important; }
}

.slide2text { width: 50%; font-size: 1.0rem; font-weight: 500; bottom: 4rem!important; }
.slide2textinner { padding: 40px; background-color: rgba(255, 255, 255, 0.85); }
.slide2text h2 { color: #000; font-size: 1.5rem; font-weight: 600; }
.slide2text h3 { color: #1ba659; font-size: 1.5rem; font-weight: 600; }
.slide2text p { color: #4f5259; font-size: 1.0rem; font-weight: 500; margin-bottom: 0px; }

.slide2text-btn { border: 0; height: 42px; padding: 0 18px; background: #1ba659; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; margin-top: 40px; }

@media screen and (max-width: 1200px) {
	.slide2text { width: 60%; padding: 40px; bottom: 2rem!important; }
	.slide2textinner { padding: 40px; }
	.slide2text h2 { font-size: 1.3rem; }
	.slide2text h3 { font-size: 1.3rem; }
	.slide2text p { font-size: 0.95rem; }
}
@media screen and (max-width: 992px) {
	.slide2text { width: 70%; padding: 30px; }
	.slide2textinner { padding: 30px; }
	.slide2text p { font-size: 0.9rem; }
}
@media screen and (max-width: 768px) {
	.slide2text { width: 70%; padding: 14px; }
	.slide2textinner { padding: 20px; }
	.slide2text h2 { font-size: 1.2rem; }
	.slide2text h3 { font-size: 1.1rem; }
	.slide2text p { font-size: 0.9rem; }
}
@media screen and (max-width: 576px) {
	.slide2text { bottom: 1rem!important; }
	.slide2textinner { padding: 14px; }
	.slide2text h2 { font-size: 1.1rem; }
	.slide2text h3 { font-size: 1.0rem; }
	.slide2text p { font-size: 0.8rem; }
}

.slide3bg { background: #D0CBC5; }
.slide3text { width: 50%; color: #4f5259; font-size: 1.0rem; font-weight: 500; bottom: 5rem!important; }
.slide3text h2 { display: inline-block; padding: 12px; background: #fff; color: #000; font-size: 1.5rem; font-weight: 600; }
.slide3text p { color: #000; font-size: 1.0rem; font-weight: 400; margin-bottom: 0px; }
.slide3text-btn { border: 0; height: 42px; padding: 0 18px; background: #E79939; border-radius:20px!important; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; margin-top: 40px; }
.slide3img { position: absolute; right: 180px; bottom: 60px; width: 450px; height: auto; z-index:1000; }

@media screen and (max-width: 1200px) {
	.slide3text { padding: 40px; bottom: 3rem!important; }
	.slide3text h2 { font-size: 1.3rem; }
	.slide3text p { font-size: 0.95rem; }
	.slide3img { right: 160px; bottom: 70px; width: 380px; height: auto; z-index:1000; }
}
@media screen and (max-width: 992px) {
	.slide3text { width: 60%; padding: 0px; bottom: 6rem!important; }
	.slide3text h2 { padding: 10px; font-size: 1.15rem; }
	.slide3text p { font-size: 0.85rem;  }
	.slide3img { right: 100px; bottom: 90px; width: 320px; height: auto; z-index:1000; }
}
@media screen and (max-width: 768px) {
	.slide3text { width: 70%; padding: 0px; bottom: 6rem!important; }
	.slide3text h2 { font-size: 1.15rem; }
	.slide3text p { font-size: 0.9rem; }
	.slide3img { right: 40px; bottom: 90px; width: 260px; height: auto; z-index:1000; }
}
@media screen and (max-width: 576px) {
	.slide3text { bottom: 4rem!important;  }
	.slide3text h2 { font-size: 1.1rem; }
	.slide3text p { font-size: 0.8rem; }
	.slide3img { display: none; }
}

.slide4bg { background: #8DD9F0; }
.slide4text { width: 70%; font-size: 1.0rem; font-weight: 500; bottom: 1rem!important; }
.slide4text h2 { display: inline-block; padding: 12px; background: #fff; color: #000; font-size: 1.5rem; font-weight: 600; }
.slide4text p { color: #000; font-size: 1.0rem; font-weight: 400; margin-bottom: 0px; }
.slide4img { float: right; width: 300px; height: auto; }

@media screen and (max-width: 1200px) {
	.slide4text { padding: 40px; bottom: 3rem!important; }
	.slide4text h2 { font-size: 1.3rem; }
	.slide4text p { font-size: 0.95rem; }
	.slide4img { float: right; width: 200px;  }
}
@media screen and (max-width: 992px) {
	.slide4text { width: 75%; padding: 0px; bottom: 6rem!important; }
	.slide4text h2 { padding: 10px; font-size: 1.15rem; }
	.slide4text p { font-size: 0.85rem;  }
	.slide4img { float: right; width: 180px; }
}
@media screen and (max-width: 768px) {
	.slide4text { width: 70%; padding: 20px; bottom: 5rem!important; }
	.slide4text h2 { font-size: 1.3rem; }
	.slide4text p { font-size: 0.9rem; }
	.slide4img { display: none; }
}
@media screen and (max-width: 576px) {
	.slide4text { bottom: 2rem!important;  }
	.slide4text h2 { font-size: 1.1rem; }
	.slide4text p { font-size: 0.8rem; }
}


.slide5bg { position: relative; background: #e79939; }
.slide5bg h1 { position: absolute; left: 170px; bottom: 300px; display: inline-block; padding: 12px; background: #fff; color: #000; font-size: 1.5rem; font-weight: 600; }
.slide5bg h2 { position: absolute; left: 170px; bottom: 238px; display: inline-block; padding: 12px; background: #fff; color: #000; font-size: 1.5rem; font-weight: 600; }
.slide5bg p { position: absolute; left: 170px; bottom: 160px; display: inline-block; width: 400px; font-size: 1.0rem; font-weight: 400; margin-bottom: 0px; }
.slide5img { position: absolute; left: 620px; bottom: 20px; display: inline-block; width: 300px; height: auto; }
.slide5-btn { position: absolute; left: 170px; bottom: 80px; border: 0; height: 42px; padding: 0 18px; background: #1ba659; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; margin-top: 40px; }

@media screen and (max-width: 1200px) {
	.slide5bg h1 { left: 160px; bottom: 300px; }
	.slide5bg h2 { left: 160px; bottom: 238px; }
	.slide5bg p { left: 160px; bottom: 160px; width: 380px; }
	.slide5img { left: 560px; bottom: 20px; }
	.slide5-btn { left: 160px; }
}
@media screen and (max-width: 992px) {
	.slide5bg h1 { left: 100px; bottom: 340px; }
	.slide5bg h2 { left: 100px; bottom: 278px; }
	.slide5bg p { left: 100px; bottom: 140px; width: 260px; }
	.slide5img { left: 380px; bottom: 20px; width: 260px; }
	.slide5-btn { left: 100px; bottom: 70px; }
}
@media screen and (max-width: 768px) {
	.slide5bg h1 { left: 70px; bottom: 340px; font-size: 1.3rem; }
	.slide5bg h2 { left: 70px; bottom: 278px; font-size: 1.3rem; }
	.slide5bg p { left: 70px; bottom: 140px;  font-size: 0.9rem; width: 240px; }
	.slide5img { left: 300px; bottom: 40px; width: 220px; }
	.slide5-btn { left: 70px; bottom: 70px; }
}
@media screen and (max-width: 576px) {
	.slide5bg h1 { left: 90px; bottom: 340px; font-size: 1.3rem; }
	.slide5bg h2 { left: 90px; bottom: 278px; font-size: 1.3rem; }
	.slide5bg p { left: 90px; bottom: 140px;  font-size: 0.9rem; width: 260px; }
	.slide5img { display: none; }
	.slide5-btn { left: 90px; bottom: 70px; }
}
@media screen and (max-width: 380px) {
	.slide5bg h1 { left: 50px; bottom: 340px; font-size: 1.2rem; }
	.slide5bg h2 { left: 50px; bottom: 278px; font-size: 1.2rem; }
	.slide5bg p { left: 50px; bottom: 140px;  font-size: 0.8rem; width: 220px; }
	.slide5img { display: none; }
	.slide5-btn { left: 50px; bottom: 70px; }
}


/* Slide FAOTY 2024. ALSO USED on main FAOTY page as a static banner. */
.slide6bg { position: relative; }

.slide6top { position: relative; width: 100%; height: 28%; margin: 0px; background: #4f5259; font-size: 1.5rem; font-weight: 600; color: #000; }
.slide6mid { position: relative; width: 100%; height: 44%; margin: 0px; background: #bbd144; font-size: 1.5rem; font-weight: 600; color: #000; }
.slide6low { position: relative; width: 100%; height: 28%; margin: 0px; background: #4f5259; font-size: 1.5rem; font-weight: 600; color: #000; }

.slide6top h4 { position: absolute; left: 170px; bottom: 14px; display: inline-block; color: #bbd144; text-shadow: 4px 4px 0px rgba(0,0,0,1); font-size: 3.0em; font-weight: 600; padding: 0px; }
.slide6mid h1 {position: absolute; left: 170px; bottom: 100px; display: inline-block;  color: #000; font-size: 3.4em; font-weight: 600; margin-bottom: 0px; }
.slide6mid h2 { position: absolute; left: 170px; bottom: 40px; display: inline-block;  color: #000; font-size: 2.8em; font-weight: 600; margin-bottom: 0px; }
.slide6mid h3 { position: absolute; left: 170px; bottom: 0px; display: inline-block;  color: #000; font-size: 1.3em; font-weight: 500; }
.slide6lowtext h4 { position: absolute; left: 170px; bottom: 26px; display: inline-block; color: #bbd144; text-shadow: 4px 4px 0px rgba(0,0,0,1); font-size: 1.1em; font-weight: 600; padding: 8px; border: 6px solid #fff; }
.slide6-btn { position: absolute; left: 520px; bottom: 40px; border: 0; height: 42px; padding: 0 18px; background: #E79939; border-radius:20px!important; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; }
.slide6img { position: absolute; right: 160px; bottom: -90px; width: 180px; height: auto; z-index:1000; }
.slide6img2 { position: absolute; right: 200px; bottom: -310px; width: 180px; height: auto; z-index:1100; }

@media screen and (max-width: 1200px) {
	.slide6top h4 { left: 150px; bottom: 14px; font-size: 3.0em; }
	.slide6mid h1 {left: 150px; bottom: 100px; font-size: 3.4em; }
	.slide6mid h2 { left: 150px; bottom: 40px; font-size: 2.8em; }
	.slide6mid h3 { left: 150px; bottom: 0px; font-size: 1.3em; }
	.slide6lowtext h4 { left: 150px; bottom: 26px; }
	.slide6-btn { left: 470px; }
	.slide6img { right: 90px; bottom: -60px; width: 160px; }
	.slide6img2 { right: 130px; bottom: -300px; width: 160px; }
}
@media screen and (max-width: 992px) {
	.slide6top h4 { left: 120px; bottom: 14px; font-size: 3.0em; }
	.slide6mid h1 {left: 120px; bottom: 110px; font-size: 2.55em; }
	.slide6mid h2 { left: 120px; bottom: 50px; font-size: 2.1em; }
	.slide6mid h3 { left: 120px; bottom: 10px; font-size: 0.95em; }
	.slide6lowtext h4 { display: none; }
	.slide6-btn { left: 120px; }
	.slide6img { right: 40px; bottom: -60px; width: 160px; }
	.slide6img2 { right: 80px; bottom: -300px; width: 160px; }
}
@media screen and (max-width: 768px) {
	.slide6top h4 { left: 80px; }
	.slide6mid h1 {left: 80px; bottom: 110px; }
	.slide6mid h2 { left: 80px; bottom: 50px; }
	.slide6mid h3 { left: 80px; bottom: 10px; }
	.slide6-btn { left: 80px; }
	.slide6img { display: none; }
	.slide6img2 { display: none; }
}
@media screen and (max-width: 576px) {
	.slide6top h4 { left: 90px; bottom: 20px; font-size: 2.4em; }
	.slide6mid h1 { left: 90px; bottom: 120px; font-size: 2.2em; }
	.slide6mid h2 { left: 90px; bottom: 60px; font-size: 1.8em; }
	.slide6mid h3 { left: 90px; bottom: 20px; font-size: 0.85em; }
	.slide6-btn { left: 90px; }
}
@media screen and (max-width: 480px) {
	.slide6top h4 { left: 80px; bottom: 20px; }
	.slide6mid h1 { left: 50px; bottom: 120px; font-size: 1.5em; }
	.slide6mid h2 { left: 50px; bottom: 80px; font-size: 1.25em; }
	.slide6mid h3 { left: 50px; bottom: 20px; font-size: 0.80em; }
	.slide6-btn { left: 85px;  }
}


/* Slide FAOTY 2024. ALSO USED on main FAOTY page as a static banner. */
.slide7bg { position: relative; background: #6BBB58; }
.slide7content { position: relative; width: 100%; height: 100%; margin: 0px; }


.slide7img { position: absolute; left: 180px; bottom: 100px; width: 300px; height: auto; z-index:1000; }
.slide7img2 { position: absolute; left: 600px; bottom: 0px; width: 360px; height: auto; z-index:1100; }
.slide7img3 { position: absolute; left: 300px; bottom: 30px; width: 180px; height: auto; z-index:1200; }

@media screen and (max-width: 1200px) {
	.slide7img { left: 180px; bottom: 100px; width: 300px; }
	.slide7img2 { left: 500px; bottom: 0px; width: 360px; }
	.slide7img3 { left: 300px; bottom: 30px; width: 180px; }
}
@media screen and (max-width: 992px) {
	.slide7img { left: 100px; bottom: 120px; width: 240px; }
	.slide7img2 { left: 360px; bottom: 0px; width: 300px; }
	.slide7img3 { left: 160px; bottom: 50px; width: 180px; }
}
@media screen and (max-width: 768px) {
	.slide7img { left: 80px; bottom: 200px; width: 200px; }
	.slide7img2 { left: 200px; bottom: 0px; width: 300px; }
	.slide7img3 { left: 80px; bottom: 110px; width: 160px; }
}
@media screen and (max-width: 576px) {
	.slide7img { left: 80px; bottom: 200px; width: 200px; }
	.slide7img2 { left: 200px; bottom: 0px; width: 300px; }
	.slide7img3 { left: 90px; bottom: 70px; width: 140px; }
}
@media screen and (max-width: 480px) {
	.slide7img { left: 80px; bottom: 200px; width: 200px; }
	.slide7img2 { left: 200px; bottom: 0px; width: 260px; }
	.slide7img3 { left: 90px; bottom: 70px; width: 140px; }
}
@media screen and (max-width: 400px) {
	.slide7img { left: 60px; bottom: 250px; width: 160px; }
	.slide7img2 { left: 40px; bottom: 0px; width: 240px; }
	.slide7img3 { left: 90px; bottom: 0px; width: 130px; }
}

/* Floorscape 2024. */
.slide8bg { background: #c4cfe0; }
.slide8text { width: 70%; font-size: 1.0rem; font-weight: 500; bottom: 1rem!important; }
.slide8text h2 { display: inline-block; padding: 12px; background: #fff; color: #000; font-size: 1.5rem; font-weight: 600; }
.slide8text p { color: #000; font-size: 1.0rem; font-weight: 400; margin-top: 20px; margin-bottom: 0px; }
.slide8img { float: right; width: 300px; height: auto; }
.slide8text-btn { border: 0; height: 42px; padding: 0 18px; background: #5776a8; border-radius:20px!important; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; margin-top: 40px; }

@media screen and (max-width: 1200px) {
	.slide8text { padding: 40px; bottom: 3rem!important; }
	.slide8text h2 { font-size: 1.3rem; }
	.slide8text p { font-size: 0.95rem; }
	.slide8img { float: right; width: 200px;  }
}
@media screen and (max-width: 992px) {
	.slide8text { width: 75%; padding: 0px; bottom: 6rem!important; }
	.slide8text h2 { padding: 10px; font-size: 1.15rem; }
	.slide8text p { font-size: 0.85rem;  }
	.slide8img { float: right; width: 180px; }
}
@media screen and (max-width: 768px) {
	.slide8text { width: 70%; padding: 20px; bottom: 3rem!important; }
	.slide8text h2 { font-size: 1.3rem; }
	.slide8text p { font-size: 0.9rem; }
	.slide8img { display: none; }
	
}
@media screen and (max-width: 576px) {
	.slide8text { bottom: 2rem!important;  }
	.slide8text h2 { font-size: 1.1rem; }
	.slide8text p { font-size: 0.8rem; }
}
@media screen and (max-width: 479px) {
	.slide8text { bottom: 1.5rem!important;  }
	.slide8text-btn { height: 36px; padding: 0 10px; font-size: 12px; margin-top: 20px; }
}

/* Future Fitters 2025. */
.slide9bg { background: #FCD399; }
.slide9text { width: 50%; color: #4f5259; font-size: 1.0rem; font-weight: 500; bottom: 2rem!important; }
.slide9text h2 { display: inline-block; padding: 12px; background: #fff; color: #000; font-size: 1.5rem; font-weight: 600; }
.slide9text p { color: #000; font-size: 1.0rem; font-weight: 400; margin-bottom: 0px; }
.slide9text-btn { border: 0; height: 42px; padding: 0 18px; background: #E79939; border-radius:20px!important; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; margin-top: 20px; }
.slide9img { position: absolute; right: 180px; bottom: -30px; width: 600px; height: auto; z-index:1000; }
.slide9list { color: #000; font-size: 1.0rem; font-weight: 400; margin-top: 10px; }

@media screen and (max-width: 1200px) {
	.slide9text { padding: 40px; bottom: 2rem!important; }
	.slide9text h2 { font-size: 1.3rem; }
	.slide9text p { font-size: 0.95rem; }
	.slide9img { right: 160px; bottom: 0px; width: 500px; }
	.slide9list { font-size: 0.95rem; }
}
@media screen and (max-width: 992px) {
	.slide9text { width: 60%; padding: 0px; bottom: 6rem!important; }
	.slide9text h2 { padding: 10px; font-size: 1.15rem; }
	.slide9text p { font-size: 0.85rem;  }
	.slide9img { right: 90px; bottom: 30px; width: 390px; }
	.slide9list { font-size: 0.85rem; }
}
@media screen and (max-width: 768px) {
	.slide9text { width: 70%; padding: 0px; bottom: 5rem!important; }
	.slide9text h2 { font-size: 1.15rem; }
	.slide9text p { font-size: 0.9rem; }
	.slide9img { right: 70px; bottom: 30px; width: 260px; }
	.slide9list { font-size: 0.9rem; }
}
@media screen and (max-width: 576px) {
	.slide9text { bottom: 4rem!important;  }
	.slide9text h2 { font-size: 1.1rem; }
	.slide9text p { font-size: 0.8rem; }
	.slide9img { display: none; }
	.slide9list { font-size: 0.8rem; }
}

/* ------------------------------------------------------------------------------------------------ */




/* About & Council Page. */
#cfa-about-bg { background: #f4f9f3; padding: 40px 0; border-top: 30px solid #c5d54e; border-bottom: 30px solid #c5d54e; }
.cfa-about-img { max-width: 100%; /*height: auto;*/ height: 340px; width: auto; }
@media screen and (max-width: 992px) {
	 .cfa-about-img { width: 100%; height: auto; }
}
@media screen and (max-width: 768px) {
	.cfa-about-img { max-width: 75%; height: auto; }
}
@media screen and (max-width: 576px) {
	.cfa-about-img { max-width: 100%; height: auto; }
}
.cfa-council-name { display: block; line-height: 20px; }
.cfa-council-name h3 { margin-bottom: 0px; font-size: 1.3em; padding-top: 14px;}
.cfa-council-image-container { float: left; display:inline; padding: 14px; margin-right: 14px; background: #fff; }
.cfa-committee-image-container { float: left; display:inline; padding: 14px; margin-right: 14px; background: #f4f9f3; }
.cfa-council-image { overflow: hidden; /* Important */ width: 150px; height: 150px; }
.cfa-council-title { display: block; font-size:1.1em; margin: 8px 0; font-weight: 500; }
.cfa-council-text { }


/* Contact & Login Pages. */
.smart-forms .form-body-contact { padding: 40px 0px 20px 30px; } /* Overrides default padding on desktop. */
.cfa-contact-form { background: #e1e1e1; margin: 50px auto; }
.cfa-contact-form-text { background: #fcfcfc; padding: 40px 50px; margin-top: 50px; margin-left: -15px; font-weight: 500; }
.cfa-contact-form-text h1 { font-weight: 700; }
.cfa-contact-form-lbl-left { display: inline-block; width: 14px; color: #F00; font-size: 1em; font-weight: 800; }
@media screen and (max-width: 576px) {
	.smart-forms .form-body-contact { padding: 40px 30px 20px 30px; }
	.cfa-contact-form-text { margin-right: -15px; }
}
.cfa-contact-form-btn { border: 0; height: 42px; padding: 0 18px; background: #E79939; border-radius:20px!important; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; }

.cfa-login-form-btn { border: 0; height: 42px; padding: 0 18px; background: #4f5259; border-radius:20px!important; font-size: 15px; text-align: center; text-transform: uppercase; color: #fff!important; cursor: pointer; }


/* Training pages. */

/* Training Guide. */
.cfa-tg-large { font-size: 1.1em; font-weight: 500; }
.cfa-tg-cover { width: 180px; height: auto;
-webkit-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
}

.cfa-tg-banner { position: relative; min-height: 350px; }
.cfa-tg-banner-heading { position: absolute; top: 60px; left: 100px; width: 800px; height: auto; }
.cfa-tg-banner-text { position: absolute; top: 250px; left: 287px; width: 600px; height: auto; }
.cfa-tg-sub-heder-text { display: none; }

@media only screen and (max-width : 1200px) {
	.cfa-tg-banner { min-height: 330px; }
	.cfa-tg-banner-heading { left: 80px; width: 740px; }
	.cfa-tg-banner-text { top: 240px; left: 250px; width: 540px; }
}
@media only screen and (max-width : 992px) {
	.cfa-tg-banner { min-height: 270px; }
	.cfa-tg-banner-heading { top: 50px; left: 40px; width: 600px; }
	.cfa-tg-banner-text { top: 190px; left: 180px; width: 480px; }
}
@media screen and (max-width: 768px) {
	.cfa-tg-banner { min-height: 230px; }
	.cfa-tg-banner-heading { top: 40px; left: 20px; width: 500px; }
	.cfa-tg-banner-text { top: 160px; left: 136px; width: 360px; }
}
@media screen and (max-width: 576px) {
	.cfa-tg-banner { min-height: 200px; }
	.cfa-tg-banner-heading { top: 40px; left: 20px; width: 440px; }
	.cfa-tg-banner-text { top: 140px; left: 122px; width: 320px; }
}
@media screen and (max-width: 480px) {
	.cfa-tg-banner { min-height: 150px; }
	.cfa-tg-banner-heading { top: 40px; left: 10%; width: 80%; }
	.cfa-tg-banner-text { display: none; }
	.cfa-tg-sub-heder-text { display: block; }
}


/* Apprencticeships. */
.cfa-apprenticeships-bg { background: #f4f9f3; }
.cfa-apprenticeships-large { font-weight:500; font-size: 1.05em; }
.cfa-apprenticeships-large li { padding-bottom: 10px; }
.cfa-apprenticeships-large i { color: green; font-size: 1.3em; margin-right: 6px; }


/* Future Fitters. */
/* Light FF green #f4f9f3, Darker FF green: #c5d54e */
.ff-banner { position: relative; min-height: 350px; background: url('/images/ff-header-bg.jpg'); background-size: cover; }
.ff-banner-objective { position: absolute; top: 60px; left: 120px; width: 400px; height: auto; }
.ff-banner-text { position: absolute; top: 160px; left: 120px; width: 300px; height: auto; }
.ff-banner-logo { position: absolute; top: 80px; left: 740px; width: 320px; height: auto; }
.ff-cover { width: 180px; height: auto;
-webkit-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
}

@media only screen and (max-width : 1200px) {
	.ff-banner-objective { left: 80px; }
	.ff-banner-text { left: 80px; }
	.ff-banner-logo {  top: 80px; left: 580px; width: 320px; }
}
@media only screen and (max-width : 992px) {
	.ff-banner { min-height: 300px; }
	.ff-banner-objective { top: 40px; left: 60px; width: 360px; }
	.ff-banner-text { top: 130px; left: 60px; width: 280px; }
	.ff-banner-logo { top: 80px; left: 480px; width: 190px; }
}
@media screen and (max-width: 768px) {
	.ff-banner { min-height: 280px; }
	.ff-banner-objective { top: 50px; left: 40px; width: 260px; }
	.ff-banner-text { top: 120px; left: 40px; width: 230px; }
	.ff-banner-logo { top: 80px; left: 360px; width: 140px; }
}
@media screen and (max-width: 576px) {
	.ff-banner { min-height: 240px; }
	.ff-banner-objective { top: 30px; left: 40px; width: 240px; }
	.ff-banner-text { top: 100px; left: 40px; width: 210px; }
	.ff-banner-logo { top: 60px; left: 340px; width: 140px; }
}
@media screen and (max-width: 480px) {
	.ff-banner-logo { display: none; }
}

/* Future Fitters 2025 Update. */
.ff-banner-2025 { position: relative; min-height: 350px; background: url('/images/ff-header-bg2025.jpg'); background-size: cover; }
.ff-banner-text1-2025 { position: absolute; top: 30px; left: 120px; width: 300px; height: auto; }
.ff-banner-text2-2025 { position: absolute; top: 200px; left: 120px; width: 440px; height: auto; }
.ff-banner-logo-2025 { position: absolute; top: 80px; left: 740px; width: 320px; height: auto; }
@media only screen and (max-width : 1200px) {
	.ff-banner-text1-2025 { left: 80px; }
	.ff-banner-text2-2025 { left: 80px; }
	.ff-banner-logo-2025 {  top: 80px; left: 580px; width: 320px; }
}
@media only screen and (max-width : 992px) {
	.ff-banner { min-height: 300px; }
	.ff-banner-text1-2025 { top: 30px; left: 60px; width: 250px; }
	.ff-banner-text2-2025 { top: 170px; left: 60px; width: 320px; }
	.ff-banner-logo-2025 { top: 80px; left: 480px; width: 190px; }
}
@media screen and (max-width: 768px) {
	.ff-banner { min-height: 280px; }
	.ff-banner-text1-2025 { top: 40px; left: 40px; width: 220px; }
	.ff-banner-text2-2025 { top: 160px; left: 40px; width: 290px; }
	.ff-banner-logo-2025 { top: 80px; left: 360px; width: 140px; }
}
@media screen and (max-width: 576px) {
	.ff-banner { min-height: 240px; }
	.ff-banner-text1-2025 { top: 20px; left: 30px; width: 200px; }
	.ff-banner-text2-2025 { top: 130px; left: 30px; width: 260px; }
	.ff-banner-logo-2025 { top: 60px; left: 340px; width: 140px; }
}
@media screen and (max-width: 480px) {
	.ff-banner-logo-2025 { display: none; }
}

.ff-box { background: #666; max-width: 600px; color: #fff; padding: 20px; margin-bottom: 20px;
-webkit-box-shadow: 10px 10px 0px 0px /*rgba(170,199,84,1)*/#e79939;
-moz-box-shadow: 10px 10px 0px 0px /*rgba(170,199,84,1)*/#e79939;
box-shadow: 10px 10px 0px 0px /*rgba(170,199,84,1)*/#e79939;
}
.ff-box h3 { color: #fff; } 
.ff-box p { color: #fff; font-size: 1.0em; }
.ff-box img { max-width: 100%; height: auto; }
.ff-gc-cover { 
float: left; margin-right: 30px; width: 100%; max-width: 100px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
}
#cfa-ff-bg { background: #FDEACC; padding: 40px 0; border-top: 30px solid #1ba659; border-bottom: 30px solid #1ba659; }
@media screen and (max-width: 576px) {
	.ff-gc-cover { margin-bottom: 20px; }
}

/* FAOTY main page
Some of below is legaacy css, pre 2024. */
#faotyBanner2020 {
	width: 100%;
	padding-bottom: 21.8%; /* 241px/950px x 100 */
	background-image: url('/images/training_faoty2023_banner.png');
	background-size: cover;
	background-position: center; /* IE fix */
}
@media (max-width: 500px) {
	#faotyBanner2020 {
		width: 100%;
		padding-bottom: 32%; /* 189px/500px x 100 */
		background-image: url('/images/training_faoty2023_banner500.png');
		background-size: cover;
		background-position: center; /* IE fix */
	}
}
.faoty-logo { margin: 20px 10px; width: 180px; height: auto; }
.faoty-clear { display: block; clear: both; height: 20px; }
.faoty-prev-img { float: right; margin-left: 20px; max-width: 275px; height: auto; }
.faoty-winner-img-top { float: right; margin-left: 20px; max-width: 360px; height: auto; }
.faoty-prev-clear { clear: both; display: block; width: 100%; height: 30px; }

.faoty-winnerimg-container { float: right; display: inline; margin-left: 20px; margin-bottom: 10px; background: #f8f9fa; border: 1px solid #ccc; }
.faoty-winnerimg-img { display: block; width: 100%; max-width: 400px; height: auto; }
.faoty-winnerimg-text { display: block; padding: 4px; color: #000; }

.faoty-runnerup-container { display: inline-block; margin: 10px; background: #f8f9fa; border: 1px solid #ccc; height: 400px; width: auto; }
.faoty-runnerup-img { display: block; }
.faoty-runnerup-img img { height: 360px; width: auto; } 

@media screen and (max-width: 768px) {
	.faoty-prev-img { float: none;display: block;  margin-left: 0px; margin-top: 20px; margin-bottom: 20px; }
	.faoty-winner-img-top { float: none; display: block; margin-left: 0px; margin-top: 20px; margin-bottom: 20px; }
	.faoty-winnerimg-container {float: none; display: block; max-width: 400px; margin-left: 0px; margin-top: 20px; margin-bottom: 20px; }
	.faoty-logo { margin: 20px 10px; width: 140px; }
}
@media screen and (max-width: 576px) {
	.faoty-logo { margin: 20px 10px; width: 110px; }
}

#faoty-quote-bg { /*background: #fcfcfc;*/ padding: 40px 0; /*border-top: 30px solid #c5d54e; border-bottom: 30px solid #c5d54e;*/ }
#faoty-quote { width: 100%; background: #fff; padding: 20px; font-weight: 500; font-size: 1.1em; font-style: italic; color: #666; }

/* FAOTY Albums. */
.faoty-thumb-cont { float: left; margin: 8px; width: 160px; height: 107px; text-align: center; }
.faoty-thumb { padding: 4px; border: 1px solid #d3d3d3; max-height: 107px; overflow: hidden; }
.faoty-photoprev a, .faoty-photonext a { text-decoration: none; margin: 0 10px; }
#faoty-photoinfo { padding-top: 20px; padding-left: 0px!important; }
#faoty-photoinfo li { list-style: none; display: inline; }
.faoty-photo { margin: 0px; margin-bottom: 30px; max-width: 100%; margin-bottom: 30px; } /* photo detail page */
.faoty-photo img { padding: 5px; background-color: #fafafa; border: 1px solid #d3d3d3; max-width: 100%; height: auto; }

/* Go Construct. */
.goconstruct-img { width: 100%; max-width: 260px; height: auto; }
@media screen and (max-width: 768px) {
	.goconstruct-img { max-width: 240px; }
}

/* NVQs. */
#cfa-nvqs-bg { background: #e1e1e1; padding: 40px 0; }
.nvqs-img { width: 100%; max-width: 400px; height: auto; }
@media screen and (max-width: 768px) {
	.nvqs-img { max-width: 400px; }
}

/* CITB. */
.citb-img { width: 100%; max-width: 260px; height: auto; }
@media screen and (max-width: 768px) {
	.citb-img { max-width: 240px; }
}


/* Members pages. */
/* Build UK. */
#builduk-newsline-bg { background: #201747; border-top: 20px solid #00aec7; }
.builduk-newsline h6 { color: #fff; }
.builduk-newsline p { color: rgba(255, 255, 255, 0.65); }
.builduk-img { width: 100%; max-width: 260px; height: auto; }
@media screen and (max-width: 768px) {
	.builduk-img { max-width: 240px; }
}

/* CPA. */
.cpa-img { width: 100%; max-width: 400px; height: auto; }
@media screen and (max-width: 768px) {
	.cpa-img { max-width: 400px; }
}

/* CFJ. */
.cfj-cover { 
width: 200px; height: auto; max-width: 100%;
-webkit-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
}

/* Dispute Resolution. */
.cfa-dispute { max-width: 100%; height: auto; margin-right: -15px; }
.cfa-dispute-leaflet { max-width: 100%; height: auto; margin-left: -15px; }

@media screen and (max-width: 992px) {
	.cfa-dispute { max-width: 100%; margin-top: 80px; margin-right: -15px; }
}
@media screen and (max-width: 768px) {
	.cfa-dispute { max-width: 300px; margin: 20px auto; }
	.cfa-dispute-leaflet { display: none; }
}


/* Downloads. */
.download-container { display: block; height: 160px; margin: 14px 0px; background: #FDEACC; position: relative; }
.download-img { position: absolute; top: 0; left: 0; padding-top: 20px; height: 160px; width: 140px; text-align: center; background: #F0ECE8; }
.download-img img { max-height: 120px; width: auto; }
.download-text { position: absolute; top: 0; left: 140px; font-size: 1.0em;  padding: 20px; }
.download-size { font-size: 1em; color: #999; }
.download-alt { margin-top: 10px; }
.download-pointer, a:link, a:visited { text-decoration: none; cursor: pointer; }


/* Events. */
.cfa-tile-event { margin-bottom: 24px!important; }
.cfa-tile-event  > div:hover { background: #4f5259; }
.cfa-tile-event h3 { text-transform: uppercase; font-size: 1em; font-weight: 600; }
.event-image { width: 100%; height: 240px; overflow: hidden; }
@media screen and (max-width: 1200px) {
	.event-image { height: 220px; }
}
@media screen and (max-width: 992px) {
	.event-image { height: 240px; }
}
@media screen and (max-width: 576px) {
	.event-image { height: 280px; }
}
@media screen and (max-width: 320px) {
	.event-image { height: 220px; }
}
.event-text { background: #4f5259; padding:18px 18px; font-size: 1.0em; min-height: 118px; }
.event-title { font-weight: 500; font-size: 1.1em; margin-bottom: 20px; min-height: 90px; }
.event-date {  }

/* News. */
#cfa-news-bg { background: #f4f9f3; padding: 40px 0; margin-bottom:40px; }
.cfa-news-item { width: 100%; background: #fcfcfc; padding: 20px; margin: 20px 0px 10px; }
.cfa-news-item-clear { display: block; clear: both; width: 100%; height: 1px; }
.cfa-news-item-date { font-size: 0.8em; color: #999; text-align: right; }
.cfa-news-archive-item { width: 100%; background: #fcfcfc; padding: 10px; margin: 14px 0px; font-size:1.1em; font-weight: 500; }
.cfa-news-archive-item a { color: #000; }
.cfa-news-archive-item-date { font-size: 0.8em; color: #999; text-align: right; }


/*
@media (min-width: 1400px) {
  .container-xl {
    max-width: 1340px;
  }
}

@media (max-width: 1300px) {
  .container-xl {
    max-width: 1140px;
  }
}
*/
.container-xl {
    max-width: 1140px;
}


/* Why Choose. */
.cfa-whychoose { max-width: 100%; height: auto; }
.cfa-whychoose-leaflet { width: 120px; max-width: 100%; height: auto; margin-left: -15px; 
-webkit-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
}
.cfa-whychoose-icons { width: 40px; height: auto; margin: 0px 20px 0px 0px; }

@media screen and (max-width: 992px) {
	.cfa-whychoose { max-width: 100%; }
}
@media screen and (max-width: 768px) {
	.cfa-whychoose { max-width: 300px; margin-bottom: 20px; }
	.cfa-whychoose-leaflet { max-width: 140px; }
}

/* Directory. */
.dir-search-container { background: #e1e1e1; min-height: 100px; margin-bottom: 30px; }
.dir-search-container-title { position: relative; height: 30px; border-radius: 0 15px 15px 0; margin: 30px 0 30px -15px; }
.dir-search-container-icon { position: absolute; top: -10px; left: 50px; height: 50px; width: 50px; }
.dir-search-container-icon img { width: 50px; height: 50px; } 
.dir-search-container-type { position: absolute; top: 0px; left: 120px; height: 30px; color: #fff; font-size: 1.2em; font-weight: 600; text-transform: uppercase; padding-top: 3px; }

.dir-showall-btn { display: inline-block; width: 100%; height: 42px; padding: 9px 0 0 8px; background: #f5f5f5; }
.dir-showall-btn:hover { background: #fff; cursor: pointer; }

.dir-search-btn { border: 0; height: 42px; padding: 0 18px; background: #4f5259; border-radius:20px; font-size: 15px; text-align: center; color: #fff!important; cursor: pointer; }

.dir-bdr-Cont { border: 2px solid #55bbc2; }
.dir-bdr-ConA { border: 2px solid #55bbc2; }
.dir-bdr-Manu { border: 2px solid #968c80; }
.dir-bdr-Dist { border: 2px solid #cb083b; }
.dir-bdr-ConF { border: 2px solid #e79939; }
.dir-bdr-ConS { border: 2px solid #bbd144; }
.dir-bdr-MemO { border: 2px solid #77217c; }


.dir-results { background: #e1e1e1; margin: 50px auto; padding-bottom: 30px; }
.dir-results-text { background: #fcfcfc; padding: 40px 50px; margin-top: 50px; margin: 50px -15px; font-weight: 500; }
.dir-results-text h1 { font-weight: 700; }
@media screen and (max-width: 576px) {
	.dir-results-text { margin-right: -15px; }
}
.dir-results-green { color: #1ba659!important; font-weight: bold; } /* Used to add message if Enhanced on results pages. */

#dir-map { /*width: 100%;*/ margin: 20px 20px 40px 20px; height: 340px; }

/* Info boxes on Google map. */
.dir-mapInfo { width: 300px; }
.dir-mapInfo h2 { margin-top: 0; }
.dir-mapInfo a:link, .dir-mapInfo a:visited { color: #24712e; text-decoration: none; font-weight: bold; }
.dir-mapInfo a:hover, .dir-mapInfo a:visited:hover { color: #000; text-decoration: none; font-weight: bold; }
.dir-mapInfo img { float: right; margin-right: 10px; }

.dir-result-link { margin-bottom: 20px; }
.dir-result-link:hover { text-decoration: none; }
.dir-result { display: flex; height: 80px; margin: 10px 20px; }
.dir-result-number { position:relative; width: 40px; height: 100%; }
.dir-result-number span { position: absolute; top: 10px; left: 10px; font-size: 1.1em; font-weight: 600; color: #fff; }
.dir-result-content { position:relative; height: 100%; width: 100%; background: #fff; color: #000; }
.dir-result-text { float: left; display: inline; margin: 10px 10px; }
.dir-result-logo { float: right; display: inline; margin: 10px 10px; width: 80px; height: auto; }
.dir-result-name { font-size: 1.1em; font-weight: 600; }
.dir-result-distance { color: #999; font-size: 0.9em; padding-bottom: 0px; display: block; padding-top: 8px; }
.dir-return-link { font-weight:500; }

/* Full  Search, also MA Search. */
#dir-A-Z-key { font-size: 1.1em; font-weight: 600; margin: 14px 0 20px; }
#dir-A-Z-key span { margin-right: 20px; }
.dir-A-Z-colour { display: inline-block; width:14px; height: 20px; margin-right:10px; }

/* Member Info. */
.dir-member-info { background: #e1e1e1; margin: 50px auto; padding-bottom: 50px; }
.dir-member-info-text { background: #fcfcfc; padding: 40px 50px; margin-top: 50px; margin: 50px -15px 50px; }
.dir-member-info-logo { display: block; max-width: 240px; height: auto; margin-bottom: 10px; }
#dir-member-info-map { width: 100%; height: 350px; }
.dir-member-info-activites { font-weight: 500; }
.cfa-member-enh-text { background: #fcfcfc; padding: 30px 30px; margin-left: -15px; }

.bg-Cont { background:#55bbc2; }
.bg-ConA { background:#55bbc2; }
.bg-Manu { background:#968c80; }
.bg-Dist { background:#cb083b; }
.bg-ConF { background:#e79939; }
.bg-ConS { background:#bbd144; }
.bg-MemO { background:#77217c; }
.bg-Enh { background:#1ba659; }

.col-Cont { color:#55bbc2; }
.col-ConA { color:#55bbc2; }
.col-Manu { color:#968c80; }
.col-Dist { color:#cb083b; }
.col-ConF { color:#e79939; }
.col-ConS { color:#bbd144; }
.col-MemO { color:#77217c; }
.col-Enh { color:#1ba659; }


/* Membership Fees. */
.cfa-fees { background: #8DD9F0; margin: 50px auto; padding-bottom: 14px; }
.cfa-fees .row { margin-bottom: 20px; }
.cfa-fees-text { background: #fcfcfc; padding: 40px 50px; margin-top: 50px; margin: 50px -15px 20px; font-weight: 500; }
.cfa-fees-text h1 { font-weight: 700; }

.cfa-fees img { display: inline; width: 60px; height: 60px; margin-right: 20px; }

.cfa-fees-amount-container { background: #fff; } 
.cfa-fees-amount-key { background: #fff; font-size: 1.0em; font-weight: 600; } 
.cfa-fees-amount { display: inline-block; width: 30%; height: 60px; padding-left: 10px; font-size: 1.1em; font-weight: 600; }
.cfa-fees-amount span { font-size: 0.7em; font-weight: 600; visibility: hidden; }

@media screen and (max-width: 768px) {
	.cfa-fees img { width: 50px; height: 50px; margin-right: 14px;}
	.cfa-fees h4 { font-size: 1.15em; }
	.cfa-fees-amount span { font-size: 0.7em; font-weight: 600; visibility: visible; }
	.cfa-fees-key .row { display: none!important; }
}


/* Apply - Become a Member. */
.apply-become { width: 100px; height: auto; display: inline-block; margin-right: 20px;
-webkit-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
-moz-box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
box-shadow: 2px 2px 5px 0px rgba(189,183,189,1);
}
@media screen and (max-width: 992px) {
	.apply-become { width: 80px; height: auto;  margin-left: 12px; }
}
@media screen and (max-width: 768px) {
	.apply-become { width: 100px; height: auto;  margin-left: 0px; margin-right: 20px }
}


/* Benefits of Joining. */
.benefits-bg-Cont { background-color: rgba(85, 187, 194, 0.1); padding: 0 0 40px 0; border-top: 30px solid #55bbc2; border-bottom: 30px solid #55bbc2; }
.benefits-bg-Manu { background-color: rgba(150, 140, 128, 0.1); padding: 0 0 40px 0; border-top: 30px solid #968c80; border-bottom: 30px solid #968c80; }
.benefits-bg-Dist { background-color: rgba(203, 8, 59, 0.1); padding: 0 0 40px 0; border-top: 30px solid #cb083b; border-bottom: 30px solid #cb083b; }
.benefits-bg-ConF { background-color: rgba(231, 153, 57, 0.1); padding: 0 0 40px 0; border-top: 30px solid #e79939; border-bottom: 30px solid #e79939; }
.benefits-bg-MemO { background-color: rgba(119, 33, 124, 0.1); padding: 0 0 40px 0; border-top: 30px solid #77217c; border-bottom: 30px solid #77217c; }

.benefits-bg-Cont h3, .benefits-bg-Manu h3, .benefits-bg-Dist h3, .benefits-bg-ConF h3, .benefits-bg-MemO h3 { margin: 20px 0; }
.benefits-bg-Cont h6, .benefits-bg-Manu h6, .benefits-bg-Dist h6, .benefits-bg-ConF h6, .benefits-bg-MemO h6 { margin: 20px 0; }

.benefits-bg-icon { width: 60px; height: 60px; margin-top: -55px; }

.benefits-photo-cont { border: 3px solid #55bbc2; float: right; display: inline; margin: 14px 0px 14px 14px; }
.benefits-photo-manu { border: 3px solid #968c80; float: right; display: inline; margin: 14px 0px 14px 14px; }
.benefits-photo-dist { border: 3px solid #cb083b; float: right; display: inline; margin: 14px 0px 14px 14px; }
.benefits-photo-conF { border: 3px solid #e79939; float: right; display: inline; margin: 14px 0px 14px 14px; }
.benefits-photo-memO { border: 3px solid #77217c; float: right; display: inline; margin: 14px 0px 14px 14px; }

@media screen and (max-width: 768px) {
	.benefits-photo-cont, .benefits-photo-manu, .benefits-photo-dist, .benefits-photo-conF, .benefits-photo-memO { float: none; display: none; }
}

.benefits ul { list-style-type: none; padding-left: 20px; margin: 0 0 20px 15px; }
.benefits ul li { padding-left:10px; margin-bottom: 10px; }
.benefits ul li:before { font-family: 'FontAwesome'; content: "\f00c"; width: 1.6em; margin-left: -25px; padding-right: 10px; }

.nav-tabs .nav-item .benefits-nav-link { border: 1px solid transparent; font-size: 1.2em; font-weight: 500; } /* This also over-rides bootstrap borders on tabs. */


/* Request membership information. */
.requestinfo-img { width: 100%; max-width: 400px; height: auto; }
@media screen and (max-width: 768px) {
	.requestinfo-img { max-width: 300px; }
}


/* Application Forms & Benefits. */
.cfa-apply-form { background: #e1e1e1; margin: 50px auto; padding-top: 30px; }
.cfa-apply-form-text { background: #fcfcfc; padding: 40px 50px; margin-top: 50px; margin-left: -15px; font-weight: 500; }
.cfa-apply-form-text h1 { font-weight: 700; }

.cfa-apply-form-notes-bg { background: #fcfcfc; padding: 40px 50px; margin-top: 50px; /*margin-left: -15px;*/ /*font-weight: 500;*/ }

.smart-forms .tagline span {
    color: #41454C;
}	

/* Colour-coded Smartform headings. Over-ride standard green colour. */
.smart-forms .tagline span.tag-Cont { color:#55bbc2; }
.smart-forms .tagline span.tag-ConA { color:#55bbc2; }
.smart-forms .tagline span.tag-Manu { color:#968c80; }
.smart-forms .tagline span.tag-Dist { color:#cb083b; }
.smart-forms .tagline span.tag-ConF { color:#e79939; }
.smart-forms .tagline span.tag-ConS { color:#bbd144; }
.smart-forms .tagline span.tag-MemO { color:#77217c; }

/* Application Forms & Benefits colour-coded headers. */
.typetitle { height: 60px; width: 100%; border: 1px solid #fff; margin-bottom: 10px; font-size: 1.3em; }
.typetitle img { float: left; width: 60px; height: 60px; margin-left: 40px; }
.typetitle-spacer { display: block; width: 100%; background: none; height: 10px; overflow: hidden; } 

.membertype-Cont { height: 30px; margin-top: 15px; background: #55bbc2; }
.membertype-ConA { height: 30px; margin-top: 15px; background: #55bbc2; }
.membertype-Manu { height: 30px; margin-top: 15px; background: #968c80; }
.membertype-Dist { height: 30px; margin-top: 15px; background: #cb083b; }
.membertype-ConF { height: 30px; margin-top: 15px; background: #e79939; }
.membertype-ConS { height: 30px; margin-top: 15px; background: #bbd144; }
.membertype-MemO { height: 30px; margin-top: 15px; background: #77217c; }

.typetitle .membertype-Cont span, .typetitle .membertype-ConA span, .typetitle .membertype-Manu span, .typetitle .membertype-Dist span, .typetitle .membertype-ConF span, .typetitle .membertype-ConS span, .typetitle .membertype-MemO span { background: #fff; float: left; padding-left: 16px; padding-right: 16px; padding-top: 3px; height: 100%; }

#apply-notes { width: 100%; background: #fcfcfc; padding: 20px; }
.apply-notes-col1 { float: left; width: 18%; padding: 10px 0px; }
.apply-notes-col2 { float: left; width: 40%; padding: 10px 0px; }
.apply-notes-col3 { float: left; width: 40%; padding: 10px 0px; }
.apply-notes-col4 { float: left; width: 80%; padding: 10px 0px; }
.apply-notes-col5 { float: left; width: 98%; padding: 10px 0px; }
.apply-notes-col1 p { font-size: 0.95em; font-weight: bold; }
.apply-notes-col2 p, .apply-notes-col3 p, .apply-notes-col4 p { padding-left: 10px; font-size: 0.95em; color: #444; }

.apply-notes-divider { display: block; clear: both; height: 2px; overflow: hidden; }

.apply-all-icons { width: 40px; height: auto; margin: 0px 10px; }

/* Contractor App form (Accordion for Contractor/Associate details). */
#apply-notes-contChart { width: 100%; margin-bottom: 20px; }
.apply-notes-contChart1a { float: left; width: 18%; padding: 10px 0px; }
.apply-notes-contChart1 p { font-weight: bold; }
.apply-notes-contChart2a { float: left; width: 40%; padding: 10px 0px; }
.apply-notes-contChart3a { float: left; width: 40%; padding: 10px 0px; }
.apply-notes-contChart1 { float: left; width: 18%; padding: 10px 0px; }
.apply-notes-contChart1 p { font-size: 0.9em; font-weight: bold; }
.apply-notes-contChart2 { float: left; width: 40%; padding: 10px 0px; }
.apply-notes-contChart3 { float: left; width: 40%; padding: 10px 0px; }
.apply-notes-contChart4 { float: left; width: 80%; padding: 10px 0px; }
.apply-notes-contChart5 { float: left; width: 98%; padding: 10px 0px; font-weight: bold; }
.apply-notes-contChartBreak { display: block; clear: both; background: #55bbc2; height: 2px; overflow: hidden; }
.apply-notes-contChart2 p, .apply-notes-contChart3 p, .apply-notes-contChart4 p, .apply-notes-contChart5 p { padding-left: 10px; font-size: 0.9em; color: #999; }



/* FAOTY. */
.cfa-faoty-form { background: #e1e1e1; margin: 50px auto; }
.cfa-faoty-form-text { background: #bbd144; padding: 40px 50px; margin-top: 50px; margin-left: -15px; font-weight: 500; 
 border-top: 30px solid #4f5259; border-bottom: 30px solid #4f5259; border-right: 30px solid #4f5259; }
.cfa-faoty-form-text h1 { font-weight: 800; font-size: 32px; text-transform: uppercase; }
.cfa-faoty-form-text h2 { font-weight: 500; font-size: 22px; text-transform: uppercase; }
.cfa-faoty-form-lbl-left { display: inline-block; width: 14px; color: #F00; font-size: 1em; font-weight: 800; }
@media screen and (max-width: 576px) {
	.cfa-faoty-form-text { margin-right: -15px; border-right: 0px; text-align: center; }
	.cfa-faoty-form-text h1 { font-weight: 800; font-size: 24px; }
	.cfa-faoty-form-text h2 { font-size: 17px; }
}


.faoty-footer-logos-text { text-align: center; font-size: 0.95em; font-weight:500; }
.faoty-footer-logos a, .faoty-footer-logos a:hover { text-decoration: none; }
.faoty-footer-logos img { width: 100px; height: auto; margin: 4px; }

.faoty-header { margin-left: -15px; margin-right: -15px; }

#faoty-heading-top { background: #4f5259; color:#fff; text-align:right; padding:8px; }
#faoty-heading { background:#bbd144; padding:10px 20px; text-align:center; }
#faoty-heading-bottom { background: #4f5259; color:#fff; text-align:center; font-weight:500; font-size:14px; padding:14px; }

#faoty-heading .big { color:#41454C; font-weight:800; font-size:32px; }
#faoty-heading .small { color:#41454C; font-weight:500; font-size:22px; }

@media only screen and (max-width:480px) {
	#faoty-heading .big { color: #41454C; font-weight:800; font-size:20px; }
	#faoty-heading .small { color: #41454C; font-weight:500; font-size:14px; }
	#faoty-heading-bottom { color: #fff; text-align:center; font-weight:500; font-size:12px; padding:12px; }
}

/* Picture Info Tooltip. */
a.tt { position:relative; z-index:24; color: #999; text-decoration:none; margin-left: 10px; }
a.tt span { display: none; }
/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover { z-index: 25; color: #999; background:;}
a.tt:hover span.tooltip {
    display: block; position: absolute; top: 0px; left: 0;
	font-size: 14px; font-weight: 400;
	padding: 6px; width:180px; color: #1abc9c; text-align: center; text-decoration: none;
	background: #2e3134; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90;
	border: 1px solid #000;
}



/* MA General. */
.member-sidebar ul { list-style: none; padding-left: 0px!important; background: #4f5259; border: 1px solid #4f5259; border-radius: 0.25rem; }
.member-sidebar ul li { padding: 5px 20px; background: #4f5259; border-bottom: 1px solid #B4CC04; color: #fff; }
.member-sidebar ul li:hover { background: #B4CC04; color: #4f5259;}
.member-sidebar ul li.last {  border-bottom: none; }

.member-topnav { background: #4f5259; border: 1px solid #4f5259; border-radius: 0.25rem; padding: 14px; }
.member-topnav h1 { color: #fff; }
.member-topnav ul { display: inline-block; list-style: none; padding-left: 0px!important; margin-bottom: 0; }
.member-topnav ul li { display: inline; }

.member-topnav a { font-weight: bold; color: #fff; }
.member-topnav a:hover { color: #B4CC04; }

.member-topnav ul li { padding: 2px 12px; background: #4f5259; color: #fff; }
.member-topnav ul li:hover { background: #B4CC04; color: #4f5259;}

#member-login-details { float: right; display: inline-block; color: #B4CC04; }
#member-login-details a { color: #fff; }
#member-login-details a:hover { color: #B4CC04; }
@media screen and (max-width: 576px) {
	#member-login-details { float: none; text-align: right; display: block; margin: 10px 0px; }
}


/* MA Search box. */
.cfa-ma-search-content { background: #4f5259; color: #fff; padding: 10px; }
.cfa-ma-search-header { border-bottom: 1px solid #B4CC04; padding-bottom: 6px; margin-bottom: 20px; }
.cfa-ma-search-input { border: 1px solid #000!important; }

.cfa-ma-box { display: inline-block; width: 58px; height: 58px; margin: 9px; border: 1px solid #999; padding: 10px; }

/* MA Tiles */
.cfa-ma-tile { margin-bottom: 24px!important; }
.cfa-ma-tile  > div:hover { /*background: #4f5259;*/ }
.cfa-ma-tile-img { display: flex; justify-content: center; min-height: 230px; background: #fff; }
.cfa-ma-tile-img img { width: 40%; height: 40%; }
.cfa-ma-tile h3 { text-transform: uppercase; font-size: 1em; font-weight: 600; }
.cfa-ma-tile-text { background: #4f5259; padding:18px 18px; font-size: 1.0em; min-height: 120px; }

.bg-Home { background: #1ba659; }
.bg-search { background: #4f5259; }
.bg-campaigns { background: #8DD9F0; }
.bg-ball { background: #1ba659; }
.bg-training { background: #7894b1; }
.bg-skills { background: #B0E0BD; }
.bg-yellow { background: #fdcf2c; }
.bg-brown { background: #dfaa65; }


/* MA Pages (lists). */
.cfa-ma-doc-container { display: block; height: 160px; margin: 14px 0px; position: relative; }
.cfa-ma-doc-container-news { display: block; /*height: 160px;*/ padding: 10px 20px; margin: 14px 0px; position: relative; }
.cfa-ma-doc-img { position: absolute; top: 0; left: 0; padding: 20px; height: 160px; width: 140px; text-align: center; background: #F0ECE8; }
.cfa-ma-doc-img img { /*max-height: 120px; width: auto;*/width: 100%; height: 100%; object-fit: contain; }
.cfa-ma-doc-text { position: absolute; top: 0; left: 140px; font-size: 1.0em;  padding: 20px; }
.cfa-ma-doc-type { font-size: 1em; color: #666; }

.cfa-ma-doc-bg-cont { background-color: rgba(112, 185, 192, 0.25); }
.cfa-ma-doc-bg-manu { background-color: rgba(148, 140, 129, 0.25); }
.cfa-ma-doc-bg-gdoc { background-color: rgba(200, 156, 77, 0.4); }
.cfa-ma-doc-bg-env { background-color: rgba(191, 207, 92, 0.4); }
.cfa-ma-doc-bg-guid { background-color: rgba(215, 171, 111, 0.3); }
.cfa-ma-doc-bg-mark { background-color: rgba(203, 8, 59, 0.25); }
.cfa-ma-doc-bg-camp { background-color: rgba(158, 215, 237, 0.4); }
.cfa-ma-doc-bg-news { background-color: rgba(109, 42, 120, 0.2); }
.cfa-ma-doc-bg-skil { background-color: rgba(186, 222, 192, 0.4); }
.cfa-ma-doc-bg-trai { background-color: rgba(125, 148, 174, 0.3); }

a .cfa-ma-doc-container, a .cfa-ma-doc-container:hover, a .cfa-ma-doc-container-news, a .cfa-ma-doc-container-news:hover { color:#000!important; }







#wrapperMemGen { text-align: left; overflow: hidden; }
#containerMemGen { /*width: 330px;*/ position: relative; min-height: 0; }
#containerMemGen a.trigger { background-color:#1ba659; color: #fff; text-shadow: 1px 1px 1px #000; } /* Colour of heading boxes. */
#containerMemGen a.trigger.open { /*border-color:#dadada; background-color:#e7e7e7; */}
#containerMemGen a:hover.trigger.open, #container a:focus.trigger.open, #container a:active.trigger.open { text-decoration: underline; }
#containerMemGen .accordion .inner .inner a.trigger { /*background-color:#f0f0f0; */font-size: 11px; color: #000; font-weight: normal; }


/* MA documents list. */
#mem_download_link a { color: #093; text-decoration: none; }
#mem_download_link a:hover { color: #000; text-decoration: none; }


/* MA Navigation. */
.ma-nav { border: 1px dashed blue; padding: 10px; font-size: 1.0em; margin-bottom: 20px; }
.ma-nav li { list-style-type: none; display: inline; margin-right: 10px; }


/* --- Accordion --- */
.js #containerMemGen .accordion { visibility: hidden; }
.accordion { margin:0; }
.accordion li { list-style-type: none; }
.accordion li.last-child { margin-left: 19px; list-style-type:disc; }
.accordion .outer { border: 1px solid #dadada; background: #fff; width: 97%}
.accordion .inner { margin-bottom: 0; padding: .5em 20px 1em; position: relative; overflow: hidden; }
.accordion .inner .inner { padding-bottom: 0; }
.accordion .h { padding-top:.3em; } /* vertical padding instead of vertical margin (ie8) */
.accordion p { margin:.5em 1px 1em; }

/* Add styles for all links in the 'accordion':  .accordion a {...} */   
.accordion a { color: green; text-decoration: none; }
.accordion a:hover { color: #000; text-decoration: none; }

a.trigger { display: block; padding-left: 20px; background-image: url('images/accordion_plus.gif'); background-repeat: no-repeat; background-position: 3px 50%; }
a.trigger.open { background-image: url('images/accordion_minus.gif'); }
.last-child a.trigger{ padding-left: 1px; background-image: none; font-weight: normal; }


/* MA Document Download Lists. */
.filelist { width: 100%; overflow: auto; border: 1px solid #999; margin: 15px auto; background: #fff; }
.filelist a { text-decoration: none!important; }
.filelist h4 { padding: 8px 0px 0px 8px; }
.filerow { padding: 4px; background: #e6e6e6; color: #666; border-bottom: 1px solid #fff; margin: 0px; display: block; }
.filerow-alt { padding: 4px; background: #f1f1f1; color: #666; border-bottom: 1px solid #fff; margin: 0px; display: block; }

.filerow:hover, .filerow-alt:hover { background: #fff; color: #000; }


/* MA Newsletters. */
iframe { border: 1px solid #ccc; width: 100%; height: 800px; }


/* MA doc search */
.docTitle { font-size: 0.8em; background: orange; padding: 1px 4px; border: 1px solid #666; margin-right: 10px; }
.docContent { font-size: 0.8em; background: yellow; padding: 1px 4px; border: 1px solid #666; margin-right: 10px; }
blockquote a { text-decoration : none; }

/* MA Document Download Lists. */
.docsearchbox { padding: 14px 20px; min-height: 200px; }
.docsearchbox h3 { font-size: 140%; margin-bottom: 20px; }
.docsearchbox p { margin-bottom: 20px; }

.doclist { width: 100%; /*height: 450px;*/ overflow: auto; border: 1px solid #999; margin: 15px auto; background: #fff; }
.doclist a { text-decoration: none!important; }
.doclist h4 { padding: 8px 0px 0px 8px; }

.docrow, .docrow-alt { padding: 6px 4px; background: #e6e6e6; color: #666; border-bottom: 2px solid #fff; margin: 0px; display: block; }
.docrow-alt { background: #f1f1f1; }
.docrow:hover, .docrow-alt:hover { background: #fff; color: #000; }

.docrow-title { font-size: 1em; color: #000; }
.docrow-title-bold { font-size: 1.1em; font-weight: bold; }
.docrow-preview { display: block; font-size: 0.95em; color: #666; }
.docrow-preview-bold { font-size: 1em; font-weight: bold; color: #333; }
.docrow-date { font-size: 0.85em; float: right; text-align: right; }
.docrow-clear { display: block; clear: both; height: 1px; }


/* MA Albums. */
.ma-ball { float: left; margin: 8px; width: 160px; height: 107px; text-align: center; }
.ma-ball-thumb { padding: 4px; border: 1px solid #d3d3d3; max-height: 107px; overflow: hidden; }

.ma-ball-photoprev a, .ma-ball-photonext a { text-decoration: none; margin: 0 10px; }
#ma-ball-photoinfo li { list-style: none; display: inline; }
.ma-ball-photo { margin: 0px; max-width: 100%; margin-bottom: 30px; }
.ma-ball-photo img { padding: 5px; background-color: #fafafa; border: 1px solid #d3d3d3; max-width: 100%; height: auto; }