/*COLORS

*/

/*RESETS*/
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
.styling{
	line-height:1em !important;
	font-size:16px;
	padding-left:19px;
	padding-top:7px !important;
	float:right;
}

html,body{
    margin: 0;
    padding:  0;
	font-family: "Open Sans";
}
body{
   font-size: 16px; /*Base font here*/ 
   	background-image: url(../images/background.jpg);
	background-position: center top;
	background-attachment: fixed;  /*Forground moves (RW)*/
}
img{
    border: none;
    display:  block;
}


/*LAYOUT CLASSES*/
.cf{
    clear: both;
}
.cf:after{
    content: "";
    display: table;
    clear: both;
}
.contain{
    max-width: 1100px;/*Container width here*/
    margin-right: auto;
    margin-left: auto;
	width: 100%;
}
.contain:after{
    content: "";
    display: table;
    clear: both;
}

ul.navList{
     padding: 0;
	 
     margin: 0;
     list-style: none;

}
     ul.navList li a{
             text-decoration:  none;
}
     ul.navList li a:hover{
		 color:#CCC;
}
ul.navList2{
     padding: 0;
	 
     margin: 0;
     list-style: none;

}
     ul.navList2 a{
             text-decoration:  none;
			 color:#000000; 
        }
		     ul.navList2 a:hover{
             text-decoration: underline;
			 color: white !important;
        }
				     ul.navList2 li a:hover{
             text-decoration: underline;
			 color:#FFF !important;
        }
		
		
		ul.navList3{
     padding: 0;
	 
     margin: 0;
     list-style: none;

}

     ul.navList3 li a{
             text-decoration:  none;
			 color:#ffffff;
			 padding-left:20px;
			 line-height:2.5em;
}
     ul.navList3 li a:hover{
		 color:#CCC;
		 text-decoration:underline;
}
.inside{
    padding: 1em;

	
	   
}

/*LAYOUT CLASSES*/

header{
    min-height: 150px; /*temp*/
    /*background-color: #CCC; */
}

.billpay{
	float: right;
	margin-top: -30px;
	}

	#logo{

		float: left;	
		padding: 1em 0 0 0;
 
	}
header iframe{
	width: 455px;
	height: 90px;
	float: right;
}
        #logo img{/*
            margin: auto;*/

        }
		
	    #topNav{
			float: right;   
			background-color: #CECED3;
			padding: 0.25em;
			border: 3px #FFF solid;
			border-top: none;
			border-radius: 0 0 18px 18px;
			box-shadow: 3px 3px 6px rgba(0,0,0,0.4);
			display: inline;
    }
	.showOnMobile{
		display:none;
	}
        #topNav ul li{
            float: left;  
            width: 50%;
        }
            #topNav ul li a{
                padding: 0.5em;
				font-size: 24px;  
                color: #000;/*temp*/
            }

header #OLB{
	display: none;
}
			
		#OLB {
		
			display: block;
			float: left;
			width: 260px;
	
			background-color: #CECED3;
			padding: 1em;
			border: 3px #FFF solid;
			border-radius: 18px;
			box-shadow: 3px 3px 6px rgb(0 0 0 / 40%);
	
		
	
			
	}
	
/*
				#OLB a{
					font-size: 24px;
					margin: auto;
					text-align: center;
					padding: 15px;
					color:#000000;
					text-decoration:none;
					}
					#OLB a:hover{
					color:#ffffff;
					text-decoration: underline;	
					}
*/
                     
		
nav{
    margin-bottom: 1em;/*
    margin-top: -1em;*/
}
    nav ul li{
        float: left;
        width: 24%;
        margin-right: 1.25%;
        background-color: #030133;
    }
    nav ul li:last-child{
        margin-right: 0;   
    }
        nav ul li a{
            padding: 0.5em; 
            display: block;
            color: #FFF;
        }
		
/*
****************************************************************************************************************************
                                                    DEFAULT MENU SELECTORS
****************************************************************************************************************************
*/

#loginBtn{
	/* Login in Button - Display is set to inline in the resond.css - @media (Max-width:670px;)*/
	display:none;
	color:white;
	background-color:#010066;
	text-align:center;
	padding: 0.4em;
	width:47%;
	min-width:47%;
	font-family:"Open Sans";
	font-weight:bold;
	font-size:1.6em;
	margin-right:0;
	border:0;
	border-bottom-style:none;
		position:relative;
	z-index:999;
}
#loginBtn a{
	color:#FFF;
	text-decoration:none;
}
#loginBtn a:hover{
	color:#959595;
}
#loginBtn:hover{
	color:#959595;
	cursor:pointer;
}
  /*MOBILE LOGIN*/
		#menuBtn{
	border: 0;
	background-color: #010066;
	color: #FFF;
	width:47%;
	font-family:"Open Sans";
	font-weight:bold;
	font-size:1.6em;	
	display: none;
	/*padding: 0.4em;*/
	margin-left:-1%;
	margin-right:1%;
	position:relative;
	z-index:999;
				display: none;
	width: 50%; 
	float: left;
	color: #FFF;
	text-align: center;
}
#menuBtn:hover{
	color: #959595;
	cursor:pointer;
}
		#loginCancel {
			background-color: #666;
			display: none;
			padding: 0.1em;
			text-align: center;
			cursor: pointer;
			font-size: 1.1em;
			color: #FFF;
			font-weight: bold;
			border: 0;
			position: absolute;
			top: 0;
			right: 0;
			
		}

		
		
#main{
	margin-bottom: 1em;
	margin-top: 1em;
}

       
       .vh{  
            border: 0;
              clip: rect(0 0 0 0);
              height: 1px;
              margin: -1px;
              overflow: hidden;
              padding: 0;
              position: absolute;
              width: 1px;
        }
          

.list_box{
	list-style: none;
	padding: 0;
}
.list_box > li{
	padding-bottom: 6px;
}
    aside{
        width: 24%;
        float: left;
        /*min-height: 500px;*/
    }
        aside h3{
         margin-top: 0 ; 
        }
        aside .navList li a{
            display: block;
            padding: 0.75em 0;
            color: #FFF;
			font-weight: bold;
			margin-left: 20px;
			
        }
			
	aside .leftNavButton2{
/*		background-image: url(../Testsite/images/leftNavButton4.png);*/
		background-color: #030133;
		background-repeat: no-repeat;
		box-shadow: 3px 3px 3px #777;
		height: 55px; 
		width: 210px;
		border-radius: 8px; 
/*		padding: 5px;*/
		margin: 15px 0 0 -18px;
		border: 5px solid #ced3dc;
	}	


    #mainContent{
        width: 74.5%;
        float: right;
		padding: 35px 0 20px 0;
		min-height: 400px;
        
    }
#content h1, #content h2, #content h3, #content h4{
	color: #040367; font-size: 1em; font-style: italic;
	margin-bottom: 0;
}
#content h2, #content h3{
	font-style: normal;
}
#content h2+p, #content h3+p, #content h4+p{
	margin-top: 0;
}
/********************/
/*******CME*********/
/********************/
#mainContent2{
	background-color: #FFF;
	width: 73%;
	float: right;
	padding: 5px 10px;
	margin-top: 35px;
}
.inside h1{
	font-size: 2em;
	color: #000000;
	font-style: italic;
	margin-top: 0;
}
.left{ float:  left;}
p.left {

    margin: 0;
    width: 60%;

}
p.right {

    margin: 0;
    width: 60%;

}
.right { float:  right;}
.right img{float: right;}

#addressBar2{
	background-color: #403d3d;
/*	background-color: #777777;*/
	color: #FFF;
	display: inline-block;
	width: 100%;
	margin: 1em 0;
}
	#addressBar2 .inside {

	    width: 80%;
	    margin: 0 auto;
	    padding: 0;
	}
		#addressBar2 a{
			text-decoration: none;
			color: #FFFFFF;
		}
		#addressBar2 a:hover{
			text-decoration: underline;
		}
#address{
	width:  45%;
}
#divider{
	width: 5%
}
#phoneNumbers{
	width:  45%;
}
#addressBar2 p.left {

    margin: 1em 0;

}	
        #banner{
            /*min-height: 372px;
            background-color: #333;*/
            margin-bottom: 1em;
			width: calc(100% - 280px); 
			float: right;
			
        }
        #mainContent .inside{
			/*background-image: url(../images/addressBanner2.jpg);
			background-repeat:no-repeat;*/
		background-color: #FFFFFF;
		min-height: 400px;/*
		padding-bottom: 0px;*/
        
        }
#mainContent .inside h1{
	font-size: 2em;
	color: #000000;
	margin-top: 0px;
	
}

#content{
	width: 905px;
	margin: auto;
}
#loanPageDiv{
	width: 960px; 
	background-color: #fff; 
	min-height: 500px; 
}
#serviceDiv, #aboutUsDiv, #accountPageDiv{
	width: 960px; 
	background-color: #fff; 
	min-height: 500px; 
}
#aboutUsPageCuInfo{
	width:479px;
}

#addressBanner{
    float: left; 
    margin-top: -35px;
    background-color: #7F7F7F;
    width: 100%;
    padding: 15px 0 15px 0;
    color: #fff;
    inline: block;
    
        
}

footer{
    background-color: #030133;
	/*border-top: #808080 solid 170px;*/
	text-align: center;
}
/*#addressBanner{
	width: 960px;
	height: 165px;
	background-color: #7F7F7F;
	float: left; 
	margin-top:-35px;
	float: left; 
}*/
#ncuaEHO2{
	float: left; 
	padding: 10px;
}
#footerContainer{
	 display: flex;
	 justify-content: space-around;
	 align-items: center;
	 flex-direction:row-reverse;
}
#footerContainer div{
	align-items: center;
}

       	/********************************/
            /*******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: #040233;
                    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: #FAE752;
                    color:#000;
                    
                }
                #extDis a.closeBtn, #extDis a.continueBtn {
                    background-color: #FFF;
                    color: #040233;
                    display: inline;
                    font-weight: bold;
                    margin: 10px 20px 0px 0px;
                    padding: 10px 20px;
                    border-radius: 10px;
                    cursor: pointer;
                    text-decoration: none;
                }
.olbtn{
	font-size: 14px;
	background: #030133;
	color: #fff;
	    width: 100px;
    text-align: center;
    margin: 15px auto;
    padding: 5px;
    text-decoration: none;
    border-radius: 7px;
	display: block;
}
   /* -------------------------------------------------
   ---------------------- NEWS ------------------------
   ------------------------------------------------- */
	.area_news {
		float: left;
		width: 452px;
	}
		.title_news {
			font-weight: bold;
		}
	.image_news {
		float: left;
	}

   /* -------------------------------------------------
   ---------------------- RESPOND ---------------------
   ------------------------------------------------- */