/* 	Independence National Bank
	Website by Cyberwoven
--------------------------------------------------------------------------------------------- */




/* Global HTML Elements 
--------------------------------------------------------------------------------------------- */

.SuperClear
{
     clear: both;
     display: block;
     overflow: hidden;
     width: 0;
     height: 0;
}

html, body
{
	background: #fff url(../img/bg.gif) repeat-x top left;
	margin: 0 auto;
	padding: 0;
	border: 0;
	text-align: left;
	font: 11px Verdana, sans-serif;
	color: #363636;
}

img
{
	padding: 0;
	margin: 0;
	border: 0;
}




/* GLOBAL LINKS 
---------------------------------------------------------------------------------------------- */

a
{
	font-family: Verdana, sans-serif;
	text-decoration: none;
	color: #ae0000;
	font-size: 11px;
	font-weight: bold;
}

a:hover
{
	text-decoration: underline;
	color: #434A50;
}

.bar a
{
	float: right;
	margin: 10px 10px 0 0;
	padding: 0;
}



/* GLOBAL LISTS
----------------------------------------------------------------------------------------- */

.middleRightColInt ul
{
	margin: 10px 0px 0 0px;
	padding: 20px 35px;
	border-bottom: 2px solid #e4e4e4;
	background: #efefef url(../img/listbg.gif) no-repeat top left;
}

.middleRightColInt ul li
{
	list-style-image: url(../img/bullet.gif);
	line-height: 18px;
	background: none !important;
}



	
/* GLOBAL TYPOGRAPHY 
----------------------------------------------------------------------------------------- */

p { line-height: 16px; }

h1,
h2,
h3,
h4,
h5
{
	margin: 0;
	padding: 0;
}

h1
{
	margin: 0;
	position: relative;
	top: 5px;
	width: 211px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9000px;
	outline:none;
}

h1 a
{
	display: block;
	height: 110px;
	outline:none;
}

h1 a:hover { background: none; }

.intHeader h2
{
	margin: 0;
	position: relative;
	left: 9px;
	width: 518px;
	background: url(../img/personalh2.gif) no-repeat;
	text-indent: -9000px;
	outline:none;
}

.intHeader h2.comm { background: url(../img/commercialh2.gif) no-repeat; }
.intHeader h2.online { background: url(../img/onlineh2.gif) no-repeat; }
.intHeader h2.about { background: url(../img/abouth2.gif) no-repeat; }
.intHeader h2.news { background: url(../img/newsh2.gif) no-repeat; }
.intHeader h2.con { background: url(../img/contacth2.gif) no-repeat; }
.intHeader h2.customer { background: url(../img/customerh2.gif) no-repeat; }

.intHeader h2 a
{
	display: block;
	height: 81px;
	outline:none;
}

.intHeader h2 a:hover { background: none; }

h2
{
	font-size: 16px;
	font-weight: lighter;
	color: #363634;
}

.bankCol h2
{
	position: relative;
	left: 15px;
}

h3
{
	color: #083673;
	font-size: 14px;
	font-weight: lighter;
}

.lpContent h3
{
	position: relative;
	top: 0px;
	left: 25px;
	margin: 25px 0 0 0;
	padding: 0;
}

.middleRightColInt h3 { margin: 0 0 10px 0; }

.subNav h3
{
	padding-left: 10px;
	border-top: 10px solid;
	border-bottom: 1px solid #8193ab;
	padding: 5px 10px;
	background: #fff;
}

.subNav h3	a
{
	background: #fff;
	color: #083673;
	font-size: 14px;
	font-weight: lighter;
	text-decoration: none;
}

.subNav h3	a:hover { text-decoration: none; }

.subNav h3.pb
{
	border-bottom: 1px solid #cdcdcd;
	border-top: 10px solid #ae0000;
	color: #363636;
}

.subNav h3.pb a { color: #363636; }

.subNav h3.ob
{
	border-bottom: 1px solid #cdcdcd;
	border-top: 10px solid #606564;
	color: #363636;
}

.subNav h3.ob a { color: #363636; }

.subNav h3.cb
{
	border-bottom: 1px solid #cdcdcd;
	border-top: 10px solid #041a3f;
	color: #363636;
}

.subNav h3.cb a { color: #363636; }

.lpContent p
{
	position: relative;
	top: 0px;
	left: 25px;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
}

.lpContent p.line
{
	border-bottom: 1px solid #b9cfe6;
	padding: 0 0 12px 0;
}

.footerCopy	a
{
	color: #c7c7c7;
	font-size: 10px;
	border-top: 1px solid #505f78;
	padding: 5px 0 0 0;
}

.footerCopy	a:hover
{
	color: #4a5a74;
	text-decoration: none;
}

.news h4
{
	margin: 5px 0 5px 0;
	padding: 0;
}

.news p
{
	margin: 0 0 5px 0;
	padding: 0;
}

.date
{
	margin: 0;
	padding: 0;
}

.newscol h2 { margin: 0 0 25px 0; }

h4
{
	font-size: 12px;
	font-weight: bold;
}

h5
{
	font-size: 10px;
	font-weight: bold;
}



/* GLOBAL NAVIGATION 
----------------------------------------------------------------------------------------- */

.topNav
{
	height: 35px;
	position: relative;
}

.topNav ul
{
	margin: 0;
	padding: 0;
	float: right;
}

.topNav ul li
{
	padding-right: 10px;
	padding-left: 10px;
	margin: 0;
	display: inline;
	float: left;
	list-style: none;
	list-style-image: none !important;
	font-size: 10px;
	line-height: 31px;
	color: #fff;
}

.topNav ul li a
{
	padding: 0 10px 0px 10px;
	text-decoration: none;
	font-size: 10px;
	color: #fff;
	height: 31px;
	display: block;
	float: left;
}

.topNav ul li a:hover
{
	background: #fff url(../img/topnavbg.gif) repeat-x 0 0;
	color: #fff;
	text-decoration: none;
}

.mainNav
{
	margin: 0;
	padding: 0;
}

.mainNav ul
{
	margin: 5px 0 0 12px;
	padding: 0;
}

.mainNav ul	li
{
	margin: 0;
	padding: 0;
	line-height: 57px;
	list-style-type: none;
	list-style-image: none;
}

.mainNav ul	li a
{
	font-size: 15px;
	color: #04419a;
	display: block;
	height: 57px;
	font-weight: normal;
	padding-left: 18px;
	outline:none;
}

.mainNav ul	li a:hover
{
	color: #434A50;
	text-decoration: none;
	border-left: 5px solid #434A50;
	padding-left: 13px;
}

.bankCol ul
{
	margin: 0;
	padding: 0;
	position: relative;
	left: 15px;
	top: 10px;
}

.bankCol ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.bankCol ul li a
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 11px;
	line-height: 16px;
}

.subNav ul
{
	margin: 10px 0 0 0;
	padding: 0;
}

.subNav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.subNav ul li a
{
	font-weight: normal;
	color: #04419a;
	display: block;
	height: 20px;
	line-height: 20px;
	padding: 0 0 0 10px;
}

.subNav ul li a:hover
{
	color: #434A50;
	background: #fff;
	text-decoration: none;
	border-left: 5px solid;
	padding: 0 0 0 5px;
}
									
										
										

/* HOME PAGE LAYOUT 
----------------------------------------------------------------------------------------- */



.container
{
	width: 767px;
	margin: 0 auto;
}

.top
{
	width: 767px;
	height: 341px;
	display: block;
	background: url(../img/topbg.jpg) no-repeat top left;
}

.topint { background: url(../img/topbgint.jpg) no-repeat top left; }

.topLeftCol
{
	width: 211px;
	float: left;
}

.topRightCol
{
	width: 536px;
	float: left;
}

.poster
{
	position: relative;
	top: 5px;
	left: 9px;
	margin: 0;
	padding: 0;
}

.intHeader
{
	width: 518px;
	margin: 0;
	padding: 0;
}

.login
{
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px;
	left: 30px;
}

.middle
{
	margin: 0;
	padding: 0;
	width: 767px;
	display: inline;
}

.midint
{
	background: url(../img/midintbg.gif) no-repeat top left;
	margin: 0;
	padding: 0;
	width: 767px;
	min-height: 262px;
	display: block;
}

.middleLeftCol
{
	width: 490px;
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
	display: inline;
}

.middleLeftColInt
{
	width: 179px;
	padding: 45px 0px 20px 10px;
}

.middleRightCol
{
	width: 240px;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	display: inline;
	background: url(../img/newsbg.jpg) no-repeat top left;
	position: relative;
	left: 15px;
}

.middleRightColInt
{
	width: 478px;
	background: none;
	padding: 45px 15px 20px 5px;
}

.bar
{
	width: 478px;
	height: 38px;
	display: block;
	border-bottom: 1px solid #adadad;
	margin: 0 0 15px 0;
	padding: 0;
}

ul.newslist
{
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

ul.newslist li
{
	margin: 5px 0 0 0;
	padding: 10px 0 10px 0;
	list-style: none;
	list-style-image: none !important;
	border-bottom: 1px solid #e4e4e4;
}

ul.newslist li a
{
	margin: 0;
	padding: 0;
}

ul.newslist li p
{
	margin: 0;
	padding: 0;
}

.bankCol
{
	width: 230px;
	height: 107px;
	float: left;
	margin: 17px 0 17px 0;
	padding: 0;
	border-left: 1px solid #b1b2ad;
}

.newscol
{
	margin: 36px 0 20px 0;
	padding: 0;
	position: relative;
	left: 24px;
	width: 192px;
}

.newscol ul
{
	margin: 0 0 10px 0;
	padding: 0;
}

.newscol ul	li
{
	list-style-type: none;
	border-bottom: 1px solid #b7c1cb;
	display: block;
}

.news
{
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
}

.bankCol2
{
	width: 230px;
	height: 107px;
	float: left;
	margin: 17px 0 17px 0;
	padding: 0;
	border-left: 1px solid #b1b2ad;
}

.content
{
	width: 485px;
	margin: 0 0 20px 0;
	padding: 0;
	display: inline;
	float: left;
}

.launch
{
	width: 485px;
	height: 154px;
	display: block;
	background: url(../img/lpbg.gif) no-repeat top left;
	margin: 22px 0 0 0;
}

.lpimg
{
	width: 125px;
	height: 125px;
	display: block;
	position: relative;
	top: 16px;
	left: 13px;
	float: left;
}

.lpContent
{
	width: 313px;
	display: inline;
	float: left;
}

										
										
										
/* FOOTER 
----------------------------------------------------------------------------------------- */										
										
										
.footer
{
	clear: both;
	background: #041a3e url(../img/footerbg.gif) repeat-x top left;
	padding: 0;
	height: 181px;
	margin: 20px auto 0;
	display: block;
	width: 100%;
}

.footerContainer
{
	background: url(../img/footerarrow.gif) no-repeat 80px 0px;
	width: 767px;
	height: 181px;
	margin: 0 auto;
}

.footerNav
{
	width: 245px;
	margin: 0 auto;
	float: left;
	position: relative;
	top: 30px;
}

.footerNav ul
{
	margin: 0 auto;
	padding: 0;
}

.footerNav ul li
{
	border-bottom: 1px solid #203353;
	list-style-type: none;
	line-height: 22px;
	height: 22px;
	list-style-image: none;
}

.footerNav ul li a
{
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	padding: 0 0 0 19px;
}

.footerNav ul li a:hover
{
	border-left: 5px solid #99c0ff;
	padding: 0 0 0 14px;
	color: #fff;
	text-decoration: none;
}

.footerCopy
{
	width: 230px;
	float: left;
	position: relative;
	left: 50px;
	top: 30px;
	color: #fff;
}

										
/* MISC 
----------------------------------------------------------------------------------------- */

										
.clear:after
{
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clear
{
	display: inline-block;
	/* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }

/* End hide from IE-mac */
.middleRightColInt img { float: right; }
										
.communityLogo
{
	height:20px;
	margin-top:5px;
	padding:5px;
	text-align:left;
	background:#ecf1f7 url(../img/star.gif) no-repeat center right;
}

.communityLogo img,
.communityDetail img
{
	padding:5px;
	background:#fff url(../img/hash.gif) repeat top left;
	border:1px solid #ddd;
}

.communityDetail img
{
	margin:0 0 10px 15px;
}

.communityLogo h3
{
	margin:0;
}

.communityLogo h3 a
{
	size:12px;
}

.communityLogo h3 a:hover
{
	color:#434A50;
	text-decoration:none;
}

									
										
/* FORMS 
----------------------------------------------------------------------------------------- */


.forminput,
.formtext,
.dropdown
{
	border-left: 1px solid #a4a49c;
	border-top: 1px solid #a4a49c;
	border-right: 1px solid #dfdfd6;
	border-bottom: 1px solid #dfdfd6;
	background: #f5f5f3;
	padding: 2px;
}

.forminput:focus,
.formtext:focus,
.dropdown:focus { background: #fafadf; }
.req { color: #ae0000; }
.formtext { width: 400px; }

.contactTable
{
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #8193ab;
}