/* Colors

#232323 - Body Text
#666565 - EZPZ Text

#336415 - Dark Green
#558238 - Med Green
#7aa35e - Light Green

#194079 - Dark Blue
#4e78b9 - Med Blue
#8fb2e9 - Light Blue

#bcb080 - Dark Tan
#d9cfa8 - Med Tan
#ede8d6 - Light Tan

#ffe589 - Yellow

*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
    box-sizing: border-box;
}

/* --------------- General --------------- */

html {
	min-width:984px;	
}

body {
    font-family: 'Source Sans Pro', sans-serif;
	font-style:normal;
	font-weight:400;
	font-size:1em; /* 14px */
	color:#232323;
	line-height: 1.5;
	min-width:984px;
	background-color:#4e78b9;
}

td {
    vertical-align:top;
}

p {
    margin-bottom:1.5em;
}

a {
    color:#194079;
	text-decoration:underline;
}
a:hover {
    text-decoration:none;
}
a.more-link {
	text-decoration:none;
}
a.more-link:hover {
	text-decoration:underline;
}

em, i {
	font-style:italic;
}

strong, b {
	font-weight:700;	
}

sup {
    font-size: .714em; /* 10px */
	vertical-align:top;
}

small {
	font-size:0.857142em; /* 12px */
}

input, textarea, select {
	font-style:normal;
	font-weight:400;
	font-size:14px;
	color:#35312f;
	padding: 6px 3px;
	border-radius:3px;
	border:1px solid #bcb080;
}

.ErrorMessage,
.EditingFormErrorLabel {
    color:#C00;
}

.ErrorLabel {
    color:#C00;
	font-weight: 700;
}

.ezpz-hint {
	color:#4B4B4B;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* --------------- Layout --------------- */

header {
	width:100%;
	height:145px;
	background:url(../images/bg-header.jpg) no-repeat top center #f5e4cf;
	background-size:cover;
}
.header-container {
	width:984px;
	min-height:145px;
	margin:0 auto;
	position:relative;	
}
.site-logo {
	position:absolute;
	top:0;
	left:0;	
}
.nav-container {
	width:100%;
	min-height:50px;
	background:url(../images/bg-nav-container.png) repeat-x top left;
}
main {
	background-color: #fff;
	background-image: -webkit-linear-gradient(top, #fff, #ede8d6); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #fff, #ede8d6); /* Chrome 26, Firefox 16+, IE 10+, Opera */
	padding-bottom:20px;
	display:block;
}
.main-container {
	width:984px;
	margin:0 auto;
	overflow:hidden;
}
.col-1,
#sidebar {
	width:300px;
	margin: 0 0 10px 10px;
	padding: 40px 25px;
	float:left;
	border:1px solid #fff;
	border-top:none;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #ede8d6;
	background-image: -webkit-linear-gradient(top, #ede8d6, #d9cfa8); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #ede8d6, #d9cfa8); /* Chrome 26, Firefox 16+, IE 10+, Opera */
	box-shadow: 0px 2px 5px 1px rgba(0,0,0,0.25);
}
.col-2 {
	width:644px;
	margin-right:10px;
	padding: 40px 0;
	float:right;
}


/* --------------- Header Alert ---------------*/

.header-alert-wrapper {
	display: block;
	width:644px;
	background-color: #fddc64;
	background-image: -webkit-linear-gradient(top, #ffe589, #fddc64); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #ffe589, #fddc64); /* Chrome 26, Firefox 16+, IE 10+, Opera */
	border:1px solid #fff;
	border-radius:10px;
	margin-bottom:20px;
}
.header-alert {
	width:100%;
	margin:0 auto;
	padding:15px 40px 25px 54px;
	background:url(../images/icon-alert.png) no-repeat 10px 19px;
	min-height:32px;
	font-size: 1.15em;
	color:#232323;
}
.header-alert strong,
.header-alert a {
	color:#232323 !important;	
}
.header-alert p {
	margin-bottom:0;
}

/* --------------- Top Nav --------------- */

#top-nav {
	text-align:right;
	float:right;
	position:absolute;
	clear:both;
	z-index:1000;
	top:20px;
	right:0px;
	padding-top:8px;
	padding-right:40px;
	min-height:47px;
	min-width:387px;
	background:url(../images/bg-top-nav2.png) no-repeat top right;
}
#top-nav li {
	display: inline;
}
#top-nav a {
	text-decoration:none;
	padding-right:7px;
	position:relative;
	color:#fff;
}
#top-nav a:hover {
	text-decoration:underline;
}
#top-nav a:after {
	content: '';
	padding-right:10px;
	border-right:1px solid #7aa35e;
}
#top-nav li.last a:after {
	border-right:none;
}

/* --------------- Home Slider ---------------*/

.home-slider {
	width:644px;
	height:220px;
	overflow:hidden;
	position:relative;
	padding:0;
	background-color:transparent;
	border-radius:10px;
	margin-bottom:20px;
}
.slider-imgs img,
.slider-imgs a {
	width:644px !important;
	height:220px !important;
	display:block;
}

.slider-nav {
	width:95px;
	height:22px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
	z-index: 100;
}
a.togglePausePlay,
.slider-nav a.play,
a.prevSlide,
a.nextSlide {
	background:url(../images/home-slider-nav.png) no-repeat 0 0;
	display:block;
	height:22px;
	float:left;
	text-indent:-99999px;
}
/* Previous */
a.prevSlide {
	background-position: 0 0;
	width:34px;
}
a.prevSlide:hover {
	background-position: 0 -22px;
}
/* Play, Pause */
a.togglePausePlay {
	width:31px;
	background-position: -34px 0;
}
a.togglePausePlay:hover {
	background-position: -34px -22px;
}
.slider-nav a.play {
	background-position: -34px -44px;
}
.slider-nav a.play:hover {
	background-position: -34px -66px;
}
/* Next */
a.nextSlide {
	background-position: -65px 0;
	width:30px;
}
a.nextSlide:hover { 
	background-position: -65px -22px;
}

/* --------------- Banking Login --------------- */

.banking-login {
	margin-bottom:20px;
}
.banking-login h2,
.quick-links h2 {
	text-align:center;
	margin-bottom:5px;
}
.ob-login-row {
	width:100%;
	overflow:hidden;	
}
.banking-login input {
	border: 1px solid #d9cfa8;
	border-radius:3px;
	box-shadow: 2px 2px 2px #f2f2f2 inset;
	line-height: 17px;
	margin:0 0 7px 0;
	outline: 0 none;
	padding: 7px 6px;
	width: 68%;
	float:left;	
}
/* --------------- Login Button --------------- */

.login-btn {
	margin-bottom:15px;
}
.login-btn a {
	background-color: #4e78b9;
	background-image: -webkit-linear-gradient(top, #4e78b9, #194079); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #4e78b9, #194079); /* Chrome 26, Firefox 16+, IE 10+, Opera */
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	width:100%;
	font-size:1.375em;
    font-weight:600;
    line-height: 1.2;
    padding: 8px 13px;
    text-decoration: none;
	text-align:center;
}
.login-btn a:hover {
	background-color:#194079;
	background-image:none;
	text-decoration: none;
}
.login-btn a::before {
	content: "";
	width:29px;
	height:23px;
}


/* --------------- Apply for a Loan Button --------------- */

.apply-btn {
	margin-bottom:15px;
}
.apply-btn a {
	background-color: #558238;
	background-image: -webkit-linear-gradient(top, #558238, #336415); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #558238, #336415); /* Chrome 26, Firefox 16+, IE 10+, Opera */
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
	width:100%;
	font-size:1.375em;
    font-weight:600;
    line-height: 1.2;
    padding: 8px 13px;
    text-decoration: none;
	text-align:center;
}
.apply-btn a:hover {
	background-color:#336415;
	background-image:none;
	text-decoration: none;
}
.apply-btn a::before {
	content: "";
	width:29px;
	height:23px;
}

/* --------------- News & Announcements --------------- */

.home-news {
	background:url(../images/heading-news-home.png) no-repeat;
	padding-top:80px;
}
.home-news .news-title a {
	font-size:1.5em; /* 24px */
	font-weight:600;
	color:#194079;
	margin-bottom:0;
}
.news-title a {
	text-decoration:none;
}
.news-title a:hover {
	text-decoration:underline;
}

/* Quick Links and Child Nav */

.quick-links,
.child-nav {
	margin-bottom:15px;
}
.quick-links h2,
.child-nav h2 {
	text-align:center;
	margin-bottom:5px;
}
.quick-links > ul,
.child-nav > ul {
}
.quick-links > ul li,
.child-nav  > ul li {
	border-top: 1px solid rgba(255, 255, 255, .7);
	border-bottom: 1px solid rgba(0, 0, 0, .2);
	text-align:center;
    list-style:none;
}
.quick-links > ul li.first,
.child-nav  > ul li.first {
	border-top: none;
}
.quick-links > ul li.last,
.child-nav  > ul li.last {
	border-bottom: none;
}
.quick-links > ul a,
.child-nav > ul a {
	font-size:18px;
	text-decoration:none;
	display:block;
	padding:5px 0;
	color:#232323;
}
.quick-links > ul a:hover,
.child-nav > ul a:hover,
.child-nav > ul a.CMSListMenuLinkHighlighted {
	background-color:#ede8d6;
}

/* ----- Allpoint ATM Search ----- */

.atm-locations {
}
.atm-locations h2 {
	font-size:1.375em;
	text-align:center;
	margin-bottom:0.4em;
}
.atm-locations input#zip,
.atm-locations input.ezpz-hint {
	background:url(../images/bg-allpoint-search.png) no-repeat left top transparent;
	margin:0 6px 0 0;
	outline:0 none;
	border:0 none;
	vertical-align:middle;
	width:77%;
	padding:6px 4px 6px 80px;
	font-size:13px;
	font-weight:400;
	min-height:22px;
	line-height:22px;	
	float:left;
}
.atm-locations .button {
	width:20%;
	padding: 7px 13px;
	text-align:center;
	float:right;
}

/* ----- Homepage Partner Buttons ----- */

.partner-buttons {
	clear:both;
	padding-top:30px;
}
.partner-buttons img.left {
	float:left;
}
.partner-buttons img.right {
	float:right;
}


/* --------------- Child Layout --------------- */

#page-title {
	background:url(../images/bg-page-title.png) no-repeat top center;
	color:#fff;
	padding:8px 0 0 0;
	min-height:100px;
}
#page-title h1 {
	font-size:2em;
	font-weight:600;
	line-height:1.1;
	text-align:center;
	margin:0 auto;
	text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}
.child-content {
	width:984px;
	margin:0 auto;	
}
#content {
	width:644px;
	margin-right:10px;
	padding: 40px 0;
	float:right;
}
/* --------------- Child Content --------------- */

article h2,
h2 {
	font-size:1.7142857em; /* 24px */
	font-size:27px;
	font-weight:600;
	color:#194079;
	margin-bottom:.7em;
}
article h3 {
	font-size:1.285714em; /* 18px */
	font-weight:600;
	line-height:1.2;
	color:#558238;
	margin-bottom:0;
}
.text-bold-1 {
	font-weight:700;
	color:#000;	
	color:#336415; /* green */
}
.text-bold-2 {
	font-weight:700;
	color:#194079; /* blue */
}
.text-footnote {
	color:#78716d;
}

/* ----- List styles ----- */

article > ul,
article td > ul,
article div > ul {
	padding-left: 1em;
	margin-bottom:1.5em;
}
article > ul > li,
article td > ul > li,
article div > ul > li {
	list-style-type:none;
	margin:0 0 .5em 0;
	padding-left:1.5em;
	text-indent:-1.1em;	
}
article > ul > li:before,
article td > ul > li:before,
article div > ul > li:before {
	content:"•";
	font-weight:700;
	color:#bcb080;
	margin-right:.5em;
}
article > ul > li li,
article td > ul > li li,
article div > ul > li li {
	padding-left:0;
	text-indent:0;	
}
article ol li {
    list-style-type:decimal;
	margin: 0 0 .5em 40px;
}
/* Two Levels */
article ul ul li {
	list-style-type:circle;
	margin:0 0 0 16px;
	background:none;
	padding:0;
}
article ul ol li {
	list-style-type:decimal;
	margin:0 0 0 20px;
	background:none;
	padding:0;
}
article ol ul li {
    list-style-type:disc;
	margin:0 0 0 16px;
	background:none;
	padding:0;
}
article ol ol li {
    list-style-type:lower-alpha;
	margin:0 0 0 20px;
}

/* --------------- Content Table ---------------*/

#content table {
	margin-bottom:1.5em;	
}
.content-table,
.form-table {
    margin-bottom:1.5em;
	width:100%;
}
.content-table > caption,
.form-table > caption {
	font-size:1.286em; /* 18px */
	font-weight:700;
	line-height:1.2;
	text-align: left;
	background-color:#4e78b9;
	color:#fff;
	padding:5px 10px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.content-table > tbody > tr > th,
.content-table > tr > th,
.form-table > tbody > tr > th,
.form-table > tr > th {
    font-weight:700;
	text-align:left;
	vertical-align:bottom;
	padding:3px 10px;
	background-color:#cbdbf5;
}
.content-table > tbody > tr > td,
.content-table > tr > td {
    padding:3px 10px;
	border-bottom: 1px solid #d9cfa8;
}
.form-table > tbody > tr > td,
.form-table > tr > td {
	border-bottom:0;
    padding:5px 10px;
}
.form-table input.TextBoxField {
	box-sizing: border-box;
	width:100%;
}
.form-table table.RadioButtonList label {
	margin: 0 15px 0 0;
}

#content table table {
	margin-bottom:0;
}

/* --------------- Button --------------- */

p.button a,
a.button,
input.button,
input.FormButton {
	background-color: #4e78b9;
	background-image: -webkit-linear-gradient(top, #4e78b9, #194079); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #4e78b9, #194079); /* Chrome 26, Firefox 16+, IE 10+, Opera */
    border-radius: 3px;
	border:0;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.071428571428571em; /* 15px */
    font-weight: 700;
	text-transform:uppercase;
    line-height: 1.2;
    padding: 6px 13px;
    text-decoration: none;
}
p.button a:hover,
a.button:hover,
input.button:hover,
input.FormButton:hover {
	background-color:#194079;
	background-image:none;
	text-decoration: none;
}

/* --------------- Footer --------------- */

footer {
	color:#fff;
	background-color: #194079;
	background-image: -webkit-linear-gradient(top, #194079, #4e78b9); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
	background-image:         linear-gradient(to bottom, #194079, #4e78b9); /* Chrome 26, Firefox 16+, IE 10+, Opera */
}
.footer-container {
	width:964px;
	margin:0 auto;
	padding:20px 0;
	position:relative;
}
.footer-text {
	float:left;
	width:460px;
}
footer a {
	color:#fddc64;
	text-decoration:none;
}
footer a:hover {
	text-decoration:underline;
}
.footer-right-col {
	float:right;
	width:360px;	
}
.footer-logos {
	text-align:right;
	margin-bottom:30px;	
}
.logo-ncua {
	margin-left:24px;
}

/* --------------- External Links ---------------*/

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* states and images */
.ui-icon { width: 16px; height: 16px; display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-size: 1em; font-weight: normal; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 100%; }
.ui-widget-content { border: 1px solid #ccc; background: #fff; text-align: justify; margin-top: 10px; }
.ui-widget-content a { color: #3e90b6; }
.ui-widget-header { border: 1px solid #194079; background: #194079; color: #fff; font-weight: 700; font-size: 1.4em; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #194079; background: #194079; font-weight: 700; color: #fff; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #4e78b9; background: #4e78b9; font-weight: 700; color: #fff; outline: none; }

/* states and images */
.ui-widget-content .ui-icon {background-image: url(../images/ext-links-icons.png); }

/* positioning */
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { border-top-left-radius:3px; }
.ui-corner-tr { border-top-right-radius:3px; }
.ui-corner-bl { border-bottom-left-radius:3px; }
.ui-corner-br { border-bottom-right-radius:3px; }
.ui-corner-top { border-top-left-radius:3px; border-top-right-radius:3px; }
.ui-corner-bottom { border-bottom-left-radius:3px; border-bottom-right-radius:3px; }
.ui-corner-right { border-top-right-radius:3px; border-bottom-right-radius:3px; }
.ui-corner-left { border-top-left-radius:3px; border-bottom-left-radius:3px; }
.ui-corner-all { border-radius:3px; }

/* Overlays */
.ui-widget-overlay { background: #000; opacity: .60;filter:Alpha(Opacity=60); }

/* Resizable----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}

/* Dialog----------------------------------*/
.ui-dialog { position: relative; padding: .5em; width: 300px; clear:both; }
.ui-dialog .ui-dialog-titlebar { padding: .3em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/* --------------- Prevent Problems in CMS ---------------*/

.DesignMode .home-slider {
	height:auto;	
}