@charset "utf-8";
/* CSS Document */

/*====================================*\
		    GLOBAL STYLES
\*====================================*/
/* 2025-07-06: SIMPLIFY! USE FONT STACK+WEIGHT IN CSS */
/* @font-face {
    font-family: 'Futura T OT Demi';
    src: url('../_fonts/futuratot-demi.eot');
    src: url('../_fonts/futuratot-demi.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/futuratot-demi.woff') format('woff'),
         url('../_fonts/futuratot-demi.ttf') format('truetype'),
         url('../_fonts/futuratot-demi.svg#FuturaTOT') format('svg');
    font-weight: normal;
    font-style: normal;
} */

@font-face {
    font-family: 'AvenirLTStd Black';
    src: url('../_fonts/avenirltstd-black.eot');
    src: url('../_fonts/avenirltstd-black.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/avenirltstd-black.woff') format('woff'),
         url('../_fonts/avenirltstd-black.ttf') format('truetype'),
         url('../_fonts/avenirltstd-black.svg#AvenirLTStd-Black') format('svg');
}
@font-face {
  font-family: 'AvenirLTStd Heavy';
  src: url('../_fonts/avenirltstd-heavy.eot');
  src: url('../_fonts/avenirltstd-heavy.eot?#iefix') format('embedded-opentype'),
       url('../_fonts/avenirltstd-heavy.woff') format('woff'),
       url('../_fonts/avenirltstd-heavy.ttf') format('truetype'),
       url('../_fonts/avenirltstd-heavy.svg#AvenirLTStd-Heavy') format('svg');
}

@font-face {
    font-family: 'AvenirLTStd Light';
    src: url('../_fonts/avenirltstd-light.eot');
    src: url('../_fonts/avenirltstd-light.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/avenirltstd-light.woff') format('woff'),
         url('../_fonts/avenirltstd-light.ttf') format('truetype'),
         url('../_fonts/avenirltstd-light.svg#AvenirLTStd35Light') format('svg');
}

@font-face {
    font-family: 'Avenir Book';
    src: url('../_fonts/avenir-book.eot');
    src: url('../_fonts/avenir-book.eot?#iefix') format('embedded-opentype'),
         url('../_fonts/avenir-book.woff') format('woff'),
         url('../_fonts/avenir-book.ttf') format('truetype'),
         url('../_fonts/avenirltstd-book.svg#Avenir-Book') format('svg');
}
*, *::before, *::after {
  box-sizing: border-box;
}
html{
  scroll-behavior:smooth;
  scroll-padding-top:var(--scroll-padding, 3rem);
  scrollbar-gutter: stable!important;
    overflow-y: scroll;
}
body {
  font-family: 'Avenir Book', Gotham, 'Century Gothic', Helvetica, sans-serif;
  font-weight: 400;
	background-color: #E6E7E8;
	margin: 0;
	padding: 0;
  line-height: 1.55;
  color: #444
}

h1, h2, h3, h4, h5 {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
	/* color: #888; */
	/* font-size: 24pt; */
}
h1 {
  color: #444;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -.5px;
  padding: 15px 25px 10px;
  margin:0;
  text-transform: uppercase;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  vertical-align: middle;
  line-height: 1;
}
h2, h3 {
  color: #444;
}
a {
  color: #4CBDC7;
}
a.inline-link {
  color: #C25F28;
  text-decoration: underline;
  text-decoration-color: #C25F28;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 600;
}
a img {
 border:0;
 max-width: 100%;
}
.region-heading h2 {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  line-height: 1;
  padding: 15px 25px 10px;
  font-size: 2.5rem;
  color: #444;
  margin: 0;
}
.region-heading h2 span {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  color: #c25f28;
  font-size: 1.6rem;
  letter-spacing: .05rem;
}
/*====================================*\
		    BACKGROUND FRAME
\*====================================*/
#outerDiv { /* Main container for entire page content */
	behavior: url(PIE-1.0.0/PIE.htc);
	position: relative;
	margin: 20px auto;
	padding-top: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	background-color: #FFF;
	-ms-box-shadow: 1px 0 5px #999;
	-moz-box-shadow: 1px 0 5px #999;
	-webkit-box-shadow: 1px 0 5px#999;
	-o-shadow: 1px 0 5px#999;
	box-shadow: 1px 0 5px #999;
	width:100%;
  max-width: 960px;
/* FUTURE: 1200? */
/* max-width: 1200px; */
	height: auto;
}

/*====================================*\
		      TLP HEADER
\*====================================*/
.nav-wrapper {
  min-height: 40px; 
  display: block;
  height: auto !important;
}

#header {  /* Container for header.  header img, and header p are positioned in this */
  display:grid;
  grid-template-columns: 1fr;
  grid-auto-flow:row;
}

#header a.header-logo {
  width: 249px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 25px;
  display: block;
}
#header img {  /* Tanzania Life Project Image */
  width: 249px;
  margin: 0 auto;
  margin-left: -20px;
}

#header a img { /* Make sure there is no decoration of TLP img link */
	border: none;
}

#header p {  /* Tag Line "Empowering Life through Action" */
	position: absolute;
	top: 50px;
	left: 480px;
	font-size: 16pt;
	color: #888;
}
/* 06-10-2025: Negative top margin used to add spacing without breaking sticky nav layout */
.header-buttons {
  display: flex; 
  justify-content: space-between;
  margin: -10px 1.3rem 10px;
}
.nav-wrapper .donate-button,
.nav-wrapper .subscribe-button {
  /* justify-self: end; */
  cursor: pointer;
  /* margin-block-end: 1.2rem;
  margin-inline-end: 1.3rem; */
  background-color: #C25F28;
  text-transform: uppercase;
  border-radius: 12px;
  border:0;
  font-size: 1rem;
  width: 225px;
  color: white;
  text-align: center;
}

.donate-button .text,
.subscribe-button .text {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  display: inline-block;
  vertical-align: middle;
  margin-top: 15px;
  margin-bottom: 15px;
  letter-spacing: .5px;
}

.hidden {
  display:none;
}
#top-menu-wrapper a img {
  margin-top: 5px;
}
/*====================================*\
		    NAVIGATION MENU
\*====================================*/

/* hidden by default so it cannot flash */
#top-menu-wrapper {
    position: fixed;
    z-index: 1000;
    top: 0px;
    right: 0px;
    left: 0px;
    transform: translateY(-120%);
    margin-right: auto;
    margin-left: auto;
    display: none;
    height: 56px;
    /*width: 960px;*/
    background-color: #4CBDC7;
    opacity: 0;
    visibility: hidden;
    transition: transform .18s ease, opacity .18s ease, visibility 0s linear .18s;
}

/* show when body gets a flag class */
body.show-topbar #top-menu-wrapper {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
  transition: transform .18s ease, opacity .18s ease, visibility 0s;
  box-shadow: 0 0px 5px 0 #186a716b;
}
#mainMenu {  /* Container for navigation Menu */
	position: relative;
	display: block;
	left: -15px;
	height: 56px;
	width: 990px;
	background-color: #4CBDC7;
}
.menu-nav{  /* Class of main category containers.  These are given a class to reduce coding of interaction between main category and subsequent links */
	text-align:center;
    height: 47px;
	width: 200px;
    display: inline-block;
    position: relative;
    overflow: hidden;
	text-decoration: none;
	z-index: 1;
	-ms-transition: height 0.2s linear;
    -moz-transition: height 0.2s linear;
	-webkit-transition: height 0.2s linear;
	-o-transition: height 0.2s linear;
	transition-delay: -.1s;
	-moz-transition-delay: -.1s; /* Firefox 4 */
	-webkit-transition-delay: -.1s; /* Safari and Chrome */
	-o-transition-delay: -.1s; /* Opera */
}
.sf-menu li.list-menu-nav > a{
  font-size: 1rem;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 15px; 
  letter-spacing: .5px;
  line-height: 1rem;
}
#main-menu-list{
  display:grid;
  /* grid-template-columns: repeat(auto-fit,minmax(min(5rem,100%),1fr)); */
  grid-template-columns: auto auto auto auto auto;
  grid-auto-flow:column;
  gap: 0.5rem;
  justify-content: space-around;
  place-items:center;
  width:100%;
  height: 100%;
}
#top-menu-list{
  display:grid;
  /* grid-template-columns: repeat(auto-fit,minmax(min(5rem,100%),1fr)); */
  grid-template-columns: auto auto auto auto auto;
  grid-auto-flow:column;
  gap: 0.5rem;
  justify-content: space-around;
  place-items:center;
  position: absolute;
  width:90%;
  right: 2%;
  height: 56px;
}
#nav-OurMission{  /* Action on hover for the "Our Mission" category.  The height is set according to the number of links contained within it*/
    position: absolute;
	left: 46px;
	top: 0px;
	width:200px;
}

#nav-TheVillages{  /* Action on hover for the "Our Mission" category.  The height is set according to the number of links contained within it*/
    position: absolute;
	left: 228.5px;
	top: 0px;
}

#nav-TheTeam{  /* Action on hover for the "Our Mission" category.  The height is set according to the number of links contained within it*/
    position: absolute;
	left: 411px;
	top: 0px;
}

#nav-Financials{  /* Action on hover for the "Our Mission" category.  The height is set according to the number of links contained within it*/
    position: absolute;
	left: 593.5px;
	top: 0px;
}

#nav-Donate{  /* Action on hover for the "Our Mission" category.  The height is set according to the number of links contained within it*/
    position: absolute;
	left: 776px;
	top: 0px;
}

.a-btn-text{  /* The link/text of the main categories */
	 /*height: 47px;*/
    padding-top: 11px;
    display: block;
    font-size: 16pt;
    white-space: nowrap;
    color: #FFF;
	text-decoration: none;
	z-index: 5;
	background-image: none;
	background-position: top;
	background-repeat: no-repeat;
	-ms-transition: all 0.10s linear;
    -moz-transition: all 0.10s linear;
	-webkit-transition: all 0.10s linear;
	-o-transition: all 0.10s linear;
}

.a-btn-txt-current {
  color: #266060;
}

.subNav-1 {  /* map link in dropdown list */
    position:absolute;
    top: 47px;
    left: 0px;
    width: 200px;
    height: 0px;
	display: none;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
    text-align: center;
	line-height: 30px;
	text-decoration: none;
	padding-top: 0px;
    overflow: hidden;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image_top.png);
	z-index: -1;
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}


/* 2025-06-09 TEMP FIX: removed broken backslash; monitor hover behavior */
/* 2025-06-09 CONCLUSION: Deprecated rule from older nav system – left in place for reference */

.subNav-1:hover {  /* Action on hover for map link in dropdown list */
	display: inline-block;
	color: #C25F28;
	background-image: linear-gradient(bottom, rgb(237,237,237) 75%, rgb(204,204,204) 100%);
	background-image: -o-linear-gradient(bottom, rgb(237,237,237) 75%, rgb(204,204,204) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(237,237,237) 75%, rgb(204,204,204) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(237,237,237) 75%, rgb(204,204,204) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(237,237,237) 75%, rgb(204,204,204) 100%);
}

.subNav-2 {  /* 1st link in dropdown list */
    position:absolute;
    top: 77px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
    text-align: center;
	line-height: 30px;
	text-decoration: none;
    overflow: hidden;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-2:hover {  /* Action on hover for 1st link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-3 {  /* 2nd link in dropdown list */
    position:absolute;
    top: 107px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
    text-align: center;
	line-height: 30px;
	text-decoration: none;
    overflow: hidden;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-3:hover {  /* Action on hover for 2nd link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-4 {  /* 3rd link in dropdown list */
	position:absolute;
	top: 137px;
	left: 0px;
	width: 200px;
	height: 0px;
	color: #888;
	font-size: 13pt;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	overflow: hidden;
	line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
	-moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-4:hover {  /* Action on hover for 3rd link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-5 {  /* 4th link in dropdown list */
    position:absolute;
    top: 167px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
    text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-5:hover {  /* Action on hover for 4th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-6 {  /* 5th link in dropdown list */
    position:absolute;
    top: 197px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-6:hover {  /* Action on hover for 5th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-7 {  /* 6th link in dropdown list */
    position:absolute;
    top: 227px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-7:hover {  /* Action on hover for 6th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-8 {  /* 7th link in dropdown list */
    position:absolute;
    top: 257px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-8:hover {  /* Action on hover for 7th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-9 {  /* 8th link in dropdown list */
    position:absolute;
    top: 287px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-9:hover {  /* Action on hover for 8th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-10{  /* 9th link in dropdown list */
    position:absolute;
    top: 317px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-10:hover {  /* Action on hover for 9th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-11{  /* 10th link in dropdown list */
    position:absolute;
    top: 347px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-11:hover {  /* Action on hover for 10th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-12{  /* 11th link in dropdown list */
    position:absolute;
    top: 377px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-12:hover {  /* Action on hover for 11th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-13{  /* 12th link in dropdown list */
    position:absolute;
    top: 407px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-13:hover {  /* Action on hover for 12th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-14{  /* 13th link in dropdown list */
    position:absolute;
    top: 437px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-14:hover {  /* Action on hover for 13th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-15{  /* 14th link in dropdown list */
    position:absolute;
    top: 467px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-15:hover {  /* Action on hover for 14th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}
.subNav-16{  /* 15th link in dropdown list */
    position:absolute;
    top: 497px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-16:hover {  /* Action on hover for 15th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}
.subNav-17{  /* 16th link in dropdown list */
    position:absolute;
    top: 527px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-17:hover {  /* Action on hover for 16th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}

.subNav-18{  /* 17th link in dropdown list */
    position:absolute;
    top: 557px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
}

.subNav-18:hover {  /* Action on hover for 17th link in dropdown list */
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
}
  /* 18th link in dropdown list */
/* .subNav-19{
    position:absolute;
    top: 587px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
} */
 /* Action on hover for 18th link in dropdown list */
/* .subNav-19:hover { 
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
} */
 /* 19th link in dropdown list */
/* .subNav-20{ 
    position:absolute;
    top: 617px;
    left: 0px;
    width: 200px;
    height: 0px;
    color: #888;
    font-size: 13pt;
    white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
    overflow: hidden;
    line-height: 30px;
	opacity: 0;
	background-image: url(../_images/dropmenu_bg-image.png);
	-ms-transition: opacity,background-color,background-image 0.10s linear;
    -moz-transition: opacity,background-color,background-image 0.10s linear;
	-webkit-transition: opacity,background-color,background-image 0.10s linear;
	-o-transition: opacity,background-color,background-image 0.10s linear;
} */
/* Action on hover for 19th link in dropdown list */
/* .subNav-20:hover {  
	color: #C25F28;
	background-color: #ededed;
	background-image: none;
} */



 /* Action on hover for the "Our Mission" category.  The height is set according to the number of links contained within it*/
#nav-OurMission:hover{ 
    height: 169px;
    behavior: url(PIE-1.0.0/PIE.htc);
    border-radius: 0 0 10px 10px;
    z-index: 6;
}
 /* Action on hover for the "The Villages" category.  The height is set according to the number of links contained within it*/
#nav-TheVillages:hover{ 
    height: 650px;
    height:fill;
    behavior: url(PIE-1.0.0/PIE.htc);
    border-radius: 0 0 10px 10px;
}
 /* Action on hover for the "The Team" category.  The height is set according to the number of links contained within it*/
#nav-TheTeam:hover{ 
    height: 300px;
    behavior: url(PIE-1.0.0/PIE.htc);
    border-radius: 0 0 10px 10px;
}
/* Action on hover for the "Financials" category.  The height is set according to the number of links contained within it*/
#nav-Financials:hover{  
    height: 270px;
    behavior: url(PIE-1.0.0/PIE.htc);
    border-radius: 0 0 10px 10px;
}
/* Action on hover for the "Donate" category.  The height is set according to the number of links contained within it*/
#nav-Donate:hover{  
    height: 110px;
    behavior: url(PIE-1.0.0/PIE.htc);
    border-radius: 0 0 10px 10px;
}



      /* 2025-07-06: ARE THESE EVEN ACTIVE? mh */

          /* Changes the background of the category to the animated .gif image with the down-arrow, upone hovering over the category item */
          .menu-nav:hover .a-btn-text{ 
              color: #666;
          }
          /* Makes the links visible by having a height and fading in from 0% opacity */
          .menu-nav:hover .subNav-1,
          .menu-nav:hover .subNav-2,
          .menu-nav:hover .subNav-3,
          .menu-nav:hover .subNav-4,
          .menu-nav:hover .subNav-5,
          .menu-nav:hover .subNav-6,
          .menu-nav:hover .subNav-7,
          .menu-nav:hover .subNav-8,
          .menu-nav:hover .subNav-9,
          .menu-nav:hover .subNav-10,
          .menu-nav:hover .subNav-11,
          .menu-nav:hover .subNav-12,
          .menu-nav:hover .subNav-13,
          .menu-nav:hover .subNav-14,
          .menu-nav:hover .subNav-15,
          .menu-nav:hover .subNav-16,
          .menu-nav:hover .subNav-17,
          .menu-nav:hover .subNav-18,
          .menu-nav:hover .subNav-19,
          .menu-nav:hover .subNav-20
          {  
            display: block;
            height: 30px;
            opacity: 1;
          }

          /* Makes menu-nav container relative so that other items may be placed inside while active */
          .menu-nav:active {  
              position:relative;
          }
          /* Changes color of main category itme upon hover */
          .menu-nav:hover .a-btn-text{  
            color: #266060;
            /* text-shadow: 0 0 4px #FFF; */
            -ms-transition: all 0.3s linear;
              -moz-transition: all 0.3s linear;
            -webkit-transition: all 0.3s linear;
            -o-transition: all 0.3s linear;
          }
  /* 2025-07-06: NON-LINKS: SMALL CAPS, NO HOVER ACTIONS mh */
      ul li a.disabled-link,
      ul li.disabled-link {
        font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-size: 12px!important;
        font-weight: 700;
        font-weight: 700;
        letter-spacing: 1px;
        background: #4CBDC7 !important;
        /* transition: none !important; */
        cursor: not-allowed!important;    /* shows disabled cursor */
        pointer-events: none!important;   /* makes it unclickable */
        cursor: not-allowed!important;    /* shows disabled cursor */  
      }

      ul li li.disabled-link:hover,
      ul li li > a.disabled-link:hover {
        background: #4CBDC7 !important;
        transition: none !important;
        cursor:not-allowed!important;
        pointer-events: none!important;   /* makes it unclickable */
        /* transition: none !important; */
      
      }
      li.disabled-link,
      a.disabled-link {
        pointer-events: none!important;
        /* color: #999; */
        text-decoration: none!important;
        cursor: not-allowed!important;

      }
      
      /* Override any hover styles */
      li.disabled-link:hover,
      li.disabled-link:focus,
      a.disabled-link:hover,
      a.disabled-link:focus {
        color: #999!important;
        background: none!important;
        text-decoration: none!important;
      }



.simple-list{
	list-style-type:none;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0;
    position: relative;
    left: -1em;
}
.simple-list li{
	display:block;
	color:#fff;
}
/*====================================*\
		    PAGE CONTENT
\*====================================*/

#pageContent { /*This is the container for the contents of the page which should be styled in a style sheet specific to the page (as this is the MAIN style sheet for ALL pages). */
	position: relative;
	display: block;
	/*  padding-top: 50px;  */
	width: inherit;
	height: auto;
	top: 0;
	z-index: 0;
  /* padding:0 10px 20px; */
}
#pageContent #homepage {
  padding: 0;
}
.main-paragraph {
  margin:2px 75px;
  padding: 15px 0px;
  font-size: 14pt;
  color:#444;
  text-align: center;
  /* text-indent: 25px; */
  line-height: 1.5em;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-weight: 700;
  border-bottom: grey thin dotted;
  border-top: grey thin dotted;
}

.main-paragraph-readmore {
  margin:2px 75px;
  padding: 15px 0px;
  font-size: 12.5pt;
  color:#666;
  text-align: justify;
  /*text-indent: 25px;*/
  line-height: 1.5em;
  font-family: 'Avenir', Gotham, 'Century Gothic', Helvetica, sans-serif;
  font-weight: 400;
}
.center-text {
  text-align: center;
  margin-top: 4px;
}


.forms h1 {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
      /* letter-spacing: .5px; */
  text-transform: uppercase;
  font-weight: 700;
  color: #C25F28;
  text-decoration: underline;
  text-decoration-color: #C25F28;
  cursor: pointer;
  font-size: .95rem;
  text-align: center;
  line-height: 1.55;
}


        .forms-previous-expanded {
          display: none;
        }
            .forms {
              margin: 50px;
            }

            .forms a,.forms a:visited {
              color:  #7e4322;
              text-decoration-color: #7e4322;
            }
            .forms a.media-link {
              font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
              font-weight: 700;
              text-decoration: none;
              /* text-transform: uppercase; */
              font-size:1.8rem;
              line-height: 1.2;
              color: #4CBDC7;
            }

            .forms h1 {
              font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
                  /* letter-spacing: .5px; */
              text-transform: uppercase;
              font-weight: 700;
              color: #C25F28;
              text-decoration: underline;
              text-decoration-color: #C25F28;
              cursor: pointer;
              font-size: .95rem;
              text-align: center;

            }

            .forms p {
              margin-top: 0;
              text-align: center;
              color:#444;
            }
            .forms .newsletter{
              margin-top:2rem;
              margin-bottom: 0;
            }
            .forms-current, .forms-previous, .full-size {
              display: inline-block;
              vertical-align: middle;
              font-size: 1.3rem;
              color:#444;
            }

            .forms-current {
              width:25%;
              margin: 0 10px;
            }

        .pdf {
          width:90px;
          height:90px;
          display: table;
          margin: 0 auto;
          background-image: url("../_images/pdf.png");
          background-size: 100%;
          background-repeat: no-repeat;
        }
        .forms ul.disc-list{
          list-style-type:disc;
        }
        .forms ul.numerical-list{
          list-style-type:decimal;
        }
        .forms ul li{
          margin-left:20px;
          display:list-item;
        }

        .forms-previous-expanded {
          display: none;
        }

        .forms-previous {
          width:70%;
          padding: 50px 20px;
          border-left: dotted thin grey;
        }
        .full-size{
          padding:30px 0 10px 0;
          max-width: 100%;
        }
        .forms-previous-501c3 {
          width:68%;
          min-height: 180px;
          border-left: dotted thin grey;
          display: inline-block;
          vertical-align: middle;
          font-size: 14pt;
          color:#444;
          margin-top: 10px;
        }

        .forms-previous-501c3 p {
          font-size: 14pt;
          color:#444;
          margin-top: 60px;
        }

        .forms-previous p {
          text-align: center;
          color:#444;
        }
        .forms .just-left p {
          text-align: left;
          color:#444;
          margin-left:30px;
        }
        .forms .full-size p{
          text-align: left;
        }
        .forms-previous-clickhere {
          cursor: pointer;
          font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
          font-weight: 700;
          text-align: center;
          color: #4CBDC7;
          margin-top: 30px;
        }

        .forms-previous-expanded ul {
          list-style-type: none;
          text-align: center;
        }

        .forms-previous-expanded ul, .forms-previous-expanded li {
          margin: 10px auto;
          padding: 0;
        }

        .forms-previous-expanded ul li {
          /* padding-bottom: 10px; */
          margin-left:0px;
          display: block;
        }
        .forms-previous-expanded ul li a {
          font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
                /* letter-spacing: .5px; */
          text-transform: uppercase;
          font-weight: 700;
          color: #C25F28;
          text-decoration: underline;
          text-decoration-color: #C25F28;
          cursor: pointer;
          font-size: 1rem;
          line-height: 2;
        }
/*====================================*\
        Region
\*====================================*/
.region {
  margin: 0px auto;
  clear:both;
}

.regionVillages-content {
  position: relative;
  /* top: -10px; */
  /*width:640px;
  height:425px;*/
}

.sliderHomepage-content {
  position:relative;
  float:right;
  width:640px;
  height:425px;
  margin:0 !important;
}
.region-heading {
	position: relative;
          /* display: table; */
  display: flex;
  align-items: center;
          /* margin-left: -20px; */
          margin-bottom: 12.5px;
  padding-left: 5%;
	z-index: 5;
  margin: 50px 0 25px;
          /* line-height: 1.6rem; */
}

.region-heading-img {
    width: 75px;
    position: absolute;
    left: -20px;
          /* top: 0; */
}

        /* .region-heading h1 {
          margin:0;
          text-transform: uppercase;
          font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
          font-weight: 700;
          padding: 10px 15px;
          vertical-align: middle;
        } */

.region-content {
  position: relative;
  height: 525px;
  max-height:100%;
  top: -10px;
}

.region-content2 {
  position: absolute;
  height: 525px;
  top: -10px;
}

.regionWater-content {
  position: relative;
  height: 525px;
  max-height:100%;
  top: -10px;
}

.regionWE-content {
  position: relative;
  height: 525px;
  max-height:100%;
  top: -10px;
}

.region-content-img {
  position: relative;
  max-width:100%;
  max-height:100%;
  /*width: 960px;*/
  z-index: 0;
}

.region-bg, .region-fg {
  width: 100%;
  height: 100%;
  position: absolute;
}
.region-fg {
  position: absolute;
  bottom: -1px;
  z-index: 4;
}

.img-caption {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  text-align: right;
  color: white;
  margin: 15px;
}

.img-info {
  position: absolute;
  bottom: 0px;
}

.img-description {
  background-color: rgb(255,255,255);
  opacity: 0.9;
  filter:alpha(opacity=90);
}
.img-desc-1, 
.img-desc-2
/* .graph-description, */
/* .region-content .full-size p   */
{
  display: block;
  height: auto;
  bottom: 0px;
  /* padding:0 10px; */
  margin: 25px auto;
}

.img-desc-1 {
  width: 10%;
}

.caption-text {
  display: table;
  padding: 10px 0;
  margin: 0px auto 0px;
  line-height: 1.5em;
  text-align: left;
  width: 92%;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.region-readmore-content {
  margin-top: 10px;
}
.region-readmore {
  margin:5px 50px;
  padding-bottom: 15px;
  font-size: 14pt;
  cursor: pointer;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  border-bottom: thin dotted grey;
  text-align: center;
  color: #a3552a;
}

#scrollUp {
  bottom: 20px;
  right: 20px;
  height: 50px;  /* Height of image */
  width: 50px; /* Width of image */
  background: url("../_images/upArrow.png") no-repeat;
  background-size: 100%;
}

.pdf_object{
  width:100%;
  min-height:100vmax;
  margin:0;
}


/*====================================*\
		    PAGE FOOTER
\*====================================*/

#footer {  /* This is the container for the footer contents which positions the elements*/
  display: grid;
  grid-auto-flow: row;
  place-items: center;
  place-content: center;
  font-family: 'Avenir', Gotham, 'Century Gothic', Helvetica, sans-serif;
  font-weight: 400;
	font-size: .75rem;
	color: #666;
	text-decoration: none;
  margin-top: 25px;
  padding-top: 50px;
  background: linear-gradient(to bottom, #ffffff 0%, #e3e3e3c9 100%);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#footer a img{
	border: none;
  max-width: 140px;
  opacity: .75;
}
#footer p.privacy-pol {
  margin-top: 12px;
  margin-bottom: 0;
}
#footer p.center-text.margin-bottom{
  margin: 10px 0 40px;
  max-width: 200px;
  line-height: 1.4;
}
#footer p.privacy-pol a {
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-weight: 700;
  color: #C25F28;
  text-decoration: underline;
  text-decoration-color: #C25F28;
  font-size: .85rem;
}

#fiveOoneC3 {
	text-align: center;
}

#footerPic {  /* This is the container for the Authorize.NET image which controls its positioning */
	display: flex;
  justify-content: center;
}
#footerPic a{padding:0 10px;}
#outerDiv #contact-info{
  display: flex;
  gap: 0.5rem;
  flex-wrap:wrap;
  margin: 1.5em 3.6em 0em;
  width:auto;
}
.media-icon img {
  vertical-align: middle;
}
#contact-info {
  max-width: 960px;
  display: flex;
  gap: 0.5rem;
  height: auto;
  margin: 20px auto 40px;
  padding: 0 20px;
}
#CONTACTUS_mobile {
  display: none;
}
.contact-us {
  /* flex-basis: 60%; */
  display: flex;
  justify-content: flex-end;  
}

.contact-us a {
  color: #C25F28;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
}
.social {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: max-content;
}
.social-icons {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%!important;
}
.social-icons img {
  width: 40px;
  height: 40px;
  margin: 0 .3rem;
}
.contact-us {
  flex-grow: 1;
  /* padding-right: 2%; */
}
.contact-us div {
  padding: 0 5px;
}
.contact-us > div {
  margin: 15px 10px 0;
}
.call-block {
  padding-left: 0 !important;
  padding-right: 0 !important;
  flex-basis: 20%;
  min-width: max-content;
}
#contact-info h3 {
  margin: 5px 0;
  font-size: 1rem;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: 1px;
}

#contact-info p {
  font-size: 1rem;
  line-height: 1.2rem;
  margin: 0;
  padding: 2px;
}

#contact-info div {
  color:grey;
}

#contact-info .newsletter{
	clear:both;
	display:block;
	margin-top:35px;
	text-align:center;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  width:100%;
  letter-spacing: .5px;
  font-size: 1.2rem;
  text-decoration: underline;
  text-decoration-color: #C25F28;
  color: #C25F28 !important;
}
#contact-info ul li div {
  padding: 0 33px;
  border-left: dotted thin grey;
}

#contact-info ul, #contact-info li {
  color: #666;
  vertical-align: top;
  display: inline-block;
}
#contactUsEmail p{
  word-wrap: break-word;
  line-height: 18px;
}
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1.5rem;
  max-width: 800px;
  margin: 0 auto;
}

/* Address Row — stays side by side always */
.address-row {
  margin: 2rem 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-right: 10px!important;
  /* flex-wrap: wrap; */
}

.address-block {
  min-width: max-content;
  text-align: left;
}

.media-link img {
  margin-top: 12px;
  margin-left: 5px;
  vertical-align: top;
}
.media-link {
  text-decoration: none;
  line-height: 0.5em;
  color: #4CBDC7;
  font-family: 'AvenirLTStd', 'Avenir Next', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  
}
a.external-link {
  color: #C25F28 ;
  text-decoration-color: #C25F28 ;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #EEE;
  box-shadow: 5 5 0px #DDD;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #AAA;
  border-radius: 10px;
}