/* @override 
	http://www.hybridwebmedia.com/clients/css/PageContent-IB.css
*/
/* = CSS Stylesheet created for Indigenous Bridges. */
/* = Created by Tony Coolidge */
/* = March 27, 2019 */

/* Page Content section */

.BlueOuterContainer{
    width: 100%;
	background: #00a6e2;
    overflow: hidden;
}
.BlueInnerContainer{
    width: 94%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 0px 8px 16px 8px;
	float: none;
}

.BlueInnerContainer a:link {color:#faf4b6;}
.BlueInnerContainer a:active {color:#00F709;}
.BlueInnerContainer a:visited {color:#ffec26;}
.BlueInnerContainer a {text-decoration:none;}
.BlueInnerContainer a:hover {text-decoration:underline; color:#000000;}

.GreenOuterContainer{
    width: 100%;
	background: #01aa52;
    overflow: hidden;
}
.GreenInnerContainer{
    width: 94%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 0px 8px 16px 8px;
	float: none;
}
.GreenInnerContainer p{
	margin-left: 12px;
	margin-right: 12px;
}
.GreenInnerContainer a:link {color:#faf4b6;}
.GreenInnerContainer a:active {color:#00F709;}
.GreenInnerContainer a:visited {color:#ffec26;}
.GreenInnerContainer a {text-decoration:none;}
.GreenInnerContainer a:hover {text-decoration:underline; color:#000000;}

.RedOuterContainer{
    width: 100%;
	background: #e60009;
    overflow: hidden;
}
.RedInnerContainer{
    width: 94%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 0px 8px 16px 8px;
	float: none;
}
.RedInnerContainer p{
	margin-left: 12px;
	margin-right: 12px;
}
.RedInnerContainer a:link {color:#faf4b6;}
.RedInnerContainer a:active {color:#00F709;}
.RedInnerContainer a:visited {color:#ffec26;}
.RedInnerContainer a {text-decoration:none;}
.RedInnerContainer a:hover {text-decoration:underline; color:#000000;}

.TanOuterContainer{
    width: 100%;
	background: #d07400;
    overflow: hidden;
}
.TanInnerContainer{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 16px 0 16px 0;
	float: none;
}
.TanInnerContainer p{
	margin-left: 12px;
	margin-right: 12px;
}
.TanInnerContainer a:link {color:#faf4b6;}
.TanInnerContainer a:active {color:#00F709;}
.TanInnerContainer a:visited {color:#ffec26;}
.TanInnerContainer a {text-decoration:none;}
.TanInnerContainer a:hover {text-decoration:underline; color:#000000;}

.CreamOuterContainer{
    width: 100%;
	background: #ffeda6;
    overflow: hidden;
}

.WhiteOuterContainer{
    width: 100%;
	background: #ffffff;
    overflow: hidden;
}
.WhiteInnerContainer{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 12px 0 12px 0;
    float: none;
}
.WhiteInnerContainer p{
	margin-left: 12px;
	margin-right: 12px;
}
.CreditInnerContainer{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
	padding: 12px 0 0 0;
    float: none;
}
.GrayOuterContainer{
    width: 100%;
	background: #d9d9d9;
    overflow: hidden;
}
.GrayInnerContainer{
    width: 94%;
	text-align: center;
    max-width: 1100px;
    margin: 0 auto;
	padding: 0px 8px 16px 8px;
	float: none;
}

.ImageRightColumn{
	float: none;
    width: 100%;
	text-align: center;
	margin: 18px 8px 8px 8px;
	clear: both;
}
.ContentColumn1{
	display: block;
	float: none;
    width: 100%;
	margin: 0 0 0 0;
	clear: both;
	text-align: center;
	vertical-align: top;
}
.ContentColumn1 img{
    width: 90%;
}
.ContentColumn2{
	display: block;
	float: none;
    width: 100%;
	margin: 0 0 0 0;
	clear: both;
	text-align: center;
	vertical-align: top;
}
.ContentColumn2 img{
    width: 90%;
}
.VideoContainerRight{
	display: block;
    width: 100%;
	text-align: center;
	float: none;
	clear: both;
}
.VideoContainerLeft{
	display: block;
    width: 100%;
	text-align: center;
	float: none;
	clear: both;
}
.bluetitle{
    font-size: 29px;
    line-height: 32px;
	color: #329FDB;
	font-weight: bold;
    padding: 0 0 0 0;
}
.bigredtitle{
    font-size: 36px;
    line-height: 44px;
	color: #aa2e00;
    padding: 12px 0 0 0;
}
.redtitle{
    font-size: 29px;
    line-height: 32px;
	color: #aa2e00;
	font-weight: bold;
    padding: 0 0 0 0;
}
.darkredtitle{
    font-size: 30px;
    line-height: 32px;
	color: #AD0002;
    padding: 0 0 0 0;
}
.smallbrowntitle{
    font-size: 22px;
    line-height: 28px;
	color: #68520a;
	font-weight: bold;
    padding: 0 0 0 0;
}
.smallyellowtitle{
    font-size: 24px;
    line-height: 28px;
	color: #FEFF5B;
    padding: 0 0 0 0;
}
.bluetitle{
    font-size: 28px;
    line-height: 34px;
	color: #007aa4;
    padding: 0 0 0 0;
}
.whitetitle{
    font-size: 32px;
    line-height: 38px;
	color: #ffffff;
    padding: 0 0 0 0;
}
.whitelist{
    font-size: 24px;
    line-height: 29px;
	color: #ffffff;
    padding: 0 0 0 0;
}
.bigwhitetitle{
    font-size: 37px;
    line-height: 43px;
	color: #ffffff;
    padding: 0 0 0 0;
}
.programtitle{
    font-size: 26px;
    line-height: 31px;
	color: #faf4b6;
	font-weight: normal;
    padding: 0 0 0 0;
}

.mission{
    font-size: 20px;
    line-height: 31px;
    color: #59595b;
}
.whitemission{
    font-size: 20px;
    line-height: 31px;
    color: #ffffff;
}

.thumb{
	position: relative;
	z-index: 100;
}
.thumb:hover{
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
	width: 250px;
	height: 250px;
	position: relative;
	z-index: 200;
}

/* Photo Gallery */
	
.imagecontainer{
	display: inline-block;
	width: 220px;
	height: auto;
	margin: 0 auto;
	clear: none;
    }

.photocontainer{
	      display: block;
          width: 100%;
		  float: none;
		  text-align: center;
		  margin: 0 auto;
    }

.photocontainer .photocaption{
          font-size: 12px;
		  line-height: 14px;
          margin: 8px 0;
	      padding: 0;
    }

.photocontainer .photocaptionwhite{
          font-size: 12px;
		  line-height: 14px;
          margin: 8px 0;
	      padding: 0;
	      color: #ffffff;
    }

.photocontainer img{
    margin: 12px 0;
	padding: 0;
    }

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

}

@media screen and (min-width: 700px) {
   .ContentColumn1{
	   display: inline-block;
	   width: 48%;
	   margin: 0;
	   clear: none;
   }
   .ContentColumn2{
	   display: inline-block;
	   width: 48%;
	   margin: 0;
	   clear: none;
   }
   .ContentColumn1 img{
	   height: auto;
       max-width: 530px;
   }
   .ContentColumn2 img{
	   height: auto;
       max-width: 530px;
   }
}

@media screen and (min-width: 800px) {
	

   .ImageRightColumn{
	   display: block;
       width: 314px;
   	   clear: none;
       position: absolute;
       top: 0;
       left: 0;
   }
   .VideoContainerRight{
	   display: block;
       width: 392px;
	   text-align: center;
	   float: right;
	   clear: none;
	   margin-left: 12px;
   }
   .VideoContainerLeft{
	   display: block;
       width: 392px;
	   text-align: center;
	   float: left;
	   clear: none;
	   margin-right: 12px;
   }
}

@media screen and (min-width: 900px) {


}

@media screen and (min-width: 1000px) {


}

@media screen and (min-width: 1100px) {

}

@media screen and (min-width: 1200px) {

}