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

 body {
  width: 100%;	 
  margin: 1em auto;
  font: 1em/1.4 Arial, Helvetica, sans-serif;
	 color: #333;
	 background-color: #fff;
}


.h4-center {
	font-size: 24px;
	text-align: center
}

.h5-event a {
	font-size: 16px;
	text-align: center;
	text-emphasis-color: #277A33;
}

.imagecenter{
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 90%
}

a {
    color: #28292A;
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #5F6265;
    text-decoration: underline;
    background-color: transparent;
}
.nav-link {
	color: #1C3950;
	 text-decoration: none;
    background-color: transparent;
}

.container-archive > div {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #292B2B;
}  
 .container-archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-auto-rows: minmax(100px, auto);
  grid-gap: 10px;
  justify-content: start;					
  text-align: inline;
  padding: 10px;
  background-color: #FFFFFF;
  border: 1px solid #292B2B;
}


.wrapper {
  display: grid;
  grid-template-columns: repeat[auto-fit, minmax($minColWidth, 1fr)];
  grid-gap: 2rem;
  grid-template-rows: minmax(220px, auto);
}

.wrapper-image {
  display: grid;
  grid-template-columns: repeat[auto-fit, 1fr];
  grid-gap: 10px;
  grid-template-rows: minmax(220px, auto);
}

.container-article {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto;
    max-width: 80%;
    margin-left: 10%;
}

.container-mission{
	display: grid;
	grid-template-rows: 45% 45%;
	grid-gap: 8%;
	grid-template-columns: auto;
	background-color: #FFFFFF;
	margin-left: 5%;
}
.container-donate{
	display:grid;
	grid-template-rows:auto auto;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 25px;
	background-color: #FFFFFF;
	margin-left: 5%;
	margin-top:20px;
}
.container-donate div{
	margin-top:10px;
}
.container-history{
	display: grid;
	grid-template-columns: auto;	
	grid-template-rows: auto;
	background-color: #FFFFFF;
	marginleft: 5%;
}
.container-resources{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-template-rows: auto;
	background-color: #FFFFFF;
	marginleft: 5%;
	margin-top: 25px;
	grid-gap: 10px;
}
.container-resources > div {
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px solid #292B2B;
}

.list-group-item-donate {
  color: #FFFFFF;
  background-color: #674200;
  padding: 10px;	
}

.list-group-item-donate a:hover {
    color: #000000;
    text-decoration: underline;
    background-color: #FFFFFF;
	padding: 10px;
}

.ftlogosm {
	margin-top: 2px;
	margin-left:4px;
	margin-bottom:2px;
	float: left;
	padding: 5px 5px 5px 5px;
}
.h4series{
    font-size: 16px;
    font-color: #FAFAFA;
    background-color: #5060CB;
    color: #FAFAFA;
    font-weight: bold;
    text-align: center;
    letter-spacing: normal;
    border-top-width: thick;
    border-bottom-width: thick;
    border-color: #5060CB;
    line-height: normal;
}
.summercampseries{
    font-size: 16px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    font-color: #FFFFFF;
    background-color: #3680D3;
    padding: 3px 30px;
    color: #F7F0F0;
    text-align: center;
}
.alert-secondaryWCCseries{
    font-color: #4DC890;
    text-align: center;
    background-color: #e2e3e5;
    color: #4dc890;
}

.connerblogseries{
    font-color: #2D9599;
    background-color:#F6F9F9 ;
    text-align: center;
	color: #2D9599;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #777777;
    white-space: nowrap;
}

.calendartxt {
    font-size: 14px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
    line-height: normal;
	text-align: center;
	display: block;
	margin-top: 20px;
}

.indexleadtext {
	font-size: 14px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	font-weight: bold
}
.leadstory {
	width: 100%;
	margin-left: 10px;
	
	}

.leadpix {
	max-width: 100%;
	padding-bottom: 15px;
}

.indexrow{
    border-top: thin;
    border-top-style: inset;
    border-top-color: dimgrey;
    margin-bottom: 10px;
    margin-top: 30px;
}
.archiverow{
    border-right: thin inset black;
}

.figure-main {
	size: 100%;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 20px;
	float: left;
}

.leftimage {
    float: left;
    text-align: left;
    margin-top: 6px;
    margin-right: 8px;
    margin-left: 6px;
    margin-bottom: 6px;
	paddingright: 20px;
	paddingbottom: 15px;
}
.rightimage {
    float: right;
	text-align: right;
    margin-top: 6px;
    margin-right: 6px;
    margin-left: 8px;
    margin-bottom: 6px;
	paddingleft: 20px;
	paddingbottom: 15px;
}

.leftitem {
	float: left;
	text-align: center;
	display: block;
	background-color: transparent;
	border: 1px solid transparent;
	margin-right: 15px;
	margin-bottom: 20px;
}

.rightitem {
	float: right;
	text-align: center;
	display: block;
	background-color: transparent;
	border: 1px solid transparent;
	margin-left: 15px;
	margin-bottom: 20px;
}



.caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: center;
  caption-side: bottom;
}

.imagecaptionlt{
    margin-top: 20px;
    margin-right:10px;
    margin-left: 10px;
    margin-bottom: 20px;
}

.aside-ads {
	width: 20%;
	margin-right: 0%;
	float: right;
}

.copyright {
	margin-top: 15px;
	text-align: center;
	
}

.header-index {
	margin-top: 10px;
	margin-bottom: 10px;
	background color: #2c7330;
}

.ftlogolg {
	size: 100%;
	padding: 5px 5px 5px 5px;
	margin-left: 5px;
	
}

.logo-brand {
	align-content: center;
	margin-bottom: 10px;	
}

.resourcebutton {
    background-color: #F5F5F5;
    paddingtop: 10px;
    paddingbottom: 5px;
	border-bottom-width: thin;
	border-right: thin;
}

.thumbnail-index {
	size: 80%;
	
}
.navbar-header {
	background-color: white;
}
.navbar-default {
	background-color: white;
}

.footer-article {
	display: inline;
}
.nav ul footer-inline {
	display: inline;
	float: left;
}
.nav ul li footer-inline {
	display: inline;
	float: left;
}

.breadcrumb {
    background-color: white;
    padding-left: 15px;
    padding-right: 15px;
}
.breadcrumb li {
    padding-left: 20;
    border-left-width: thin;
    padding-right: 20px;	
}

.article-lead {
	width: 100%;
	float: left;
	margin-left: 5px;
}

/*
Forces carousel image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:100%;
}


CSS/*
Removes white gap between slides
*/
.carousel {
  background:#444;
}

/*
Forces image to be 100% width and not max width of 100%
*/
.carousel-item .img-fluid {
  width:100%;
  height:auto;
}

/* 
anchors are inline so you need ot make them block to go full width
*/
.carousel-item a {
  display: block;
  width:100%;
}



.article-news1 {
	float:left
	margin: 0px;
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: justify;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 1px;
	margin-left: 0px;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 2px;
}
.article-news2 {
	float:left
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	text-align: justify;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
}


.article-newslast {
	clear: left;
	display: inline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 1px;
	padding-top: 2px;
}
.sideindex {
	padding-bottom: 0px;		
}



/* grid */
.row {
    margin-top: 0;
    margin-right: -10px;
    margin-left: 5px;
    margin-bottom: 20px;
    margin-bottom: 10px;
}
.row:last-child {
    margin-bottom: 10px;
    margin-top: 0px;
    margin-right: -10px;
    color: #000000;
}
[class*="col-"] {
  padding: 8px;
}

@media all and ( min-width: 600px ) {

  .col-2-3 {
    float: left;
    width: 66.66%;
  }
  .col-1-2 {
    float: left;
    width: 48%;
  }
  .col-1-3 {
    float: left;
    width: 32%;
  }
  .col-1-4 {
    float: left;
    width: 25%;
  }
.col-sm-6 .row.clearfix .col-1-4 {
    border-right: thin;
}
  .col-1-8 {
    float: left;
    width: 12.5%;
  }
.leftimg {
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
}

}

@media (min-width: 320px max-width:600px) 



.leftimage {
    margin: 0px 5px 5px 5px;
    max-width: 100%;
    float: left;
}
.rightimage {
	float: right;
	margin: 0px 5px 5px 5px;
	max-width: 100%;
}

.aside-ads { 
	margin-right: 2.5%;
	margin-left: 2.4%;
	float: left;
}	
.indexrow{
    border-top: thin inset #868686;
    margin-bottom: 30px;
    margin-top: 10px;
    border-bottom-width: thin;
    border-right-width: thin;
    border-left-width: thin;
    border-bottom-style: inset;
    border-right-style: inset;
    border-left-style: inset;
}

#footer span6 area1 {
	
}

#footer span6 Area2 {
	
}

#footer span6 area3 {
	
}

#footer span6 area4 {
	}
	

@media (min-width: 601px; max-width: 900px )


.article-news {
	width: 50%;
	float: left;
	align: inline;
	margin: 3px;
}
#footer span3 area1 {
	
}

#footer span3 Area2 {
	
}

#footer span3 area3 {
	
}

#footer span3area4 {
	}

.leftimage {
    margin: 0px 5px 5px 5px;
    max-width: 100%;
    float: left;
}
.rightimage {
	float: right;
	margin: 0px 5px 5px 5px;
	max-width: 100%;
}
	

@media screen and (min-width: 900px) {
  div.Header-Purpose {
    display: none;
  }
}
.leftimage {
    margin: 0px 5px 5px 5px;
    max-width: 100%;
    float: left;
}
.rightimage {
	float: right;
	margin: 0px 5px 5px 5px;
	max-width: 100%;
}

@media (max-width:400px){
	.article-news {
		width: 100%;
	float: left;
	align: inline;
	margin: 3px;
		
	}

	.sideindex {
		width: 100%;
	}
.leftimage {
    margin: 0px 5px 5px 5px;
    max-width: 100%;
    float: left;
}
.rightimage {
	float: right;
	margin: 0px 5px 5px 5px;
	max-width: 100%;
}
.well {
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}

.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}

.table-dark.table-bordered {
  border: 0;
}

.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}

.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}
.center-text {
}
.center-block {
}
.image-fluid {
}
.image-fluid {
}
.colsm-8 {
}
.img-center {
}
.img-center {
}
.item-left {
}
.image-fluid {
}
.right-image {
}