/* CSS Document */
/*
COLORS
Red: #DE4E2C
Dark Blue: #514E6F
Light Blue: #E4E7EF

*/

html, body{
	
	margin: 0;	
	background-color: #E8ECF2;
	background: linear-gradient(#FFF, #E8ECF2);
	background-attachment: fixed;
	font-family: "Open Sans" !important;
}
img{
	border: none;	
}
h1{
	color: #DE4E2C;
}
a{
	color: #514E6F;	
}
a:hover{
	color: #DE4E2C;
}


/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
.contain{
    max-width: 1075px;/*Container width here*/
    margin-right: auto;
    margin-left: auto;
    
}
.contain_header{
    min-width: 1075px;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
.flex{
	display: flex;
}
.flex_even > *{
	flex-grow: 1;
	flex-basis: 0;
}
ul.navList{
     padding: 0;
     margin: 0;
     list-style: none;
}
     ul.navList li a{
             text-decoration:  none;
        }
.inside{
    padding: 1em;   
}
.vh{  
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.alert{
	background-color: #BC2B33;
	padding: 0.5em;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	
}
#container{
	width: 960px;
	margin: auto;	
	background-color: #514E6F;

}
	#header{
		max-height: 120px;
		background-color: #514E6F;
	    padding-bottom: 1em;
	}
#header .contain{
    background-image: URL('/images/logo.jpg');
	background-repeat: no-repeat;
    
}
		#login{
			float: right;	
			color: #FFF;
			text-align: center;
			padding: 10px;
		}
			#login h2{
				font-size: 1.5em;
				margin: 0;
			}
			#login a{
				color: #FFF;
				font-size: 12px;	
			}
			#login input{
				margin: 0 0 5px 0;	
			}
	#main{	
		
	}
		#aside{
			width: 13%;
			float: left;
			color: #FFF;
			padding: 0 1%;
			font-size: 11px;
			font-weight: bold;
			margin: 120px 0 0 0;
		}
			.loanButton {
				background: #D44221;
				border-radius: 5px;
				color: #FFF;
				display: block;
				font-size: 16px;
				padding: 5px;
				text-align: center;
				text-decoration: none;
			}
				.loanButton:hover {
					background: #FFF;
				}
		#banner {
			width: 814px;
		}
		#content{
			background-color: #FFF;
			width: 85%;
			float: right;
			border-radius: 89px 0 0 0;
			color: #555;
		}
		.contentMargin{
			margin: 40px 10px 40px 40px;
			min-height: 400px;
		}
		.news_title{
			font-weight: bold;
			font-size: 1.5em;
			margin-top: 1em;	
		}
	#bottom{
		background-color: #A7B0C8;
		background-image: -webkit-gradient(
			linear,
			left top,
			left bottom,
			color-stop(0, #E4E7EF),
			color-stop(1, #A7B0C8)
		);
		background-image: -o-linear-gradient(bottom, #E4E7EF 0%, #A7B0C8 100%);
		background-image: -moz-linear-gradient(bottom, #E4E7EF 0%, #A7B0C8 100%);
		background-image: -webkit-linear-gradient(bottom, #E4E7EF 0%, #A7B0C8 100%);
		background-image: -ms-linear-gradient(bottom, #E4E7EF 0%, #A7B0C8 100%);
		background-image: linear-gradient(to bottom, #E4E7EF 0%, #A7B0C8 100%);
		min-height: 150px;	
	}
	#bottom h4{
		text-align: center;	
		color: #DE4E2C;
		font-size: 1.5em;
		margin: 0.5em 0;
	}
		.bottomBox{
			float: left;
			width: 20%;
		}
		.bottomBox a{
			margin: 0;
			list-style: none;
			color: #000066;
			text-decoration: none;
		}
		.bottomBox ul{
			padding: 0 15px 20px;
			margin: 0;
			list-style: none;
		}
	
	#footer{
		min-height: 50px;	
		padding: 1em;
		color: #FFF;
		font-size: 0.65em;
	}
		.ncua{
			float: left;
			width: 50%;
		}
			.ncua img{
				float:left; 
				margin: 0 10px 0 0;	
			}
			
			


	/****************/
	/*****RATES******/
	/****************/
		#rates_container{
			
		}
		.rates_effective{
			margin: 0px 0px 10px 0px;
			clear: both;	
		}
		.rates_nav{
			clear: both;	
		}
		a.rates_button{
			margin-right: 20px;
			display: block;
			float: left;
			padding: 1em;
			background-color: #DE4E2C;
			border-radius: 10px;
			color: #FFF;
			text-decoration: none;
		}
		a.rates_button:hover{
			background-color: #514E6F;
		}
		.rates_table{
			min-width: 80%;	
			border-collapse: collapse;
		}
		.rates_header{
	        font-size: 1.5em;
			font-weight: bold;
			color: #514E6F;
			padding-top: 1em;

		}
		.rates_title{
			font-weight: bold;
			font-size: 1em;
			color: #514E6F;
		}
		.rates_bold{
			font-weight:bold;
		}
		.rates_notes{
			font-size: 0.75em;
			font-style: italic;
		}
		td.rates_subheader{
			font-weight:bold;
			color: #DE4E2C;
			font-size: 1.1em;
			padding-top: 2em;
		}
		.rates_linespace{
		}
		.rates_aRow{
			background-color: #E4E7EF;
		}
		.rates_standard{
			padding: 5px;	
			
		}
	/****************/
	/******News******/
	/****************/
		.news_title{
			font-weight: bold;
			margin: 1em 0;	
		}
		.news_title p{
			margin: 0;	
			display: inline;
		}
		.news_details{
			
		}

/********************************/
/*******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: #514E6F;
		border: 5px solid #FFF;
		border-radius: 10px;
		box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
		color: #FFF;
		margin: 120px 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 {
		text-decoration: none;
	}
	#extDis .closeBtn, #extDis a.continueBtn {
		background-color: #DE4E2C;
		color: #FFF;
		display: inline;
		font-weight: bold;
		margin: 10px 20px 0px 0px;
		padding: 10px 20px;
		border-radius: 10px;
		cursor: pointer;
		text-decoration: none;
	}