/*COLORS
Yellow: #FAE752
Dark Green: #456902 
Dark Blue: #062955
Light Blue: #2581B0
*/

/*RESETS*/
html,body{
    margin: 0;
    padding:  0;
}
html, body{ 
     font-family: "Open Sans" !important; 
 } 
Select.html,textarea,input{ 
     font-family: "Open Sans" !important; 
} 

	background-color: #F3EEF2;
	font-family: "Open Sans";
    font-size: 16px;
    font-weight: bold;
	min-height: 560px;
}
img{
    border: none;
    display:  block;
}
.alert{
	color: #FFF;font-weight: bold;background-color: #bb0400;text-align: center; padding: 1em;display: block; box-shadow: 0 0 20px rgba(255,255,255,0.5)
}
.vh{
	border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
	}
/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
.contain{
    width: 1220px;/*Container width here*/
    margin: auto;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}
h1{
	background-color: #456902;
	padding: 12px;
	color: #FFF;
	font-size: 35px;
	width: 50%;
	box-shadow: 3px 3px 3px #333333;
	}
h2{
	background-color: #7D3F42;
	padding: 10px;
	color: #FFF;
	font-size: 22px;
	width: 40%;
	box-shadow: 3px 3px 3px #333333;
	}
h3{
	color: #FAE752;
	font-size: 25px;
	text-shadow: 3px 3px 3px #333333;
	padding-left: 40px;
	}
h4{
	font-size: 20px;
	font-weight: bold;
	text-align: center;

	}
p{margin: 1.5em;}
a{color: #062955;}
a:hover{color: #FEDA30;
text-decoration: underline;}
td p,ul{
	margin-bottom: 3rem;
/*	margin: 1em .5em;*/
	}
.left{float: left;}
.right{ float: right; }
.right:after{ clear: both; }
/*MAIN LAYOUT*/
#filmOverLay{
	background-color: rgba(103, 103, 103, .5);
}
header{
    position: relative;
}
    #logo{
		margin: 0 auto;
    }  
        #logo img{
            margin: 0 auto;
        }
    nav{
/*					padding: 0.5em; 
                    display: inline-block;
					margin-left: 15px;*/
    }
      /*  nav ul{
            padding: 0;
            margin: 0;
            list-style: none;
        }
            nav li{
                float: left;
            }
                nav a{
                    padding: 0.5em; 
                    display: inline-block;
					font-size: 22px;
					color: #FFF;
					text-decoration: none;
					font-weight: bold;
					text-shadow: 2px 2px 2px #333;
					
                }*/
				nav .line{
					font-size: 35px;
					color: #000;
					padding: 0 20px;
					}
/* Style The Dropdown Button */
.dropbtn {
                    padding: 0.5em; 
                    display: inline-block;
					font-size: 22px;
					color: #FFF;
					text-decoration: none;
					font-weight: bold;
					text-shadow: 2px 2px 2px #333;
					background-color: transparent; 
					border: 0;
					cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	z-index: 500;
	
	
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #FFF;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	background-color: #102E56;
}

/* Links inside the dropdown */
.dropdown-content a {
	padding: 0.5em; 
	display: inline-block;
	color: #FFF;
	font-size: 15px;
    text-decoration: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #FAE752; color: #000; width: 88%; text-shadow: none;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	color: #FFFFFF;
}
					
#main{
    position: relative;
}
    aside{
        position: absolute;
        z-index: 2;
        background-color: #E5E5E5;
        width: 22.5%;
        top: 0;
        left: 0;
        height: 100%;
    }
	#olb{
		background-color: #7D3F42;
		min-height: 133px;
		}
	#olb h1{
		background-color: #7D3F42;
		box-shadow: none;
		color: #FFF;
		font-size: 25px;
		font-weight: bold;
		text-align: center;
		padding-top: 5px;
		margin-top: 0;
		margin-bottom:0;
		width: 88%;
		}
	p #loginBtn{margin: 0;}	
	#loginBtn{
		background-color: #FAE752;
		border-radius: 50px;
		
		width: 120px;
		margin: 10px auto;
		text-align: center;
		
		}
	/****MENU BUTTON*****/
		/****MENU BUTTON*****/
	#menuBtn,header .loginBtn{
		background-color: #7D3F42;
		display: none;
		font-weight: bold;
		padding: 0.5em 0;
		font-size: 1.5em;
		width: 50%;
		color: #FFF;
		float: left;
		text-align: center;
		cursor: pointer;
	}

	header .loginBtn a{
		color: #000;
		text-decoration: none;	
	}
	#loginBtn a{
		color: #000;
		text-decoration: none;
		margin-bottom: 5px;
	}
	p.smallLink {
		display: inline-block;
		margin: 0;
	}
	.smallLink a{
		color: #FFF;
		text-decoration: none;
		font-size: 15px;
		float: left;
		margin-left: 30px;
		}	
		.smallLink a:hover{
			text-decoration: underline;
			color: #FAE752;
			}
	#sideInfo{
		font-size: 14px;
		text-align: center;
		
		}
	#sideInfo ul{
		list-style: none;
		margin: 0;
		padding: 0;		
		}	
		#sideInfo ul li{
			border-bottom: 2px solid #FFF;
			padding: 5px 0;
			}
		#sideInfo ul li:last{
			border: none;
			padding: 5px 0;
			}	
	#sideInfo a{
		text-decoration: none;
		color: #000;
		}
		#sideInfo img {
			width: 100%;
		}	
	#sideInfo a:hover{
		text-decoration: underline;
	}
	#QL{
		border-bottom: 2px solid #FFF;
		font-weight: bold;
		padding: 10px 0;
		font-size: 20px;
		}	
    #banner{
        background-color: #BBB;
		width: 80%;
		float: right;

    }
    
#btmBoxes{
	margin-top: 20px; 
}
    .box{ 
		background-color: #FFF;
        float: left;
        width: 45%;
        min-height: 270px; /*Temp Style: Remove when you add content to box*/
		margin-left:20px;
    }
    /*box colors so we can see them*/
        #box1{
		 border-left: solid 15px #1B467F;    
        }
			#box1 h2{
				background: none;
				color: #000;
				font-size: 22px;
				width: 90%;
				box-shadow: none;
				z-index: 100;
				text-align: center;
			}
        #box2{
		 border-left: solid 15px #FAE752;  
        }
			#box2 h2{
				background: none;
				color: #000;
				font-size: 22px;
				width: 90%;
				box-shadow: none;
				z-index: 100;
				text-align: center;
				margin-left:12px;
			}

			#btmBoxes ul{
					list-style: none;
					margin: 0;
					padding: 0;
					text-align: center;
				}
				
			#btmBoxes ul li a{
				color: #000;
				display: block;
				font-weight: bold;
				padding: 10px;
				text-decoration: none;
				}
			#btmBoxes ul li a:hover{
				text-decoration: underline;
				}
        #box3{
		 border-left: solid 15px #9D6264;    
        }
			#box3 img{   
				margin: 10px auto;
        	}
			#box3 p{
				text-align: center;	
				font-size: 12px;
				margin-top: 20px;	    
	        }
.boxHeader{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    box-shadow: none;
    color: #000;
    font-size: 30px;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
#btmBoxes:after{ clear:both;}
#map{
	margin: -195px 50px 0 0;
    position: relative;
    z-index: 50;
}
footer{
    min-height: 150px; /*Temp Style: Remove when you add content to footer*/
}
#FDIC{
	float: left;
	margin: 20px 0 0 40px;
}
#btmLinks {
	font-size: 35px;
	color: #7D3F42;
	display: inline-block;
	margin: 0 50px;
	padding: 40px;
}
#btmLinks2 {
	display: none;
}
#btmLinks a{
	font-size: 22px;
	color: #000;
	text-decoration: none;
	font-weight: bold;

}
#btmLinks a:hover{
	text-decoration:underline;
	}
#EHL{
	float: right;
	margin: 20px 40px 0 0;
	}
/* CALCULATORS */
#calculators a {
	display: block; 
	background-color: #FFF; 
	color: #000;
	height: 35px;
	margin: 2px 4px 2px 0;
	padding: 2px;
	float: left;
	width: 48.5%;
	font-size: 13px;
}
#calculators a.last {
	margin: 2px 0;
	width: 49.7%;
 }
#calculators a:hover {
	background-color: #FAE752; 
	color: #000; 
}
#calculators h2 {
	display: block;
	clear: both;
	font-size: 16px;
	color: white;
	padding: 5px;
	margin-top: 16px;
	
}
	.calculatorSection {
		width: 99%;
		float: left;
		margin: 5px;
	}
	#prsnpl a{}
	#lease a{}
	#prsnfi a{}
	#retire a{}
	#invest a{}
	#home a{}
	#prsnpl {}
	#lease {}
	#prsnfi {}
	#retire {}
	#invest {}
	#home {}
	#prsnpl strong{}
	#lease strong{}
	#prsnfi strong{}
	#retire strong{}
	#invest strong{}
	#home strong{}
/********************************/
/************BACK TO TOP********/
/********************************/
#btt{
    background-color: #000;
    border-radius: 5px;
    bottom: 2em;
    color: white;
    display: none;
    font-size: 0.6em;
    opacity: 0.6;
    padding: 0.5em;
    position: fixed;
    right: 2em;
    text-align: center;
	cursor: pointer;
	z-index: 30;
}  
/********************************/
/*******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: #102E56;
		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 {
		background-color: #FAE752;
		color:#000;
	}
	#extDis .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;
	}
/********************************/
/*********What's New*************/
/********************************/
		footer{margin-top: 10px;}
		.whitebkgrnd{
			background-color: rgba(255, 255, 0255, .8);
			margin: 30px 0;
			 }
		.news_title{
			font-weight: bold;
			margin: 1em 0;
			background-color: #102E56;
			color: #FFF;
			display: block;
			font-weight: bold;
			padding: 10px;
			text-decoration: none;
	
		}
		.news_title p{
			margin: 0;	
			display: inline;
		}
		.news_details{
			
		}
/****About us images section*****/
.listStyl{
	list-style: none;
	padding: 0;
	columns: 2;
}
/****About us images section*****/


#logo {
	display: flex;
	padding: 0 7px;
}
#logo > *:last-child {
	width: 25%;
	align-self: self-end;
	margin-left: auto;
}
#logo img {
	max-width: 100%;
	height: auto;
}
@media only screen and (min-width: 0px) and (max-width: 1120px) {
@media only screen and (min-width: 0px) and (max-width: 780px) {
	#logo > *:last-child {
		width: 60% !important;
	}
	#logo:first-child img {
		width: 100%;
	}
}
}