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

html {
	background-color: #452D0F;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: column wrap;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	align-items: flex-start;
  box-sizing: border-box;
	width: 100%;
	max-width: 1100px;
	min-height: 100vh;
	margin: 0% auto 0% auto; 	/* T, R, B, L */
	background-color: #FBF0D0;
	position: absolute;
	top: 0;
	left: 0vmin;
	right: 0vmin;
	z-index: -100;
	font: 400 normal 1em Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #452D0F;
	text-decoration: none;
	line-height: normal;
}
.header {
	width: 100%;
	max-width: 1100px;
	min-height: 100px;
	margin: 0% 0% 10px 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%; 	/* T, R, B, L */
	-webkit-box-shadow: 0px 8px 5px #D5BA96;
	-ms-box-shadow: 0px 8px 5px #D5BA96;
	box-shadow: 0px 8px 5px #D5BA96;
	background-image: url(../images/Home/HeadBkgrnd-1100x120.png);
	background-repeat: no-repeat;
}
.headerHolder {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 Auto;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	min-width: 100%;
	max-width: 100%;
	min-height: 100px;
	margin-top: 0% 0% 0% 0%;	/* T, R, B, L */
	Padding: 0% 0% 0% 0%;	/* ALL, T, R, B, L */
}
.iconArea {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	width: 13%;
	min-width: 13%;
	max-width: 13%;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0.5%  0% 0% 2%;	/* T, R, B, L */
}
.iconImage {
	width: 125%;
	height: 100%;
}
.titleArea {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 0 3 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 3 Auto;
	flex: 0 3 Auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	width: 73%;
	min-width: 73%;
	max-width: 73%;
	margin-bottom: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% auto 0% auto;
}
.title {
	line-height: 80%;
	font-weight: 500;
	font-variant: normal;
	font-style: italic;
	font-size: 330%;
	font-family: architects-daughter;
	color: #83232C;
	text-align: center;
	width: 100%;
	text-shadow: 1px 2px 3px #452D0F;	/* T, R, B, L */
}
.hBtnArea {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-flex: 1 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 1 1 Auto;
	flex: 1 1 Auto;
	width: 10%;
	min-width: 10%;
	max-width: 10%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 2% 0% 0%;	/* T, R, B, L */
}
.headButtons {
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	-webkit-align-items: center;
	-ms-flex-align: cetner;
	align-items: center;
	width: 100%;
	display: inline;
	float: left;
}
.donate {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	min-width: 100%;
	margin: 0% 0% 6% 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%;  	/* T & B, R & L */
	font: 500 normal 140% julee;
	text-shadow: 1px 5px 8px #BF9968;
	color: #452D0F;
	text-align: center;
	float: left;
	border: thin solid #D5BA96;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	transition-property: background-image, color, cursor;
	transition-duration: 0s;
	transition-timing-function: ease;
	transition-delay: 0;
}
.donate:hover, .donate:active, .donate:focus {
	background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	color: #FFFFFF;
	cursor: pointer;
}
.join {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	min-width: 100%;
	margin: 6% 0% 0% 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%;  	/* T & B, R & L */
	font: 500 normal 140% julee;
	text-shadow: 1px 5px 8px #BF9968;
	color: #452D0F;
	text-align: center;
	float: left;
	border: thin solid #D5BA96;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	transition-property: background-image, color, cursor;
	transition-duration: 0s;
	transition-timing-function: ease;
	transition-delay: 0;
}
.join:hover, .join:active, .join:focus {
	background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -moz-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: -o-linear-gradient(90deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(255,255,255,1.00) 0%,rgba(213,186,150,1.00) 100%);
	color: #FFFFFF;
	cursor: pointer;
}
.navBar {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row;
	-ms-flex-flow: row;
	flex-flow: row;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 Auto;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 1072px;
	min-width: 97%;
	max-width: 97%;
	margin: 0% 0% 0% 1%;	/* T, R, B, L */
	Padding: 0%;	/* ALL, T, R, B, L */
}
.content {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	width: 100%;
	max-width: 1100px;
	margin: 0% 0% 12px 0%;	/* T, R, B, L */
	Padding: 0% 0% 0% 0%;	/* ALL, T, R, B, L */
	background-color: #FBF0D0;
	line-height: 1.3;
}
.pageArea {
	-webkit-flex: 1 1 320px;
	-ms-flex: 1 1 320px;
	flex: 1 1 320px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: flex-start;
	align-self: flex-start;	
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	float: left;
	min-width: 94%;
	max-width: 1100px;
	margin: 0px 1% 40px 1% ;	/* T, R, B, L */
	Padding: 0px 1.8% 10px 2%;	/* T, R, B, L */
	background-color: #FBEFCF;  
	-moz-box-shadow: 3px 3px 10px #907553;
	-webkit-box-shadow: 3px 3px 10px #907553;
	box-shadow: 3px 3px 10px #907553;  /* h-offset  v-offset  blur  spread=larger+darker  color   */
}
.pageTitle {
	text-align: center;
	margin: 0% auto 1% auto;
	clear: both;
}
.footer {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 Auto;
	width: 100%;
	max-width: 1100px;
	height: 40px;
	margin: 0% auto 0% auto;	/* T, R, B, L */
	Padding: 0% 0% 0% 0%;	/* T, R, B, L */
	font-size: 100%;
	color: #FBF0D0;
	background-image: url(../images/Home/FooterBkgrnd-40.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;  /* width  height */
	z-index: 1000;
	position: fixed;
	left: 0vmin;
	right: 0vmin;
	bottom: 0;
}
.footLeft {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	width: 18%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	text-align: center;
	float: left;
	color: #FBF0D0;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 10px 0% 1% 2%;
}
.footMiddle {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	width: 60%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	text-align: center;
	color: #FBF0D0;
	visibility: visible;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 10px 0% 1% 0%;	/* T, R, B, L */
}
.footRight {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	float: left;
	-webkit-flex: 0 1 Auto; 	/* grow, shrink, basis */
	-ms-flex: 0 1 Auto;
	flex: 0 1 Auto;
	width: 20%;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-self: center;
	-ms-flex-item-align: center;
	align-self: center;	
	text-align: center;
	color: #FBF0D0;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 10px 2% 1% 0%;	/* T, R, B, L */
}
.keepReading.home {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	visibility: visible;
	height: 0%;
	font-size: 0%;
	margin: -2% 0% -2% 0%; 	/* T, R, B, L */
}
.keepReading {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	padding: 1.5% 1% 1% 1.5%; 	/* T, R, B, L */
}

/*  .................... Nav + Tab Formatting .................  */
a {
	color: #83232C;
	font-weight: 500;
	text-decoration: underline;
}
a:visited {
	color: #395D17;
	text-decoration: underline;
}
a:focus , a:hover, a:active{
	color: #C3A10C;
	text-decoration: underline;
}
.nav-tabs {
	margin: 0 0 0 0;   /* T  R  B  L  */
	padding: 0 0 0 0;
	width: 100%;
	height: 30px;
}
.nav-tabs.nav-justified > li > a {
	margin: 0 0 0 0;   /* T  R  B  L  */
	padding: 2% 0 0 0;
	width: 100%;
	height: 30px;
  text-align: center;
}
.nav-tabs > li > a {
	color: #FBEFCF;
	font-size: 110%;
	font-weight: 400;
	text-decoration: none;
	margin: 0 0 0 0;   /* T  R  B  L  */
	padding: 2% 0 0 0;
	width: 100%;
	height: 30px;
	background-color: #364F7C;
	background-image: url(../images/Home/Tab3D-Default.png);
	background-repeat: no-repeat;
	background-size: 100% 30px;
}
.nav-tabs > li > a:hover {
	color: #FBEFCF;
	text-decoration: none;
	margin: 0 0 0 0;   /* T  R  B  L  */
	padding: 2% 0 0 0;
	width: 100%;
	height: 30px;
	background-color: #395D17;
	background-image: url(../images/Home/Tab3D-Hover.png);
	background-repeat: no-repeat;
	background-size: 100% 30px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #FBEFCF;
	cursor: default;
	text-decoration: none;
	margin: 0 0 0 0;   /* T  R  B  L  */
	padding: 2% 0 0 0;
	width: 100%;
	height: 30px;
	background-color: #83232C;
	background-image: url(../images/Home/Tab3D-ThisPage.png);
	background-repeat: no-repeat;
	background-size: 100% 30px;
}
.tnav-tabs {
	text-align: center;
}
.tnav-tabs >li {
	display: inline;
	font-family: architects-daughter;
	font-style: italic;
	font-size: 130%;
	font-weight: 300;
	text-decoration: underline;	
	width: 98%;
	margin: 0 3% 0 3%;		/* T  R  B  L  */
}
.tnav .tnav-tabs > li > a{
	background-color: #FBEFCF;
	color: #364F7C;
}
.tnav-tabs > li > a:hover {
	background-color: #FBEFCF;
	color: #C3A10C;
}
.tnav-tabs > li > a:visited {
	background-color: #FBEFCF;
	color: #364F7C;
}
.tnav-tabs > li.active > a,
.tnav-tabs > li.active > a:hover,
.tnav-tabs > li.active > a:focus {
	background-color: #FBEFCF;
	color: #395D17;
	cursor: default;
	font-size: 150%;
	font-weight: 500;
	text-decoration: none;
}
.tab-content > .tab-pane:not(.active) {
  display: block;
  width: 100%;  
	height: 0;
  overflow-y: hidden;
}
.tab-pane {
	display: block;
	width: 100%;
	height: auto;
	overflow-y: hidden;
}
.tabSlideHolder {
	width: 96%;
	height: auto;
	margin: 2% 0 1% 1.5%;
	padding: 1.5%;
	-moz-box-shadow: 3px 3px 10px #907553;
	-webkit-box-shadow: 3px 3px 10px #907553;
	box-shadow: 3px 3px 10px #907553;  /* h-offset  v-offset  blur  spread=larger+darker  color   */
}

/* ..........   Bootstrap Carousel Overrides   .................   */
.slideshowContainer {
	position: relative;
	width: 100%;
	height: 150%;
}
.carousel {
	margin-top: 18px;
}

.carousel-caption {
	position: relative;
	top: 180%;
	right: 0%;
  bottom: 1%;
  left: 0;
  z-index: 10;
  padding: 1.5% 2% 5% 2%;
  color: #000;
  text-align: left;
	text-shadow: none;
}
.carousel-indicators {
  position: absolute;
  top: -20px; 
  left: 50%;
  z-index: 15;
  width: 80%;
  margin: 0 auto 0 -40%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #395D17;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #395D17;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
/*  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);  */
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
	left: 0;
	background: transparent;
/*  background-image: background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);     
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);   
  background-repeat: repeat-x;  */
}
.carousel-control.right {
  left: auto;
	right: 0%;
	background: transparent;
/*  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;  */
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 190px;
  z-index: 500;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-inner {
	width: 100%;
	height: auto;
}


/* ..........   Cycle2 Slideshow Overrides   .................   */

/*.cycle-slideshow {
	overflow: hidden;  /*
}
/*	position: absolute;   <<<<  TOOK OUT
	top: 0px;
	left: 5%;
	min-width: 200px;
	max-width: 450px;
	width: 100%;
	height: auto;
	margin: 0 auto 0 auto;
	padding: 0;
	z-index: 100; 
	opacity: 1;
	display: block;
	visibility: visible;
}  */
/*.cycle-sentinal {
	position: static;
	top: 0px;
	left: 5%;
	z-index: 100;
	opacity: 1;
	display: block;
	visibility: hidden;
}
.cycle-slide cycle-slide-active {
	position: absolute;
	top: 0px;
	left: 5%;
	z-index: 99;
	opacity: 1;
	display: block;
	visibility: visible;
}
.cycle-slide {
	position: absolute;
	top: 0px;
	left: 5%;
	z-index: 98;
	opacity: 1;
	display: block;
	visibility: hidden;	
}
*/
/* caption */
/*#next {
position: absolute; 
	top: 1500%;
	left: 55%;
	width: 100%;
	z-index: 700;
	cursor: pointer; 
}
#prev {
	position: absolute; 
	top: 1500%;
	left: 40%;
	width: 100%;
	z-index: 700;
	cursor: pointer; 
}
#pauser {
	position: absolute; 
	top: 1500%;
	left: 5%;
	width: 100%;
	z-index: 700;
	cursor: pointer; 
}
#projectCaptions { 
	position: absolute; 
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 700; 
	visibility: visible;
}
*/

/* ..........   content dividing stuff   .................   */
.clearfix::after {
	content: "";
	clear: both;
	display: table;
}
.colHolder {
	width: 100%;
	Float: none;
	color: #000000;
	font-family: Verdana, Tahoma, Geneva, sans-serif;
	font-size: 100%;
}
.col1Only {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 100%;
	float: none;
	clear:both;
	padding: .5%;
	margin-right: 1%;	
}
.col2L35 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 35%;
	float: left;
	padding: .5%;
	margin-right: 1%;
/*	background-color: #B3EDF0;  */
}
.col2R65 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 65%;
	float: left;	
	padding: .5%;
/*	background-color: #C4B3F0;  */
}
.col2L50 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	float: left;
	width: 50%;
	padding: .5%; 	/* T, R, B, L */
/*	background-color: #B3EDF0;  */
}
.col2R50 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	float: right;;
	width: 50%;
	padding: .5%;
/*	background-color: #C4B3F0;  */
}
.col2L75 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 75%;
	float: left;	
	padding: .5%;
/*	background-color: #B3EDF0;  */
}
.col2R25 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: #C4B3F0;  */
}
.col3L33 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 33.3%;
	float: left;	
	padding: .5%;
/*	background-color: yellow;  */
}
.col3C33 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 33.3%;
	float: left;	
	padding: .5%;
/*	background-color: orange;  */
}
.col3R33 {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 33.3%;
	float: left;	
	padding: .5%;
/*	background-color: pink;  */
}
.col3L25 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: yellow;  */
}
.col3C50 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 50%;
	float: left;	
	padding: .5%;
/*	background-color: orange;  */
}
.col3R25 {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: pink;  */
}
.col3L15 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 15%;
	float: left;	
	padding: .5%;
/*	background-color: yellow;  */
}
.col3C70 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 70%;
	float: left;	
	padding: .5%;
/*	background-color: orange;  */
}
.col3R15 {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 15%;
	float: left;	
	padding: .5%;
/*	background-color: pink;  */
}.col4L25 {
	-webkit-order: 1;
	-ms-order: 1;
	order: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: #AB6060;  */
}
.col4LC25 {
	-webkit-order: 2;
	-ms-order: 2;
	order: 2;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: white;  */
}
.col4RC25 {
	-webkit-order: 3;
	-ms-order: 3;
	order: 3;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: gray;  */
}
.col4R25 {
	-webkit-order: 4;
	-ms-order: 4;
	order: 4;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	width: 25%;
	float: left;	
	padding: .5%;
/*	background-color: green;  */
}
.col15Show {
	display: block;
}
.col15Hide {
	display: none;
}
.col25Show {
	display: block;
}
.col25Hide {
	display: none;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: none;
}
.col100Hide {
	display: none;	
}
.col100Show {
	display: block;	
}

/* ...............   pic stuff   .................   */
.fullWide {
	width: 100%;
	height: auto;
}
.picLeft50 {
	width: 35%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 0.5%; 	/* T, R, B, L */
}
.picLeft35 {
	width: 35%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 0.5%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 25%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 0.5%; 	/* T, R, B, L */
}
.picRight50 {
	width: 35%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 0.5%; 	/* T, R, B, L */
}
.picRight35 {
	width: 35%;
	float: right;;
	margin-right: 1%;
	padding: 1% 0.5% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 25%;
	float: right;;
	margin-right: 1%;
	padding: 1% 0.5% 1% 1%; 	/* T, R, B, L */
}
.col2L35 {
	width: 35%;
	float: left;
	padding: .5%;
	margin-right: 1%;
}

/*  .................... Text Formatting .................  */
h1 {
	text-align: center;
	margin: 1.5% auto 0.5% auto;
	clear: both;	
	color: #83232C;
	font-family: architects-daughter;
	font-variant: normal;
	font-style: italic;
	font-size: 180%;
	font-weight: 500;	
}
h2 {
	text-align: center;
	margin: 0% auto 0.5% auto;
	clear: both;	
	color: #83232C;
	font-family: architects-daughter;
	font-variant: normal;
	font-style: italic;
	font-size: 160%;
	font-weight: 500;		
}
h3 {
	text-align: center;
	margin: 0% auto 0.5% auto;
	clear: both;	
	color: #83232C;
	font-family: architects-daughter;
	font-variant: normal;
	font-style: italic;
	font-size: 140%;
	font-weight: 400;		
}
.text-center {
  text-align: center;
	margin: 0% auto 0% auto;
	clear: both;	
}
.textItalic {
	font-style: italic;
}
.textJGS {
	color: #83232C;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 120%;
	font-family: architects-daughter;
}
.textRedBold {
	color: #83232C;
	font-weight: 600;
	font-size: 120%;
}
.textUnderline {
	text-decoration: underline;
}
.textNormalBold {
	font-weight: 600;
}
.textLargeLeft {
	font-size: 120%;
	text-align: left;
}

/* ....................... > 390 ....................... */ 
@media (max-width:390px){
.headerHolder {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.iconArea {	
	width: 20%;
	min-width: 20%;
	max-width: 20%;
	padding: 4% 0% 0% 0%;	/* T, R, B, L */
}
.iconImage {
	width: 110%;
	height: 100%;
}	
.titleArea {
	width: 75%;
	min-width: 75%;
	max-width: 75%;
	margin: -1% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 0% 0% 0%;
}
.title {
	line-height: 85%;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 200%;
	font-family: architects-daughter;
}
.hBtnArea {
	float: none;
	width: 75%;	
	min-width: 75%;	
	max-width: 75%;	
	margin: -2.5% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 0% 0% 15%;	/* T, R, B, L */
}
.headButtons{
	float: left;
	margin: -2% auto 0% auto;
}
.donate {
	width: 50px;
	min-width: 30%;
	max-width: 30%;
	margin: .8% -15% 3% 20%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: right;
}
.join {
	width: 50px;
	min-width: 30%;
	max-width: 30%;
	margin: .8% 2% 3% 2%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: left;
}
.content {
	margin-top: 0%;		
}
.pageArea {
	margin-top: 88px;		
}
.footer {
	font-size: 100%;
}
.footLeft {
	width: 45%;	
	margin-left: 5%
}
.footMiddle {
	visibility: hidden;
	width: 0%;	
}
.footRight {
	width: 45%;	
}

/*  .................... Text Formatting .................  */
h1 {
	font-size: 140%;
}
h2 {
	font-size: 125%;
}
h3 {
	font-size: 110%;
}

/* ..........   Bootstrap Carousel Overrides   .................   */
.carousel-indicators {
  top: -20px; 
  left: 40%;
  width: 100%;
  margin: 0 auto 0 -40%;
}
.carousel-indicators li {
  width: 8px;
  height: 8px;
  margin: .8px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 110px;
}
.tnav-tabs >li {
	font-size: 90%;
	width: 98%;
	margin: 0 2% 0 2%;		/* T  R  B  L  */
}
.tnav-tabs > li.active > a,
.tnav-tabs > li.active > a:hover,
.tnav-tabs > li.active > a:focus {
	font-size: 120%;
}	
/* ..........   content dividing stuff    .................   */
.col2L50 {
	width: 100%;
}
.col2R50 {
	width: 100%;
}
.col3C70 {
	width: 100%;
}
.col15Show {
	display: none;
}
.col15Hide {
	display: block;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: block;
}
.col100Show {
	display: block;	
}
.col100Hide {
	display: none;	
}
	
/* ........................ Pic Stuff .........................  */
.picLeft35 {
	width: 100%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 100%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight35 {
	width: 100%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 100%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}

	/*  .................... Nav + Tab Formatting .................  */
.nav-tabs.nav-justified > li > a {
	padding: 1.5% 0 0 0;
}
.nav-tabs > li > a {
	padding: 1.5% 0 0 0;
}
.nav-tabs > li > a:hover {
	padding: 1.5% 0 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	padding: 1.5% 0 0 0;
}

}

/* ....................... 391 - 461 ....................... */ 
@media (min-width : 391px ) and (max-width : 461px ){
.headerHolder {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.iconArea {	
	width: 25%;
	min-width: 25%;
	max-width: 25%;
	padding: 2.6% 0% 0% 0%;	/* T, R, B, L */
}
.iconImage {
	width: 100%;
	height: 100%;
}	
.titleArea {
	width: 73.5%;
	min-width: 73.5%;
	max-width: 73.5%;
	margin: -1% 1% 0% -3%;	/* T, R, B, L */
	padding: 0% 0% 0% 0%;
}
.title {
	line-height: 85%;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 200%;
	font-family: architects-daughter;
}
.hBtnArea {
	float: none;
	width: 75%;	
	min-width: 75%;	
	max-width: 75%;	
	margin: -2.8% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 0% 0% 15%;	/* T, R, B, L */
}
.headButtons{
	float: left;
	margin: 0% auto 0% auto;
}
.donate {
	width: 60px;
	min-width: 30%;
	max-width: 30%;
	margin: .5% -15% 3% 20%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: right;
}
.join {
	width: 60px;
	min-width: 30%;
	max-width: 30%;
	margin: .5% 2% 3% 2%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: left;
}
.content {
	margin-top: -.5%;		
}
.pageArea {
	margin-top: 88px;		
}
.footer {
	font-size: 100%;
}
.footLeft {
	width: 45%;	
	margin-left: 5%
}
.footMiddle {
	visibility: hidden;
	width: 0%;	
}
.footRight {
	width: 45%;	
}
.subTitle {
	font-size: 110%;
}

/*  .................... Text Formatting .................  */
h1 {
	font-size: 150%;
}
h2 {
	font-size: 138%;
}
h3 {
	font-size: 120%;
}
	
/* ..........   Bootstrap Carousel Overrides   .................   */
.carousel-indicators {
  top: -20px; 
  left: 40%;
  width: 100%;
  margin: 0 auto 0 -40%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 125px;
}
.tnav-tabs >li {
	font-size: 110%;
	width: 98%;
	margin: 0 2.5% 0 2.5%;		/* T  R  B  L  */
}
.tnav-tabs > li.active > a,
.tnav-tabs > li.active > a:hover,
.tnav-tabs > li.active > a:focus {
	font-size: 130%;
}

/* ..........   content dividing stuff    .................   */
.col2L50 {
	width: 100%;
}
.col2R50 {
	width: 100%;
}
.col3C70 {
	width: 100%;
}
.col15Show {
	display: none;
}
.col15Hide {
	display: block;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: block;
}
.col100Hide {
	display: none;	
}
.col100Show {
	display: block;	
}	


	
/* ........................ Pic Stuff .........................  */
.picLeft35 {
	width: 100%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 60%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight35 {
	width: 100%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 60%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}

/*  .................... Nav + Tab Formatting .................  */
.nav-tabs.nav-justified > li > a {
	padding: 1.2% 0 0 0;
}
.nav-tabs > li > a {
	padding: 1.2% 0 0 0;
}
.nav-tabs > li > a:hover {
	padding: 1.2% 0 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	padding: 1.2% 0 0 0;
}

}

/* ....................... 462 - 600 ....................... */ 
@media (min-width: 462px) and (max-width: 600px){
.headerHolder {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.iconArea {	
	width: 20%;
	min-width: 20%;
	max-width: 20%;
	padding: 3% 0% 0% 0%;	/* T, R, B, L */
}
.iconImage {
	width: 100%;
	height: 100%;
}		
.titleArea {
	width: 74%;
	min-width: 74%;
	max-width: 74%;
	margin: -2% 1% 0% -1%;	/* T, R, B, L */
	padding: 0% 0% 0% 0%;
}
.title {
	line-height: 85%;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 210%;
	font-family: architects-daughter;
}
.hBtnArea {
	float: none;
	width: 75%;	
	min-width: 75%;	
	max-width: 75%;	
	margin: -3.5% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 0% 0% 15%;	/* T, R, B, L */
}
.headButtons{
	float: left;
	margin: 0% auto 0% auto;
}
.donate {
	width: 60px;
	min-width: 35%;
	max-width: 35%;
	margin: -1% -15% 3% 16%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: right;
}
.join {
	width: 60px;
	min-width: 35%;
	max-width: 35%;
	margin: .5% 2% 3% 2%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: left;
}
.content {
	margin-top: 0%;		
}
.pageArea {
	margin-top: 88px;		
}
.footer {
	font-size: 100%;
}
.footLeft {
	width: 45%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 5px 0% 1% 5%;
}
.footMiddle {
	visibility: hidden;
	width: 0%;	
}
.footRight {
	width: 45%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 5px 0% 1% 0%;
}
.subTitle {
	font-size: 110%;
}

	/*  .................... Text Formatting .................  */
h1 {
	font-size: 160%;
}
h2 {
	font-size: 140%;
}
h3 {
	font-size: 120%;
}

/* ..........   Bootstrap Carousel Overrides   .................   */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 170px;
}
.tnav-tabs >li {
	font-size: 120%;
	width: 98%;
	margin: 0 3% 0 3%;		/* T  R  B  L  */
}
.tnav-tabs > li.active > a,
.tnav-tabs > li.active > a:hover,
.tnav-tabs > li.active > a:focus {
	font-size: 130%;
}	
	
/* ..........   content dividing stuff    .................   */
.col2L50 {
	width: 100%;
}
.col2R50 {
	width: 100%;
}
.col3C70 {
	width: 100%;
}
.col15Show {
	display: none;
}
.col15Hide {
	display: block;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: block;
}
.col100Hide {
	display: none;	
}
.col100Show {
	display: block;	
}

	
/* ........................ Pic Stuff .........................  */
.picLeft35 {
	width: 60%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 60%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight35 {
	width: 60%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 60%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}

/*  .................... Nav + Tab Formatting .................  */
.nav-tabs.nav-justified > li > a {
	padding: 1% 0 0 0;
}
.nav-tabs > li > a {
	padding: 1% 0 0 0;
}
.nav-tabs > li > a:hover {
	padding: 1% 0 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	padding: 1% 0 0 0;
}
}

/* ....................... 601 - 669 ....................... */ 
@media (min-width : 601px ) and (max-width : 669px ){
.headerHolder {
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}
.iconArea {	
	width: 23%;
	min-width: 23%;
	max-width: 23%;
	padding: 2.2% 0% 0% 0%;	/* T, R, B, L */
}
.iconImage {
	width: 110%;
	height: 100%;
}
.titleArea {
	width: 75%;
	min-width: 75%;
	max-width: 75%;
	margin: -1% 1% 0% -3%;	/* T, R, B, L */
	padding: 0% 0% 0% 0%;
}
.title {
	font: 500 normal 240%/85% julee;
}
.hBtnArea {
	float: none;
	width: 75%;	
	min-width: 75%;	
	max-width: 75%;	
	margin: -3% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 0% 0% 20%;	/* T, R, B, L */
}
.headButtons{
	float: left;
	margin: 0% auto 0% auto;
}
.donate {
	width: 60px;
	min-width: 25%;
	max-width: 25%;
	margin: -2% -15% 3% 20%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: right;
}
.join {
	width: 60px;
	min-width: 25%;
	max-width: 25%;
	margin: .5% 2% 3% 2%; 	/* T, R, B, L */
	font: 400 normal 110% julee;
	float: left;
}
.content {
	margin-top: 0%;		
}
.pageArea {
	margin-top: 88px;		
}
.footer {
	font-size: 95%;
}
.footLeft {
	width: 28%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 5px 0% 1% 1%;
}

	/*  .................... Text Formatting .................  */
h1 {
	font-size: 170%;
}
h2 {
	font-size: 150%;
}
h3 {
	font-size: 130%;
}

/* ..........   Bootstrap Carousel Overrides   .................   */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 160px;
}
.tnav-tabs >li {
	font-size: 130%;
	width: 98%;
	margin: 0 3% 0 3%;		/* T  R  B  L  */
}	
.tnav-tabs > li.active > a,
.tnav-tabs > li.active > a:hover,
.tnav-tabs > li.active > a:focus {
	font-size: 150%;
}

/* ..........   content dividing stuff    .................   */
.col2L50 {
	width: 100%;
}
.col2R50 {
	width: 100%;
}
.col3C70 {
	width: 100%;
}
.col15Show {
	display: none;
}
.col15Hide {
	display: block;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: block;
}
.col100Hide {
	display: none;	
}
.col100Show {
	display: block;	
}	
/* ........................ Pic Stuff .........................  */
.picLeft35 {
	width: 50%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 40%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight35 {
	width: 50%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 40%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}

/*  .................... Nav + Tab Formatting .................  */
.nav-tabs.nav-justified > li > a {
	padding: 1% 0 0 0;
}
.nav-tabs > li > a {
	padding: 1% 0 0 0;
}
.nav-tabs > li > a:hover {
	padding: 1% 0 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	padding: 1% 0 0 0;
}
}

/* ....................... 670 - 767 ....................... */ 
@media (min-width : 670px ) and (max-width : 767px ){
.header {
	min-height: 100px;
}
.headerHolder {
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}
.iconArea {
	width: 13%;
	min-width: 13%;
	max-width: 13%;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 1% 0% .5% 2%;	/* T, R, B, L */
}
.iconImage {
	width: 100%;
	height: 100%;
}
.titleArea {
	width: 73%;
	min-width: 73%;
	max-width: 73%;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% auto 0% auto;
}
.title {
	line-height: 80%;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 260%;
	font-family: architects-daughter;
}
.hBtnArea {
	width: 12%;
	min-width: 12%;
	max-width: 12%;
	float: left;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 3% 0% 0%;	/* T, R, B, L */
}
.headButtons {
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	align-items: center;
	width: 100%;
	display: inline;
	float: left;
}
.donate {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	min-width: 100%;
	margin: 0% 0% 8% 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%;  	/* T & B, R & L */
	font: 500 normal 130% julee;
	float: left;
}
.join {
	min-width: 100%;
	margin: 6% 0% 0% 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%;  	/* T & B, R & L */
	font: 500 normal 130% julee;
	float: left;
}
.content {
	margin-top: 0%;		
}
.pageArea {
	margin-top: 88px;		
}
.footer {
	font-size: 100%;
}
.footLeft {
	width: 28%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 5px 0% 1% 1%;
}
.footMiddle {
	visibility: visible;
	width: 50%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 5px 0% 1% 0%;
}
.footRight {
	width: 22%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 5px 0% 1% 0%;
}

/* ..........   Bootstrap Carousel Overrides   .................   */
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  top: 165px;
}
	
	
/* ..........   content dividing stuff    .................   */
.col2L50 {
	width: 50%;
}
.col2R50 {
	width: 50%;
}
.col3C70 {
	width: 100%;
	text-align: center;
	margin: 0 auto 0 auto;
}
.col15Show {
	display: none;
}
.col15Hide {
	display: block;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: block;
}
.col50Show {
	display: none;
}
.col50Hide {
	display: none;
}
.col100Hide {
	display: block;	
}
.col100Show {
	display: block;	
}

	
/* ........................ Pic Stuff .........................  */
.picLeft35 {
	width: 42%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 30%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight35 {
	width: 42%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 30%;
	float: right;
	margin-right: 1%;
	padding: 1% 1% 1% 1%; 	/* T, R, B, L */
}

/*  .................... Nav + Tab Formatting .................  */
.nav-tabs.nav-justified > li > a {
	padding: 0.7% 0 0 0;
}
.nav-tabs > li > a {
	padding: 0.7% 0 0 0;
}
.nav-tabs > li > a:hover {
	padding: 0.7% 0 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	padding: 0.7% 0 0 0;
}
}

/* ....................... 768 - 991 ....................... */ 
@media (min-width : 768px ) and (max-width : 991px ){
.header {
	min-height: 110px;
}
.headerHolder {
	-webkit-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	flex-flow: row nowrap;
}
.iconArea {
	width: 13%;
	min-width: 13%;
	max-width: 13%;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 1% 0% 1% 2%;	/* T, R, B, L */
}
.iconImage {
	width: 100%;
	height: 100%;
}
.titleArea {
	width: 73%;
	min-width: 73%;
	max-width: 73%;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% auto 0% auto;
}
.title {
	line-height: 80%;
	font-weight: 400;
	font-variant: normal;
	font-style: normal;
	font-size: 290%;
	font-family: architects-daughter;
}
.hBtnArea {
	width: 12%;
	min-width: 12%;
	max-width: 12%;
	float: left;
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 0% 3% 0% 0%;	/* T, R, B, L */
}
.headButtons {
	-webkit-flex-flow: column;
	-ms-flex-flow: column;
	flex-flow: column;
	align-items: center;
	width: 100%;
	display: inline;
	float: left;
}
.donate {
	-webkit-align-self: flex-end;
	-ms-flex-item-align: end;
	align-self: flex-end;
	min-width: 100%;
	margin: 0% 0% 8% 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%;  	/* T & B, R & L */
	font: 500 normal 130% julee;
	float: left;
}
.join {
	min-width: 100%;
	margin: 6% 0% 0% 0%; 	/* T, R, B, L */
	padding: 0% 0% 0% 0%;  	/* T & B, R & L */
	font: 500 normal 130% julee;
	float: left;
}
.content {
	margin-top: 0%;		
}
.footer {
	font-size: 100%;
}
.footLeft {
	width: 28%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 7px 0% 1% 1%;
}
.footMiddle {
	visibility: visible;
	width: 50%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 7px 0% 1% 0%;
}
.footRight {
	width: 22%;	
	margin: 0% 0% 0% 0%;	/* T, R, B, L */
	padding: 7px 0% 1% 0%;
}

/*  .................... Text Formatting .................  */
h1 {
	font-size: 180%;
}
h2 {
	font-size: 160%;
}
h3 {
	font-size: 140%;
}
	
/* ..........   content dividing stuff    .................   */
.col2L50 {
	width: 50%;
}
.col2R50 {
	width: 50%;
}
.col3L70 {
	width: 70%;
}
.col15Show {
	display: block;
}
.col15Hide {
	display: none;
}
.col50Show {
	display: block;
}
.col50Hide {
	display: none;
}
.col100Hide {
	display: none;	
}
.col100Show {
	display: block;	
}

	

/* ...............   pic stuff   .................   */
.picLeft35 {
	width: 35%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 0.5%; 	/* T, R, B, L */
}
.picLeft25 {
	width: 25%;
	float: left;
	margin-right: 1%;
	padding: 1% 1% 1% 0.5%; 	/* T, R, B, L */
}
.picRight35 {
	width: 35%;
	float: right;
	margin-right: 1%;
	padding: 1% 0.5% 1% 1%; 	/* T, R, B, L */
}
.picRight25 {
	width: 25%;
	float: right;
	margin-right: 1%;
	padding: 1% 0.5% 1% 1%; 	/* T, R, B, L */
}

/*  .................... Nav + Tab Formatting .................  */
.nav-tabs.nav-justified > li > a {
	padding: 1.8% 0 0 0;
}
.nav-tabs > li > a {
	padding: 1.8% 0 0 0;
}
.nav-tabs > li > a:hover {
	padding: 1.8% 0 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	padding: 1.8% 0 0 0;
}	
	
/* ....................... > END ....................... */ 
}