/* CSS Document */
/* Incenta FCU - cu0137 */

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, font, 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 {
	margin: 0;
	padding: 0;
}
* { margin: 0; padding: 0; }
img { border: none; }
ol, ul { }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

html, body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	background: #e3e3e3 url(images/intContentBkgd.gif) repeat-y fixed bottom center;
	background-color: #e3e3e3;
	color: #ffffff;
	height:100%;
	width:100%
	line-height: 1;
	z-index: 0;
}
h1, h2, h3, h4, h5 {
	color:#0080b1;
	font-weight:bold;
	font-family: Verdana, Geneva, sans-serif;
}

h1 { font-size: 18px; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
h4 { font-size: 11px; }
h5 { font-size: 10px; }

a:link { color:#0080b1; text-decoration: underline; }
a:visited { color:#0080b1; text-decoration: underline; }
a:hover { color:#006b9f; text-decoration: none; }
a:active { color:#0080b1; text-decoration: underline; }

p { line-height:16px; }

/* HTML5 tags */
header, section, footer, aside, promo, nav, content { display: block; }

/*-------- Start of Theme ----------*/
#wrapper { 
	margin: 0px; 
	text-align: center;
	height: 100%;
	width: 100%;
}

/*-------- Header Section ----------*/
#hwrap {
	width: 100%;
	height: 165px;
	background: url(images/headerWrap.png) repeat-x center top;
	z-index: 0;
}
#hdr {
	margin: 0px auto;
	padding: 0px;
	width: 1020px;	
	height: 165px;
	background: url(images/headerBkgd.png) no-repeat center top;
}
#hdrLeft {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 410px;	
	height: 166px;
}
#hdrLeft h2 {
	display: block;
	float: left;
	margin: 30px 0 0 0px;
	width: 192px;;
	height: 85px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/incentaLogo.png) no-repeat;
}
.lookOut {
	float: left;
	margin: 70px 0 0 20px;
}
#hdrCtr {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 400px;	
	height: 166px;
}
/*-------------- Header Hot Links Navigation ----------------*/
#hotLinks {
	float: left;
	margin: 0 0 0 50px;
	width: 275px;
	height: 30px;
}
nav#hotLinksNav {
	margin: 0px;
	width: 275px;
	height: 30px;
}
ul#hotLinks { list-style: none; }
ul#hotLinks li { float: left; }
ul#hotLinks li a {
	margin: 0px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 30px;
}
ul#hotLinks li a.ratesBtn { width: 90px; background: url(images/hotLink_Rates.png) top no-repeat; }
ul#hotLinks li a.applicationBtn { width: 94px; background: url(images/hotLink_Apps.png) top no-repeat; }
ul#hotLinks li a.calculatorBtn { width: 91px; background: url(images/hotLink_Calc.png) top no-repeat;  }
ul#hotLinks li a:hover { background-position: bottom; }
ul#hotLinks li a:active { background-position: bottom; cursor: default; }

.imgOnRefresh {
	float: left;
	margin: 6px 0px 0px 140px;
	width: 230px;
	height: 130px;
}

#hdrRight {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 190px;	
	height: 166px;
}

/*---------------- Header Online Banking Navigation ---------------*/
#ibLinks{
	float: left;
	margin: 0 0 0 25px;
	width: 204px;
	height: 70px;
}
nav#onlineBankNav {
	margin: 0px;
	width: 204px;
	height: 70px;
}
ul#onlineBank { list-style: none; }
ul#onlineBank li { float: left; }
ul#onlineBank li a {
	margin: 0px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 70px;
}
ul#onlineBank li a.onlineBankBtn { width: 204px; background: url(images/onlineBanking.png) top no-repeat; }
ul#onlineBank li a:hover { background-position: bottom; }
ul#onlineBank li a:active { background-position: bottom; cursor: default; }

/*------------------ Tooltip -------------------*/
#tooltip a { 
	text-decoration: none; 
	color: #f30; 
	cursor: hand;
}
#tooltip {
	position:absolute;
	border: 1px solid #333;
	background:#f0f0f0;
	padding:2px 5px;
	color:#333;
	display:none;
}
/* End Tooltip */

/* ------------------------ MAIN NAVIGATION ----------------------*/
#navcontainer {
	background: url(images/mainNavBar.gif) top center repeat-x;
	margin: 0px auto 0px auto;
	_margin: -1px auto 0px auto;
	width: 100%;
	height: 35px;
}

nav#mainnav { 
	position: relative;
	width: 1020px; 
	margin: 1px auto 0px auto;
}

ul#nav { 
	list-style: none;
	_margin: 0px auto 0px -10px; 
	width: 1020px;
}
ul#nav li { float: left; }

ul#nav li a, ul#nav li a:visited {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 35px;	
}

ul#nav li a.homeBtn { width: 127px; background: url(images/homeBtn.gif) top no-repeat; }
ul#nav li a.promoBtn { width: 127px; background: url(images/promoBtn.gif) top no-repeat; }
ul#nav li a.productsBtn { width: 127px; background: url(images/productsBtn.gif) top no-repeat; }
ul#nav li a.servicesBtn { width: 127px; background: url(images/servicesBtn.gif) top no-repeat; }
ul#nav li a.onlineBtn { width: 127px; background: url(images/onlineBtn.gif) top no-repeat; }
ul#nav li a.aboutusBtn { width: 127px; background: url(images/aboutusBtn.gif) top no-repeat; }
ul#nav li a.locationsBtn { width: 127px; background: url(images/locationsBtn.gif) top no-repeat; }
ul#nav li a.contactusBtn { width: 127px; background: url(images/contactusBtn.gif) top no-repeat; }

ul#nav li a:hover { background-position: bottom; }
ul#nav li a.active { background-position: bottom; }


/* ---------- HP Promotional Section Beneath the Main Navigation ----------- */

#promowrap {
	clear: both;
	width: 100%;
	height: 274px;
	background-color: #6cb2c4;
}
#promo {
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 1020px;
	height: 274px;
}
.hpPromoBox {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 583px; /*585px*/
	height: 274px;
}
.hpRatesBox {
	float: left;
	padding: 0px;
	width: 432px; /*434px*/
	height: 274px;
	background-color: #83c1d0;
}


/* HP Content Section Beneath the Promo Section */
#cwrap {
	clear: both;
	width: 100%;
	height: 425px;
	background-color: #e3e3e3;
}
#content {
	margin: 0px auto;
	padding: 0px;
	width: 1020px;	
	height: 425px;
	background: url(images/contentBkgd.png) center top repeat-y;
}
.hpLeft {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 230px; /*237px*/
	min-height: 425px;
	height: 100%;
	color: #6cb2c4;
}
.hpCenter {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 482px; /*479px*/
	min-height: 425px;
	height: 100%;
	color: #6cb2c4;
}
.hpRight {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 301px; /*303px*/
	min-height: 425px;
	height: 100%;
	color: #6cb2c4;
}

/*------------------- Interior Pages -------------------*/
#intWrap {
	clear: both;
	position: relative;
	width: 100%;
	min-height: 750px;
	height: auto;
	color: #0f4e5d;
	z-index: 0;
}
#intContentBot {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 310px;
	border: none;
	background: url(images/primaryBkgd.gif) no-repeat top center;
	z-index: 1;
}
#intContent {
	margin: 0px auto;
	height: auto;
	width: 1020px;
	z-index: 0;
}
#intLeftColumn {
	float: left;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 230px;
	background: none;
}
#sideNavText {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	height: 285px;
	_height: 295px;
	width: 230px;
	background-color: #6cb2c4;
}
#sideIntLeft {
	float: left;
	margin: 0px;
	width: 230px;
	min-height: 425px;
	height: auto;
	color: #6cb2c4;
}

#intRightContent {
	float: left;
	top: 0px;
	left: 0px;
	padding: 20px 0px 20px 20px;
	_padding: 20px 0px 20px 20px;
	height: auto;
	width: 760px;
	text-align: left;
}

/* Footer Section */
#fwrap {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 500px;
	background-color: #6cb2c4;
	z-index: 3;
}
#ftrSection {
	margin: 0px auto;
	padding: 0px;
	width: 1020px;
	height: 165px;
	font-size: 11px;
}
.ftrRate {
	margin: 0px;
	padding: 5px 0px 5px 0px;
	vertical-align: top;
	font-size: 11px;
}
.ftrText {
	margin: 0px;
	padding: 10px 0px 0px 20px;
	height: 60px;
	vertical-align: top;
	font-size: 11px;
}

/* BSB Footer */
#bsbnav {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: 60px;
	width: 1000px;
	text-align: center;
}
.bsbMid {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
}
.ftrRate {
	font-style: italic;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}
.ftrLegal {
	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	text-align: center;	
}
#bsbnav a:link { color: #ffffff; text-decoration: none; }
#bsbnav a:visited { color: #a2cfd9; text-decoration: none; }
#bsbnav a:hover { color: #156d87; text-decoration: none; }
#bsbnav a:active { color: #a2cfd9; text-decoration: none; }

/* ------------------------ SIDE NAVIGATION ----------------------*/

ul#subnav {
	float: left;
	_float: none;
	margin: 5 0 20px 2px;
	_margin: 5 0 0px 2px;
	padding: 5px 10px;
	_padding: 0px 10px;
	width: 178px;
	_width: 200px;
	border: solid 1px #e1e1e1;
	background: #f1f1f1;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	list-style: none;
}
ul#subnav li a {
	display: block;
	text-transform: uppercase;
	text-align: left;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	_margin: -15px 0px 0px 0px;
	padding: 4px 0;
}

ul#subnav li a:hover { color:#0080b2; }
ul#subnav li a.active { color: #ffffff; font-family: Verdana, Geneva, sans-serif; }
ul#subnav li a.first { 
	margin: 0px 0px 0px 0px;
	_margin: 5px 0px 0px 0px; 
}
ul#subnav li a.end { 
	margin: 0px 0px 0px 0px;
	_margin: -10px 0px -10px 0px;
	border-bottom: none; 
}
/* ---------------------END SIDE NAVIGATION----------------------- */

/* Original css */
.contentmargin {
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.searchmargin {
	padding-top: 6px;
}
.date {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
}
.boxes {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #1A456E;
}
a:link { color: #223E63; }
a:visited { color: #223E63; }
a:hover { color: #126195; }
a:active { color: #223E63; }

.pagename {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #6EA47B;
}

/*----------------------------------------------------------- CLEARFIX -----------------------------------------------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix { display: block; }

.clearall { clear: inherit; }

/*---------------css for left column parse page --------------*/
.quickLinks {
	margin: 20px 0 0 20px;
	font-family: "Futura BdCn BT";
	font-size: 20px;
	color: #0f4e5d;
	text-align: left;
}
.fb { 
	float: left; 
	margin: 15px 10px 0 18px; 
}
.fbSocial {
	margin: 0px 0 0 0px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 0.9em;
	line-height: 2.3em;
}
.tw { 
	float: left; 
	margin: -5px 10px 0 18px; 
}
.twSocial {
	margin: -20px 0 0 0px;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	font-size: 0.9em;
	line-height: 2.3em;
}

.ehl { float: left; margin: 5px 0 0 18px; }
.ncua { float: left; margin: 13px 0 0 10px; }

.fbSocial a:link, .twSocial a:link { color: #c0c0c0; font-size: 11px; display: inline-block; }
.fbSocial a:visited, .twSocial a:visited { color: #127c96; font-size: 11px; display: inline-block; }
.fbSocial a:hover, .twSocial a:hover { color: #8bc23f; font-size: 11px; display: inline-block; }
.fbSocial a:active, .twSocial a:active { color: #c0c0c0; font-size: 11px; display: inline-block; }

.leftBotAd {
	margin: 60px 0px 0px 0px;
}
.vertBar {
	float: right;
	margin: 0px;
}

ul.list {padding: 1.2em 0 1.2em 0;}
ul.list li {
	margin: 0px 0px 0px 30px;
	list-style-type: disc;
	list-style-position: outside;
	line-height: 1.3em;
	color: #6cb2c4;
}
ol.list {padding-bottom: 1.6em;}
ol.list li {
	margin: 0px 0px 0px 30px;
	list-style-type: decimal;
	list-style-position: outside;
	line-height: 1.3em;
	color: #6cb2c4;
}
