/*----------------------------------------------------------------------------------
DP2 TEMPLATE (CSS VERSION 1.07)
CSI Meridian Div
-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*

Update:
081214 - Adjusted navigation to use uniform selector "#dropDown"
       - Moved (@media >768px and <979px) to (@media <979px)
       - Add "outline:none" to *:focus to prevent browser highlighting
       - Minified glyphicon selectors
       - Various cleanup
073014 - Added box-sizing reset to all elements ("*")
021914 - Added bicubic scaling interpolation for images in IE
121613 - Fixed navigation display issues on "< @media (max-width: 979px)" breakpoint
091213 - Added styles for external email alert page
071813 - Nav dropdowns correctly display long link titles (remove no-wrap attribute)
       - Dropdowns display arrow to denote additional menus (comment out ".subMenu")
071713 - Modified dropdown to properly display infinite nested navigation
060313 - Fixed height display issue with IB username input on mobile breakpoint
032113 - Removed unnecessary -moz-transition attributes
032013 - Fixed issue with navigation container not appearing at <768px to 979px>
       - Made dropdown nav text left-align 
031413 - Added attributes to mobile navigation element 'nav' and added '#dropDown'
       - Centered initial nav elements

----------------------------------------------------------------------------------*/


/*-----------------------------------------*/
/*   IMPORTS                               */
/*   @import other css/fonts/etc           */
/*-----------------------------------------*/
@import url('//fonts.googleapis.com/css?family=Glegoo:400,700');
@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');

/*-----------------------------------------*/
/*   COMMON styles                         */
/*-----------------------------------------*/
*,*:before,*:after	{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
*:focus	{ outline: none; }

img	{ max-width: 100%; -ms-interpolation-mode: bicubic; }

body	{color: #898880;  font-family: 'Glegoo', serif; }

.left	{ float: left; }
.right	{ float: right; }
.clear	{ clear: both; }

.first	{ margin-left: 0 !important; border-left: none !important; }

/* generic margin classes */
.top-0	{ margin-top: 0; }
.top-5	{ margin-top: 5px; }
.top-10	{ margin-top: 10px; }
.top-15	{ margin-top: 15px; }
.top-20	{ margin-top: 20px; }
.bottom-0	{ margin-bottom: 0; }
.bottom-5	{ margin-bottom: 5px; }
.bottom-10	{ margin-bottom: 10px; }
.bottom-15	{ margin-bottom: 15px; }
.bottom-20	{ margin-bottom: 20px; }

/* generic padding classes */
.pad-0	{ padding: 0; }
.pad-5	{ padding: 5px; }
.pad-10	{ padding: 10px; }
.pad-15	{ padding: 15px; }
.pad-20	{ padding: 20px; }
.pad-25	{ padding: 25px; }
.pad-30	{ padding: 30px; }

/* generic image border styles */
.border-5	{ border: 5px solid #F5F5F2;-moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; }
.border-10	{ border: 10px solid #F5F5F2; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 10px; }


/*
.row,
.row-fluid	{ margin-bottom: 20px; }
*/


/*-----------------------------------------*/
/* BOOTSTRAP OVERRIDES                     */
/*-----------------------------------------*/
[class*="span"],
.row-fluid [class*="span"]	{ min-height: 0; }

/* INPUT overrides */
/* affects ACTIVE form input shadow */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus	{ border-color: rgba(100,100,100,.8); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(204,171,31,.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(204,171,31,.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(204,171,31,.6); }



/*-----------------------------------------*/
/* DP2 OVERRIDES                           */
/*-----------------------------------------*/
/* hide POST TITLE of #content and .content */ 
#content>h1,.content>h1	{ visibility: hidden; display: none; }

/* reset margin/padding of INITIAL #content and .content <p> tags */
#content>p,.content>p	{ margin: 0; padding: 0; }



/*-----------------------------------------*/
/* SITE COLORS                             */
/* site-wide link colors                   */
/* bg colors: change/set to "transparent"  */
/*-----------------------------------------*/

/* default site text color */
body	{ color: #333; }

/* default link/hover colors */
a	{ color: #ED1C2E; font-weight: 700; }
a:hover	{ color: #A90533; text-decoration: none; -webkit-transition: all .2s; transition: all .2s;}

/* body/footer color */
body,
footer	{ background: #D4D3CE; }

/* header */
section#header	{ background: #FFF; border-top: solid 5px #D4D3CE; }

/* navigation */
/* main nav background */
nav>ul	{ background: #004684; }


/* mobile navbar */
.btn-navbar,
.navbar-inner	{ color: orange; background: green; }
	.btn-navbar:hover,
	.navbar-inner:hover,
	.navbar .btn-navbar:hover	{ cursor: pointer; color: pink; background: orange; }


/* background color/image main section #content */
section#content,
section.content	{ background: #F5F5F2 /* url("image.png") repeat-x */; }

	/* background for MAIN CONTENT */
	section#mainContent .container,
	.formContainer,
	.sitemapContainer,
	.externalContainer	{ background: #fff; }


/* footer */
/* uncomment if footer needs to be different color */
footer	{ /* background: #000; */ color: #898880; }
	/* footer link colors */
	footer a	{ color: #ED1C2E; }
	footer a:hover	{ color: #A90533; text-decoration: underline; }


/* headers */
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 22px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
h1, h2		{ color: #004684; font-weight: 700; }
h3, h4	{ color: #ED1C2E; font-weight: 700; }
h4, h5, h6	{ color: #7E9EBB; font-weight: 300; }
h1,h2,h3,h4,h5,h6	{ margin: 10px 0; line-height: 1.25; }

.page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 5px solid #F5F5F1; }
	.page-header h1 { font-size: 36px; }


.carousel .item { height: 390px; }

.lead { margin-bottom: 40px; }
	
/* SECTION NAV styles */
.sideNav	{ list-style: none; padding: 0 0 15px; margin: 0 0 30px; font-size: 13px; }
	/* .sectionNav li	{} */
		.sideNav a	{ margin: 0; color: #ED1C2E; font-weight: 700; -webkit-transition: all .2s; transition: all .2s; }
			.sideNav a:hover	{ padding: 4px 10px; color: #A90533; border-left: 5px solid #A90533; font-weight: 400; }
			.sidelogos:hover { opacity: 0.5; transition: all 0.3s ease 0s; }
		.sideNav li { display: block; padding: 2px 0; }
.nav-header { display: block; margin: 5px 0; font-size: 10px; font-weight: 700; letter-spacing: 1px;  text-transform: uppercase; border-bottom: 1px solid #F5F5F2; color: #D4D3CE; }


/*-----------------------------------------*/
/* HEADER styles                           */
/*-----------------------------------------*/


/*-----------------------------------------*/
/* LOGO DEFAULT styles                     */
/*-----------------------------------------*/

.logo	{ padding: 20px 0 20px 20px; }


/*-----------------------------------------*/
/* NAVIGATION styles                       */
/*-----------------------------------------*/

/* prevent mobile nav from displaying at larger display sizes */
.btn-navbar,
.navbar	{ display: none; }
/* .nav-collapse	{ overflow: visible; } */

.navContainer	{ position: relative; }
	nav	{ position: absolute; top: 20px; left: 20px; right: 20px; z-index: 1; height: auto; font: 1.1em arial, sans-serif; text-align: center; }
		/* reset bootstrap margin/padding/line-height for ul/li elements */
		nav *	{ margin: 0; padding: 0; line-height: 1; }

		/* remove ">>" indicator from nav with sublinks */
		.sf-sub-indicator	{ display: none; }

		#dropDown,#dropDown *	{ margin: 0; list-style: none; }
			/* set properties of menu (font, size, color, etc) */
			#dropDown	{ padding: 5px 5px 6px 5px; margin: 0 auto; font: 14px/50px 'Glegoo', serif; /* text-shadow: rgba(0,0,0,.35) 1px 1px 2px; */ border-radius: 4px; width: 100%; }
					#dropDown:before,#dropDown:after	{ content: ""; display: table; }
					#dropDown:after	{ clear: both; }
				#dropDown a	{ display: block; position: relative; border-top: 1px solid #032E62; padding: 15px 10px; text-decoration: none; zoom: 1; color: #fff; line-height: 1.25; }

				/* FIRST LEVEL styles */
				#dropDown > li	{ float: left; margin-right: 5px; border-radius: 2px; background: #004684; }
					#dropDown > li > a	{ padding: 10px; margin: 0; border-top: none; }
						/* subMenu indicator */
						#dropDown > li > a.subMenu:after	{ content: ""; width: 0; height: 0; position: absolute; bottom: 5px; left: 50%; margin-left: -2px; border-top: 4px solid #004684; border-left: 4px solid transparent; border-right: 4px solid transparent; }

					/* SECONDARY+ styles */
					#dropDown ul	{ position: absolute; display: none; width: 200px; top: 100%; left: 0; z-index: 99; font-size: 14px; text-align: left; }
						#dropDown li	{ position: relative; -webkit-transition: background .2s; transition: background .2s; /* background: red; */ }
								/* subMenu indicator */
								#dropDown ul a.subMenu:after	{ content: ""; width: 0; height: 0; position: absolute; right: 5px; top: 50%; margin-top: -4px; border-left: 4px solid #032E62; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
							#dropDown li:hover,#dropDown li.sfHover	{ background: #032E62; -webkit-transition: none; transition: none; }
								#dropDown li:first-child a	{ border-top: none; }
									#dropDown li:hover > ul,#dropDown li.sfHover > ul	{ display: block; }

						/* SECOND LEVEL style */
						#dropDown ul li	{ background: #004684; }
				
						/* THIRD+ LEVEL styles */
						#dropDown ul ul	{ top: 0; left: 100%; }
							#dropDown ul ul li	{ background: pink; }




/*-----------------------------------------*/
/* CONTENT styles                          */
/*-----------------------------------------*/

/* mainContent
-----------------------------------------*/
/* container drop shadow */
section#mainContent .container	{ box-shadow: none; }

/* rounded top corners */
section#mainContent .container:first-child	{ border-radius: none; padding: 90px 20px 60px 20px; }


/* carousel images
-----------------------------------------*/
/* .carousel img	{ border: 10px solid #f5f5f5; } */



/*-----------------------------------------*/
/* FOOTER styles                           */
/*-----------------------------------------*/

footer #content	{ padding: 20px 0; }

/* fdic footer */
footer,#copyright p	{ font-size: 11px; }
	#copyright p	{ text-align: center; border-bottom: 1px solid #898880; margin-bottom: 10px; padding-bottom: 5px; }
#notice	{ line-height: 1.2; }
	#notice img	{ display: block; margin: 0 auto; }




/*-----------------------------------------*/
/*   GENERAL PAGES styles                  */
/*-----------------------------------------*/

/* head content */
.headContent	{ position: relative; margin: 0; }
	/* weather */
	.head-weather	{ position: absolute; top: -200px; right: 0; background: #f5f5f5; border-radius: 4px; width: 250px; padding: 15px; color: #595959; line-height: 1.4; }
		.head-weather strong	{ display: block; padding-bottom: 5px; border-bottom: 1px solid #d9d9d9; }
		#wxTemp	{ font-size: 22px; color: #005eab; }
		#wxLoc	{ font-size: 16px; }

/* well links */
#well-products	{ font-size: 14px; }
	#well-products a:hover	{ background: #005eab; }


/* "MORE" button styles */
a.btn-more	{ display: inline-block; padding: 10px 30px; border-radius: 4px; font-size: 14px; text-align: center; color: #fff; background: #004684; }
	a:hover.btn-more	{ color: #fff; background: #032E62; -webkit-transition: all .2s; transition: all .2s;}


.label-question	{ background-color: #9c102d; }
.label-answer	{ background-color: #07133e; }


/* INNER NAV styles :: use for navigating internal pages on mobile devices */
/* HTML setup as follows:
	<div class="innernav visible-phone">
		<h5 class="heavy">More in this Section:</h5>
		<ul>
			<li><a href="/index.cfm/PAGE-URL">PAGE NAME</a></li>
		</ul>
		<hr>
	</div>
*/
.innernav	{ margin-bottom: 20px; }
	.innernav h5	{ padding: 10px 0 5px; border-top: 3px double #e8cfae; border-bottom: 1px solid #e8cfae; }
	.innernav ul { list-style-type: none; padding-bottom: 10px; margin: 0 0 30px; border-bottom: 1px solid #e8cfae; font-size: 14px; }
		.innernav li	{ margin-bottom: 5px; }
			.innernav a	{ display: block; padding: 10px; color: #ffffff; border-radius: 5px; -webkit-transition: all .3s; background: #f5edd9; }
				.innernav a:hover	{ color: #fff; background-color: #ffd669; background-image: none; }



/* HOMEPAGE styles
/************************/
/* alert styles */
.alertContainer	{ margin-bottom: 20px; padding: 10px; /* border: 10px solid #f5f5f5; */ background: pink; overflow: auto; }
	.alertTitle,
	.alertInfo	{ height: 40px; line-height: 40px; padding: 0 10px; }

	.alertTitle	{ display: block; float: left; width: 20%; font-size: 18px; font-weight: bold; text-align: right; color: #fff; background: #ccab1f; border-radius: 4px 0 0 4px; }
	.alertInfo	{ display: block; float: left; width: 80%; font-size: 12px; color: #1a1a1a; background: #f0e6bb; border-radius: 0 4px 4px 0; }

/* internet banking login */
/* HEADER TYPE */
.ibLoginHead	{ position: absolute; top: -200px; right: 0; padding: 0 15px; }
	.ibLoginHead i	{ vertical-align: middle; }
	.ibLoginHead h4	{ padding-bottom: 5px; border-bottom: 1px solid #D4D3CE; }
	.ibLoginHead .help-inline	{ font-size: 11px; color: #808080; }

/* BODY TYPE */
.ibLoginBody	{ padding: 10px; border: 10px solid #f5f5f5; }
	.ibLoginBody h1,
	.ibLoginBody h2,
	.ibLoginBody h3,
	.ibLoginBody h4	{ margin-top: 0; }

	/* form styles */
	.form-inline input[type="text"]	{ width: auto; min-height: 30px; }

		.ibForm .btn-login	{ width: auto; padding: 4px 25px; border: 1px solid #ccab1f; text-transform: uppercase; color: #fff; background: #ccab1f; -moz-text-shadow: none; -webkit-text-shadow: none; text-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all .3s; transition: all .3s; }
		.form-inline .btn-login:hover	{ background: #333; border-color: #333; }

	.ibFormlinks	{ border-top: 1px solid #e5e5e5; padding-top: 5px; font-size: 11px; color: #b3b3b3; /* text-align: right; */ }

/* banners */
a.banner-leaderboard img	{ margin: 20px 0; -webkit-transition: all .3s; transition: all .3s; }
	a:hover.banner-leaderboard img	{ opacity: .7; }



/* CONTACT FORM styles
/************************/
/* contact form container */
.formContainer	{ padding: 20px; margin: 20px auto 0; box-shadow: rgba(0, 0, 0, .3) 0 0 10px /* set (rgb,alpha) xOffset yOffset blurAmount */; }

	/* success styles */
	.success	{ width: 70%; margin: 15px auto; padding: 20px; border: 1px solid #b5bc69; border-radius: 4px; font: bold 1.2em helvetica, arial, sans-serif; text-align: center; color: #666633; background: #d6d6a5; }




/* EXTERNAL LINK,
   EXTERNAL EMAIL,
   SITEMAP styles
/************************/
/* site map container */
.externalContainer,
.sitemapContainer	{ padding: 130px 20px; }

#external,
#email,
#sitemap	{ font-size: 12px; }
	#external h1,
	#email h1	{ color: #004684; }
		#external h1:after,
		#email h1:after	{ content: "!"; }
	#external a,
	#email a	{ display: inline-block; padding: 10px 15px; margin-left: 10px; border-radius: 4px; color: #fff; background: #963200; -webkit-transition: all .3s; transition: all .3s; }
			#external a:hover,
			#email a:hover	{ background: #af5023; }
		#external a.extlink,
		#email a.extemail	{ background: #669966; margin: 0 10px 0 0; }
			#external a.extlink:hover,
			#email a.extemail:hover	{ background: #87b487; }

	#sitemap a	{ display: block; padding: 10px 10px 10px 30px; -webkit-transition: all .2s; transition: all .2s; }
	#sitemap a:hover	{ color: #fff; background: #ffde00; }
		#sitemap h1	{ margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; }
		#sitemap ul	{ list-style: none; margin: 0; padding: 0; }
				#sitemap > ul > li	{ margin-bottom: 10px; border-bottom: 1px dotted #e5e5e5; }
					#sitemap > ul > li > a	{ padding-left: 10px; font-size: 16px; }





/*-----------------------------------------*/
/*   GENERAL RESPONSIVE MEDIA styles       */
/*-----------------------------------------*/

@media (max-width: 979px)
{
	nav	{ margin: 0; }
		.nav-collapse,
		.nav-collapse.collapse	{ height: auto; overflow: visible; }
	#dropDown a	{ padding: 10px; }

	/* internet banking form */
	/* HEADER TYPE */
	.ibLoginHead	{ position: static; top: 0; right: 0; padding: 10px; border: 10px solid #f5f5f5; margin-bottom: 20px; }
	/* BODY TYPE */
	.ibLoginBody input[type="text"]	{ display: block; width: 100%; padding: 15px 10px; border-radius: 4px 4px 0 0; }
	.ibLoginBody button[type="submit"],.ibLoginBody input[type="submit"]	{ display: block; width: 100%; margin-left: 0; border-radius: 0 0 4px 4px !important; }
}

@media (max-width:767px)
{
	body	{ padding: 0; }
	section#mainContent .container:first-child	{ border-radius: 0; }

	/* adjust .span* bottom margin */
	#mainContent [class*="span"]	{ margin-bottom: 20px; }

	#dropDown > li > a	{ margin: 0px; }

	/* footer */
	footer #content	{ padding: 20px; }
}

@media (max-width: 568px)
{
	body	{ padding: 0; }

	/* logo */
	.logo	{ text-align: center; padding: 20px; }

	/* weather */
	.head-weather	{ position: static; width: auto; margin-bottom: 10px; }

	/* nav */
	.btn-navbar,.navbar	{ display: block; }
	.nav-collapse,.nav-collapse.collapse	{ overflow: hidden; padding: 0; }

		/* bootstrap 2.1.2 adjustments */
		.navContainer	{ margin-bottom: 0 !important; }
		.navbar	{ margin-bottom: 0; }
				/* .navbar:hover	{ cursor: pointer; } */
			.navbar-inner	{ padding: 0; border: none; border-radius: 0; box-shadow: none; font-family: georgia; }
			.navbar .brand	{ margin: 0; font-size: 18px; color: #fff; text-shadow: none; }
			.navbar .btn-navbar	{ margin: 5px; border: none; border-radius: 4px; box-shadow: none; background: transparent; }
		span.navtitle	{ float: left; }
		span.navicons	{ float: right; margin-top: 17px; }
	nav	{ position: static; top: 0; margin: 0; height: auto; background: none; }
		/* nav ul	{ top: 0; padding: 0; width: auto; height: auto; font-size: 14px; } */

		#dropDown	{ position: static; height: 0; padding: 0; width: 100%; font-size: 14px; /* border-top: 5px solid #df7c2d; */ border-radius: 0; }
			#dropDown li	{ display: block; float: none; margin: 0; text-align: left; }
				#dropDown a	{ display: block; padding: 15px; border-radius: 0; background: #eca758 /* bg color for mobile nav items */; border-bottom: 1px dotted white; }
							/* drop down link color */
							#dropDown li a span	{ color: blue; }
						#dropDown a:hover	{ background: pink /* bg :hover color for mobile nav items */; }
					#dropDown > li ul	{ display: none !important; }
						#dropDown > li > a	{ margin: 0; border-radius: 0; }
					.sf-sub-indicator,
					.subMenu:after	{ display: none; }


	/* content */
	section#mainContent .container	{ box-shadow: none; }
		section#mainContent .container:first-child { padding-top: 20px; border-radius: 0; }


	/* footer */
	#notice img	{ margin-bottom: 15px; }


	/* GENERAL styles
	/************************/
	/* forms */
	.form-inline /* .input-append */	{ display: block; }
		.form-inline input[type="text"]	{ width: 100%; padding: 20px 10px; }

		/* internet banking form */
		/* HEADER TYPE */
		/* .ibLoginHead	{ position: static; top: 0; right: 0; padding: 10px; border: 10px solid #f5f5f5; } */

		/* BODY TYPE */
		/* internet banking form */
		.ibLoginHead form	{ margin: 0; }

		.ibLoginHead input[type="text"],
		.ibLoginBody input[type="text"],
		.ibLoginBody .input-append input[type="text"]	{ display: block; width: 100%; margin-bottom: 0 !important; border-radius: 3px 3px 0 0; height: auto; padding: 10px; /* background: red; */ }

		.ibLoginHead input[type="submit"],
		.ibLoginHead button[type="submit"],
		.ibLoginBody input[type="submit"],
		.ibLoginBody button[type="submit"]	{ display: block; width: 100%; padding: 10px; margin-left: 0; border-radius: 0 0 3px 3px; /* background: red; */ }

		.ibFormlinks	{ text-align: center; }
		.ibLoginHead .help-inline	{ display: block; text-align: center; border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 20px; }



	/* HOMEPAGE styles
	/************************/
	/* alert styles */
	.alertTitle,
	.alertInfo	{ height: auto; padding: 10px; }
		.alertTitle	{ float: none; width: auto; text-align: center; line-height: 1; border-radius: 4px 4px 0 0; }
		.alertInfo	{ float: none; width: auto; text-align: center; line-height: 1.5; border-radius: 0 0 4px 4px; }
	

	a.banner-leaderboard img	{ border: 0; }


	/* SITEMAP styles
	/************************/
	#sitemap	{ padding: 20px; }


	/* EXTERNAL LINK styles
	/************************/
	#external	{ padding: 20px; }


}