/*COLORS

*/

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


h1{
	color: #830D13;
	}
h2{
	color: #3a5599;
	}
h3{
	color: #252525;
	}
h4{}

/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.img_height{
	height:320px !important;
}

.cf: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;
}
.contain{
    /*width: 1000px;*//*Container width here*/
	width: 100%;
	max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
ul.navList{
     padding: 0;
     margin: 0;
     list-style: none;
	 display: flex;
	 flex-wrap: wrap;
}
     ul.navList li a{
             text-decoration:  none;
        }
.redBkgrnd{
	background: rgb(128,11,17); 
	background: -moz-linear-gradient(top, rgba(128,11,17,1) 0%, rgba(164,37,43,1) 33%, rgba(185,44,54,1) 69%, rgba(162,43,51,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(128,11,17,1) 0%,rgba(164,37,43,1) 33%,rgba(185,44,54,1) 69%,rgba(162,43,51,1) 100%); 
	background: linear-gradient(to bottom, rgba(128,11,17,1) 0%,rgba(164,37,43,1) 33%,rgba(185,44,54,1) 69%,rgba(162,43,51,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#800b11', endColorstr='#a22b33',GradientType=0 ); 
	position: relative;
		 	}
.redShadowBtm{
	-webkit-box-shadow: 0px 6px 5px 0px rgba(211,81,98,.5);
	-moz-box-shadow: 0px 6px 5px 0px rgba(211,81,98,.5);
	box-shadow: 0px 4px 5px 0px rgba(211,81,98,.5);}

.blueShadowBtm{
	-webkit-box-shadow: 0px 6px 5px 0px rgba(131,189,233,.5);
	-moz-box-shadow: 0px 6px 5px 0px rgba(131,189,233,.5);
	box-shadow: 0px 6px 5px 0px rgba(131,189,233,.5);
	}


.blueBkgrnd{
	background: rgb(34,53,114); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(34,53,114,1) 4%, rgba(56,84,152,1) 32%, rgba(134,162,202,1) 57%, rgba(134,162,202,1) 87%, rgba(88,107,156,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(34,53,114,1) 4%,rgba(56,84,152,1) 32%,rgba(134,162,202,1) 57%,rgba(134,162,202,1) 87%,rgba(88,107,156,1) 100%); 
	background: linear-gradient(to bottom, rgba(34,53,114,1) 4%,rgba(56,84,152,1) 32%,rgba(134,162,202,1) 57%,rgba(134,162,202,1) 87%,rgba(88,107,156,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#223572', endColorstr='#586b9c',GradientType=0 ); 
	position: relative;
}


	.shine{
		position: relative;	
	}
	.shine:after{
		background: -moz-linear-gradient(top, rgba(255,252,252,0) 1%, rgba(255,252,252,0) 2%, rgba(255,252,252,0.77) 22%, rgba(255,252,252,0.85) 24%, rgba(255,255,255,0) 100%); 
		background: -webkit-linear-gradient(top, rgba(255,252,252,0) 1%,rgba(255,252,252,0) 2%,rgba(255,252,252,0.77) 22%,rgba(255,252,252,0.85) 24%,rgba(255,255,255,0) 100%); 
		background: linear-gradient(to bottom, rgba(255,252,252,0) 1%,rgba(255,252,252,0) 2%,rgba(255,252,252,0.77) 22%,rgba(255,252,252,0.85) 24%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffcfc', endColorstr='#00ffffff',GradientType=0 ); 
		border-radius: 5px;
		content: "";
		height: 7px;
		left: 1%;
		position: absolute;
		top: 2px;
		width: 98%;
		z-index: 8;
		}
/*MOBILE LOGIN*/
		#loginBtn{
			background-color: #666;
			color: #FFF;
			cursor: pointer;
			display: none;
			border: 0;
		}
		#loginCancel {
			background-color: #666;
			display: none;
			padding: 0.5em;
			text-align: center;
			cursor: pointer;
		}
/* MAIN LAYOUT */
header{
	background-image:url(../images/flag.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
    #logo{
        float: left;
		padding: 10px 0;
		width: 75%;
    }
		#logo img{
			margin: auto;
			width: 50%;
			}	
    #olb{
        background-color: #FFF;
        width:  25%;
        float: right;
		text-align: center;
		border: 2px solid #515151;
    }
		.OLB{font-size: 1.6em; }

.olb {color: #FFF; margin: 0 auto; padding: 10px; text-align: left;}
				#loginCancel {
					background-color: #336195;
					display: none;
					padding: 0.25em;
					text-align: center;
					cursor: pointer;
					font-size: 1.1em;
					color: #FFF;
					border: 0;
					width: 100%;
					
				}

#main{
	min-height: 50vh;
}


#main a{
	color: #A7262D;
}
a.content_btn:hover,a.content_btn:focus{
	background-color: #3a5599;
	border: 3px #3a5599 solid;	
	border-radius: 10px;
	padding: 0.5em;
	color: #FFF !important;
	display: inline-block;
	text-decoration: none;
}
a.content_btn{
	color: #A7262D;
	background-color: #FFF;
	border: 3px #A7262D solid;	
	border-radius: 10px;
	display: inline-block;
	padding: 0.5em;
}
#bar{
	border: solid 1px #3D538E;
	margin: 20px 0;
	}
/*   nav{
        -webkit-box-shadow: 0px 5px 5px 0px rgba(161,43,51,1);
			-moz-box-shadow: 0px 5px 5px 0px rgba(161,43,51,1);
			box-shadow: 0px 5px 5px 0px rgba(161,43,51,1);

		
    }*/
    #mainContent{
        float: right;
        width: calc(100% - 275px);
		color: #20325b;
        padding-bottom: 3em;
    }
		.checking_table{
			text-align: center;
		}
		.checking_table td{
			padding: 5px;
			font-size: 0.9em;
		}
		.checking_table td:first-child{
			font-weight: bold;
			background-color: #DDD;
		}
		.checking_table .fa{
			font-size: 2em;
			color: #9E2127;
			
			display: block;
		}
		.checking_table tr:nth-child(odd){
			background-color: #EEE;	
		}
		
		
	        #banner{

            background-color: #CCC;
            margin: 1.5em 0 1em 0;
            
            
        }
        #btmBoxes{
			padding: 8px;
			border-radius: 10px;
            
            
        }
            #btmBoxes .box{
				background: rgb(230,230,230); 
				background: -moz-linear-gradient(top, rgba(230,230,230,1) 23%, rgba(255,255,255,1) 54%); 
				background: -webkit-linear-gradient(top, rgba(230,230,230,1) 23%,rgba(255,255,255,1) 54%); 
				background: linear-gradient(to bottom, rgba(230,230,230,1) 23%,rgba(255,255,255,1) 54%); 
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ffffff',GradientType=0 ); 
				float: left;
				font-family: "Open Sans";
				margin-right: 1%;
				min-height: 200px;
				border-radius: 10px;
			}
			#btmBoxes h1{
				color: #000;
				font-family: "Open Sans";
				font-size: 1.8em;
				margin: .25em;
				text-align: center;
				}
					#btmBoxes ul{
						padding-left: 1.6em;
						}
							#btmBoxes li{
								list-style: url(../images/icons/star.png);
							}
			#box1{
				width: 33%;
				}
			#box2{
				width: 32%;
				padding: 0.5em;
				}
					#box2 ul{
						padding: 0;
						margin: 0;
					
						
						}
					#box2 ul li{
						list-style: none;

						
						}
						#box2 a{
							text-decoration: none; 
							color: #AD2830;
							line-height: 3em;
							padding: 0 0 10px 0;
							display: block;
							font-size: 0.9em;
							font-weight: bold;
							
						}
						#box2 a:after{
							content: "";
							clear: both;
							display: table;
						}


					#box2 img{
						width: 100%;
						float: left;
						}
					#box2 span.icon_btn{
						float: left; 
						margin-right: 10px;
						width: 55px;
						display: block;
						padding: 3px;
						border-radius: 5px;
						
					}
			#box3{
				width: 33%;
				padding: 10px;
				text-align: center;
				}
				#box3 strong{
					font-size: 1.4em;	
				}
				#box3 a{
					color: #000;
					text-decoration: none;
					}
				.highlight{
					color: #A9272E;
					}
            #btmBoxes .box:last-child{
                margin-right: 0;
            }
    aside{
        width: 250px;
        float: left;
        margin: 1em 0;
    }
        #infoBox{
            margin: 0.5em;
			color: #FFF;
			border: solid 2px #AE2830; 
			text-align: center;
        }
			#infoBox h2{
					color: #FFF;
					width: 100%;
					margin-top: 0;
					padding: 10px;
					font-size: 18px;
					font-family: "Open Sans";
				}
	            #infoBox table{
    	            width: 100%;
					color: #000;
					font-size: 12px;   
        	    }
					#infoBox a{
						color: #AE2830;
						text-decoration: none;
						}
        #sideNav{
			display: block;
			margin-left: 5px;
        }
            #sideNav ul li{
				border-radius: 5px;
				color: #fff;
				font-size: 1em;
				margin-bottom: 18px;
				padding-left: 10px;
				width: 98%;
	            }
				/* #sideNav li img{ 
					float: left; 
					height: 40px;
					padding: 5px;
					} */
			#sideNav ul li:after{
					box-shadow: 0px 6px 5px 0px rgba(131,189,233,.5);
					}
                #sideNav ul li a{
                    display: block;
                    padding: 0.5em 0.5em;
					color: #FFF;   
                    text-decoration: none;
                }  
				#sideNav ul li a span{
					font-size: 1.5em;
				}
    footer{
		font-size: 0.9em;
		padding: 1em;
		color: #FFF;
    }
		footer img{
			float: left;
		}
		footer a{
			color: #FFF;
			font-weight: bold;
		}
		.ncua_text{
			width: 70%;	
			float: left;
			padding: 0 0.5em;
		}
		.addressInfo{
			width: 30%;	
			float: left;
			padding: 0 0.5em ;
		}
			
		.secondaryPg{
			margin-bottom: 10px;
			padding: 15px;	
			color: #333;	
		}
		.secondaryPg a{
			color: #94191F;
		}
	/****************/
	/*****RATES******/
	/****************/
		#rates_container{
			
		}
		.rates_effective{
			clear: both;	
		}
		.rates_nav{
			clear: both;	
		}
		#rates_container a.rates_button{
			margin: 0 0.5em 0.5em 0;
			background-color: #9b1724;
			color: #FFF;
			text-decoration: none;
			padding: 0.5em;
			font-weight: bold;
			display: block;
			float: left;
			
		}
		#rates_container  a.rates_button:hover{
			background-color: #3A5599;
		}
		
		
		.rates_table{
			width: 100%;
			border-collapse: collapse;
		}
		.rates_header{
	        font-size: 1.5em;
			font-weight: bold;
			color: #9b1724;
			padding: 1em 0 0 0;

		}
		.rates_title{
			font-weight: bold;
		}
		.rates_bold{
			font-weight: bold;
			
		}
		.rates_notes{
			font-size: 0.75em;
			font-style: italic;
		}
		.rates_subheader{
			padding-top: 1em;
			font-size: 1.5em;
			
		}
		.rates_linespace{
		}
		.rates_aRow{
			background-color: #EEE;
		}
		.rates_standard{
			
		}
	/****************/
	/******News******/
	/****************/
		.secondaryPg .news_title{
			font-weight: bold;	
			font-size: 1.5em;
			padding: 1em 0 0 0;
			color: #3a5599;
			margin: 0 0 0.25em;
			clear: both;
			border-bottom: #EEE solid 3px;
		}
		.news_title{
			font-size: 10px;
			color: #000;
			font-weight: bold;
		}
		.news_title p{
			margin: 0;	
			display: inline;
		}
		.news_details{
			
		}
		
	/*accordian*/
            
            .ac_btn{
                padding: 0.25em;
                cursor: pointer;
                margin-top: 1px;
				border-bottom: #EEE 3px solid;
            }
			.ac_btn:after{
				content: "+";
				font-size: 1.5em;
				padding: 0.3em 0.5em;
				display: inline-block;
		
			}
			.ac_btn h2{
				clear: both;
				float: left;
				font-size: 1em;
				
			}
            .ac_btn.open{
              
            }
			.ac_btn.open:after{
				content: "-";
			}
            
            
            .ac_collapsible{
                overflow: hidden;
                transition: max-height 0.5s ease 0s;
                max-height: 0px;
                box-shadow: inset 1px 1px 5px rgba(0,0,0,0.3);
				clear: both;
            }
            .ac_collapsible.open{
                max-height: 1200px;
            }
            
            .ac_collapsible .inside{
                padding: 1em;	
            }
	/********************************/
/*******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: #B52B34;
		border: 5px solid #FFF;
		border-radius: 10px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
		color: #FFF;
		margin: 3em auto;
		padding: 2em;
		position: relative;
		text-align: left;
		width: 80%;
		font-size: 0.80em;
	}
	#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: #3A5599;
		color:#FFF;
		
	}
	#extDis a.closeBtn, #extDis a.continueBtn {
		background-color: #FFF;
		color: #381404;
		display: inline;
		font-weight: bold;
		margin: 10px 20px 0px 0px;
		padding: 10px 20px;
		border-radius: 10px;
		cursor: pointer;
		text-decoration: none;
	}

#enrollButton {
	color: #c01d2e;
	margin: 10px 0 5px;
	display: block;
	
}

#enrollButton:hover {
	color: #00448b;
}

#olb #address {
	margin: 10px 0;
}

	/********************************/
	/************BACK TO TOP********/
	/********************************/
	#btt{
		background-color: #000;
		border-radius: 5px;
		bottom: 2em;
		color: white;
		display: none;
		font-size: 0.75em;
		opacity: 0.6;
		padding: 0.5em;
		position: fixed;
		right: 2em;
		text-align: center;
		cursor: pointer;
		z-index: 30;
	}
        
		
	.staff_box{
			float: left;
			width: 25%;
			position: relative;
			overflow: hidden;
			
			padding: 5px;
			text-shadow: rgba(255,255,255,1) 3px 3px 10px;
			min-width: 200px;
		}
			
			.staff_box p{
				position: absolute;
				bottom: 0px;
				background-color:rgba(255,255,255,0.8);
				width: 100%;
				padding: 10px;
				margin: 0;
				min-height: 4em;
				
			}
		  .staff_box img{
			  width: 100%;
			  border-radius: 20px;
		  }
		  .staff_box .nmls{
			  display: block;
			  
		  }
		  .staff_box strong{
			  display: block;
		  }
		  .staff_box .name{
			  font-size: 1.20em;
			  color: #A2242A;
			  text-decoration: none;
		  }
		  .staff_box a.name:hover{
			  text-decoration: underline;
		  }
        
		  .fontImg{
			display: inline-block;
			vertical-align: bottom;
		}