/* @override 
	http://www.hybridwebmedia.com/clients/css/BottomNav-3C-IB.css
*/
/* = CSS Stylesheet created for Indigenous Bridges. */
/* = Created by Tony Coolidge */
/* = February 20, 2019 */

/* Fonts for this section */

.bottomnav{
	font-size: 16px;
    line-height: 24px;
    color: #ffffff;
	margin: 12px 0px 12px 0px;
}

.bottomnav a:link {color: #fffcc5;}
.bottomnav a:active {color: #000000;}
.bottomnav a:visited {color:#fff878;}
.bottomnav a {text-decoration: none;}
.bottomnav a:hover {text-decoration: underline; color: #fffcc5}

/* Bottom Nav section */

#BottomNavOuterContainer{
    width: 100%;
	background: #3e3e3e;
    overflow: hidden;
}

#BottomNavInnerContainer{
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    text-align: center;
	padding-top: 12px;
	float: none;
}

.BottomNavColumn1 {
	width: 100%;
	margin: 8px 0 8px 0;
	float: none;
	clear: both;
    }
.BottomNavColumn2 {
	width: 100%;
	margin: 8px 0 8px 0;
	float: none;
	clear: both;
    }
.BottomNavColumn3 {
	width: 100%;
	margin: 8px 0 8px 0;
	float: none;
	clear: both;
    }

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

}

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


}

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

      .BottomNavColumn1{
	   display: block;
	   width: 210px;
	   float: left;
       text-align: left;
	   margin: 0 8px 0 8px;
	   padding-left: 50px;
	   clear: none;
    }
      .BottomNavColumn2{
	    width: 210px;
		float: left;
        text-align: left;
		margin: 0 8px 0 8px;
	    padding-left: 50px;
		clear: none;
    }
      .BottomNavColumn3{
	    width: 140px;
		float: left;
        text-align: left;
		margin: 0 8px 0 8px;
	    padding-left: 50px;
		clear: none;
    }

}

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

    .BottomNavColumn1{
	   width: 250px;
    }
    .BottomNavColumn2{
	   width: 256px;
    }
    .BottomNavColumn3{
	   width: 140px;
    }
}

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

    .BottomNavColumn1{
	   width: 296px;
    }
    .BottomNavColumn2{
	   width: 300px;
    }
    .BottomNavColumn3{
	   width: 140px;
    }

}

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

    .BottomNavColumn1{
	   width: 340px;
    }
    .BottomNavColumn2{
	   width: 346px;
    }
    .BottomNavColumn3{
	   width: 140px;
    }

}

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

    .BottomNavColumn1{
	   width: 388px;
    }
    .BottomNavColumn2{
	   width: 390px;
    }
    .BottomNavColumn3{
	   width: 140px;
    }
	
}