/*COLORS

*/

/*RESETS*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
textarea,input,label
{ 

 font-family: "Open Sans" !important; 
}
html,body{
    margin: 0;
    padding:  0;
	font-family: "Open Sans" !important; 
}
body{

   font-size: 16px; /*Base font here*/ 
	color: #666;
}
img{
    border: none;
    display:  block;
}


/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
.contain{
	
    margin-right: auto;
    margin-left: auto;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
.contain_content{
	float: right;
    width: calc(100% - 278px);
}
ul.navList {
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.navList li a {
	text-decoration: none;
}
.inside{
    padding: 1em 3em;  
}

/*LAYOUT STYLES*/
.blurb {
    min-height: 200px;
    background-color: #670406;
    color: #FFF;
    padding: 3em 0em;
    background: linear-gradient(90deg, rgba(243, 111, 31, 1.0), rgba(243, 111, 31, 0.0) ), url(/_images/banner25.jpg);
    background-attachment: fixed;
    background-size: cover;
    font-size: 1.25em;
    position: relative;
    background-position: center;
}

body{

}
header{
   position: absolute;
    width: 100%;
	z-index: 50;
	top: 0;
}
#logo{
	width: 310px;
	padding: 1em;
	border-right: solid rgba(109, 109, 109, 0.5) 32px;
	position: fixed;
}
    #topNav{
        background-color: rgba(117, 190, 62, 0.75);
        text-align: right;

		float: right;
    }
        #topNav ul{
            float: right;
        }
            #topNav ul li{
                float: left;
            }
                #topNav ul li a{
                    padding: 0.5em;   
                    color: #FFF;
                    display: block;
                }
#main{
    /*margin-top: 1em;
    margin-bottom: 1em;*/
    margin: 0 auto;
	position: relative;
}
    aside{
        width: 310px;
		
		top: 92px;
		position: fixed;
		z-index: 50;
		height: 100%;
		padding: 0.75em;
		border-right: solid rgba(109, 109, 109, 0.5) 32px;
    }
.stick{
	position: sticky;
	top: 5px;
}
        #olb{
            
			padding: 0.5em;
        }
		#olb h1{
			margin: 0;
		}
		nav .fa{
			font-size: 1.5em;
			padding: 0 10px 0 0;
		}
        nav{
               
           
        }
            
            nav ul li{
            
            }
                nav ul li a{
                    padding: 1em;
                    display: block;
                    color: #F36F1F;
                }

    #mainContent{
        
    }

    #banner{
    
 	
    }
    #mainContent{
        background-color: #FFF;
        
    }
        #frontPageLeft{
            float: left;
            width: 70%;
        }
            #frontPageLeft h3{
                margin: 1em 0 0 0;
            }
            #fronPageLeft article{
                margin: 0 0 1em 0;
            }
        #frontPageRight{
            float: right;
            width: 30%;
        
            color: #FFF;
        }
		#frontPageRight {
				float: right;
				width: 30%;
				padding: 0 2em; 
			}
				#frontPageRight table {
					width: 100%;
			
					text-align: center;
				}
				#frontPageRight table td {
					background-color: #FFF;
					padding: 1em 0;
				}
.promo_boxes{
	margin: 1em auto;
	display: flex;
}
.promo_text{
	margin: 0 1em 1em;
	bottom: 0; 
	position: absolute;
	background:  rgb(255, 140, 0,0.8);
	padding: 1em;
	color: #FFF;
	
}
    .box{
      
  		flex-grow: 1;
		flex-basis: 0;
		margin: 0.5em;
        overflow: hidden;
        min-height: 500px; /*Temp Style: Remove when you add content to box*/
		position: relative;
    }

.box img{
	position: absolute;
}	
    /*box colors so we can see them*/
        #box1{
         background-color: #000;   
			color: #fff;
        }
        #box2{
         background-color: #CCC;   
        }
        #box3{
         background-color: #FFF;   
        }


footer{
    background-color: #73BD3E;
	color: #FFF;
	position: relative;

}
		#logos{
			display: flex;
			padding: 2em 0;
		}
		#logos > *{
				padding: 0 1em;
				flex-grow: 1;
			}
		#logos img{
			max-height:100px;
			padding: 0 10px;
		}


.tethered-input, .tethered-button{
	 font-family: "Open Sans" !important; 
}
    