/*RESETS*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
html,body{
    margin: 0;
    padding:  0;
	font-family: "Open Sans" !important; 
}
body{
   font-size: 16px; /*Base font here*/ 
}
img{
    border: none;
    display:  block;
}


/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
h1{
	padding: 12px;
	color: #000;
	font-size: 35px;
	text-decoration: none;
}
h2{
	/*background-color: #336C7E;*/
	padding: 10px;
	color: #336C7E;
	font-size: 22px;
	text-decoration: none;
	}
h3{
	font-size: 25px;	
	text-decoration: none;
	}
h4{
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	}
.contain{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
.vh{  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.pageTitle {
	color: #000;
}

/*MAIN LAYOUT*/
header{
    background-color: #FFF;
    position: relative;
}

    #logo{
        width: 25%; 
        float: left;
		padding: 1em;
    }  
        #logo img{
            margin: auto;
        }
	#topNav{
		/*position: absolute;*/
		margin-top: 0;
		/*right: 14%;*/
		padding: 0;
		list-style: none;
		float: right;
		 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#63812b+0,346d7e+51,6da6b1+100 */
		background: #355F3C; /* Old browsers */
	}
	#topNav:after{
		content: "";
		clear: both;
		display: table;
	}
	#topNav li{
		float: left;	
	}
		#topNav a{
			color: #FFF;
			display: block;
			text-decoration: none;
			padding: 0.1em 1em;
			font-size: 1.5em;
			font-weight: bold;
		}
    nav{
       background-color: #EEE9D9;
	   border-bottom: #8CC1D0 solid 10px;
    }
	#menuBtn,#loginBtn{
		border: 0;
		background-color: #63812B;
		color: #FFF;
		width: 50%;
		font-weight: bold;
		font-size: 1.5em;
		display: none;
		padding: 0.5em;
		float: right;
	}
	/*MOBILE LOGIN*/
		#loginBtn{
			background-color: #A6B786;
		}
		#loginCancel {
			background-color: #346d7e;
			display: none;
			padding: 0.1em;
			text-align: center;
			cursor: pointer;
			font-size: 0.65em;
			color: #FFF;
			border: 0;
			width: 100%;
			
		}
     
#main{
    position: relative;
	
}
	#main > .contain{
		position: relative;	
	}
	#main .contentPage{
		margin-top: 2em;
		width: 68%; 
		float: right;
		min-height: 700px; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee9d9+0,eee9d9+100&1+37,0+86 */
		background: -moz-linear-gradient(top, rgba(238,233,217,1) 0%, rgba(238,233,217,1) 37%, rgba(238,233,217,0) 86%, rgba(238,233,217,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(238,233,217,1) 0%,rgba(238,233,217,1) 37%,rgba(238,233,217,0) 86%,rgba(238,233,217,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(238,233,217,1) 0%,rgba(238,233,217,1) 37%,rgba(238,233,217,0) 86%,rgba(238,233,217,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee9d9', endColorstr='#00eee9d9',GradientType=0 ); /* IE6-9 */
	}
	#main h1{
		background: #355F3C;
		color: #FFF;
		text-shadow: 5px 5px 5px rgba(0,0,0,0.8);
		padding: 0 1em;
		margin: 0;
	}
	#main .insideContent{
		padding-top: 1em;
			
	}
	
		#main .secondary{
			padding: 1em;
			float: right;
			width: 67%;
   			min-height: 550px;
    		background-color: #F8F7F2;
			margin-bottom: 25px;
			
			
}

			
		
    aside{
        position: absolute;
        z-index: 2;
        width: 30%;
        top: 0;
        left: 10px;
        height: 100%;
    }
	
	#olb{
		background-color: rgba(140, 193, 208, 0.8);
		margin-top: .5em;
		padding: 0.75em;
		border-radius: 20px;
		color: #000;
	}
		#olb{
			font-size: 2.5em;	
		}
		#olb a{
			font-size: 0.75em;
			text-decoration: none;
			color: #FFF;
			display: block;
		}
		#sideInfo{
			margin-top: 1em;
		}
	
    #banner{
    }
	
	
	#secondary{
    }
	
	
	
    
#btmBoxes{
}
    .box{
        float: left;
        width: 29.3%;
		border-radius: 40px;
		border: 5px #EEE9D9 solid;
		margin: 2%;
		overflow: hidden;
		box-shadow: 2px 2px 15px rgba(0,0,0,0.4);
		text-decoration: none;
		display: block;
	
    }
	.box span{
		display: block;
		text-align: center;	
		padding: 0.25em 0;
		background-color: #FFF;
		font-weight: bold;
		font-size: 2em;
	}
	.box img{
		width: 100%;
	}
    /*box colors so we can see them*/
        #box1{
         background-color: #638129;   
		 color: #000;
        }
        #box2{
         background-color: #346D7E;   
		 color: #000;
        }
        #box3{
         background-color: #6DA6B1;
		 color: #000;
        }


footer{

    
}
	#rn{
		background: #336C7E;
		color: #FFF;
		font-size: 1.5em;
		/*padding: 0.25em;*/
	}
	
	#rn a {
		color: #fff;	
	}
	
	#rn .col{
		float: right;
	}
	#address{
		background-color: #638129;
		color: #FFF;
		font-weight: bold;
		font-size: 1.5em;
		padding: 1.5em;
	}
	#footerLogos{
		padding: 1em 0;	
	}
		#footerLogos img{
			float: left;
			padding: 10px;
			clear: both;
			color: #fff;	
		}
	footer .col{
		width: 50%;
		float: left;
	}
	
		.footerText{
		color: #fff;
	}
	
	

	
			/*Rates*/

				#rates_container{
					
				}
				.rates_effective{
					clear: both;	
				}
				.rates_nav{
					clear: both;
					display: block;
					text-align: center;
				}
				.rates_button{
					background: #8AB7C0;
/*					color: #FFF;*/
					color:#000;
					padding: 5px;
					text-decoration: none;
				}
				.rates_table{
					width: 100%;
					border-collapse: collapse;
				}
				.rates_header{
					font-weight: bold;
					font-size: 18px;
					
				}
				.rates_title{
					background-color: #A1CBD7;
				}
				.rates_bold{
				}
				.rates_notes{
					font-size: 14px;
					font-style: italic;
				}
				.rates_subheader{
				}
				.rates_linespace{
				}
				.rates_aRow{
					background: #D1D8C1;
				}
				.rates_standard{
					
				}
			/*News*/
				.news_title{
					font-weight: bold;
					margin: 1em 0;	
				}
				.news_title p{
					margin: 0;	
					display: inline;
				}
				.news_details{
					
				}
		#button{
		background-color: #336C7E;
		height: 40px;
		border-radius: 8px; 
		padding: 5px;
		margin: 20px 0 0 30px;
	    text-shadow: 2px 2px #000;
		box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
	}
	
	#button a{
		color: #fff;
	}
	
	
/********************************/
/*******3rd PARTY LEAVING********/
/********************************/

	#extDis {
		display: none;
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
		z-index: 1000;
	}
	#extDis h2{
		text-align: center;
	}
	
	#extDis .extDisMsg {
		background-color: #6DA6B1;
		border: 5px solid #FFF;
		border-radius: 10px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
		color: #FFF;
		margin: 2em auto;
		padding: 2em;
		position: relative;
		text-align: left;
		width: 90%;
		font-size: 1.1em;
		line-height: 1.1em;
	}
	#extDis .extDisMsg p{
		padding: 0 0 20px 0;
	}
	#extDis .extDisBg {
		position: absolute;
		width: 100%;
		height: 100%;
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	}

	#extDis a.continueBtn:hover,#extDis a.continueBtn:focus,#extDis a.closeBtn:focus {
		background-color: #346D7E;
		color: #FFF;
		
	}
	#extDis a.closeBtn, #extDis a.continueBtn {
		background-color: #FFF;
		color: #381404;
		display: inline-block;
		font-weight: bold;
		margin: 10px 20px 0px 0px;
		padding: 10px 20px;
		border-radius: 10px;
		cursor: pointer;
		text-decoration: none;
	}
	
/********************************/
/************BACK TO TOP********/
/********************************/
#btt{

    border-radius: 5px;
    bottom: 10px;
    color: #346D7E;
    display: none;
    font-size: 3em;
    opacity: 0.6;
    text-shadow: 1px 1px 8px rgba(255,255,255,1);
    position: fixed;
    right: 10px;
    text-align: center;
	cursor: pointer;
	z-index: 30;
}

		#Big {
			margin: 10px 0 3%;
			width: 400%;
		}
			.bigButton {
		background: #63812b; /* Old browsers */
		background: -moz-linear-gradient(left, #63812b 0%, #346d7e 51%, #6da6b1 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #63812b 0%,#346d7e 51%,#6da6b1 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #63812b 0%,#346d7e 51%,#6da6b1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63812b', endColorstr='#6da6b1',GradientType=1 ); /* IE6-9 */

				box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
				border-color: none;
				border-radius: 8px;
				color: #FFFFFF;
				float: left;
				height: 70px;
				margin: 0 1%;
				padding: 20px;
				text-align: center;
				text-decoration: none;
				font-size: 24px;
				font-weight:bold;
				width: 255px;
			}




.generalButton{
	background-color: #07284C;
    height: 40px;
    width: 195px;
    border-radius: 8px;
    padding: 12px;
    margin: 20px 0 0 30px;
	color: #fff;
	text-decoration: none;

}



/********************************/
/************ CONTRAST BUTTON ********/
/********************************/

#contrast_btn{
    position: absolute;
    top: 0;
    margin-left: -400px;
    float: left;
    color: #FFF;
    cursor: pointer;
    background-color: #364A38;
    padding: 0.5em;
}



.hoverr{
	position: absolute;
	left: 7.7%;
	bottom: 19.4%;
	color: white;
	font-size: 4.5vmin;
	cursor: pointer;
}
.hoverr:hover{
	text-decoration: underline;
}
.login-sec{
	 vertical-align: bottom;
	 display:inline;
}
.play-store-icon{
	 width: 15px !important;
    vertical-align: text-bottom;
	 display:inline;
}
@media only screen and (min-width: 0px) and (max-width: 740px) {
    #topNav {
        padding: 8px 0px;
        font-size: 12px;
    }
}