/* BNA BANK 2009 style sheet*/
/* author: http://www.fiserv.com */
/* colors: BLUE:#1b437c RED:#c0143c */

/* CSS Reset */
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, ins, kbd, q, s, samp,small, strike,  sub, sup, tt, var,
dl, dt, dd, ol, ul, li, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul { list-style: none; }
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}


/* general*/
body {
	background-color:#CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

h1,h2,h3{color:#c0143c; margin-bottom: 5px; font-weight:bold;}
h1{	font-size:14px;}
h2{font-size:13px;}
h3{font-size:12px;}
h4{font-size:12px; letter-spacing:1px;}
p {margin-bottom:20px; line-height:1.5;}


/* Layout */

#wrapper {
	width:960px;
	margin:auto;
	overflow:hidden;
		background-image:url('images/bg_header.gif');
	background-repeat:repeat-x;
	background-color:white;

	}
#header {
	width: 960px;
	height: 125px;
	border-bottom:#666 1px solid;

	}
	
#header img {
	width: 191px;
	height:115px;
	float: left;
	margin: 9px 0 0 20px;
	}
	
	
#header p {
color:#1B437C;
float:right;
font-family:Georgia,times new roman;
font-size:18px;
height:30px;
margin:15px 100px 0 0;
padding:0;
text-align:center;
}

	
 
/* Top Main Navigation*/
#topNav{
	width: 609px;
	height: 52px;
	float: right;
	margin-right:33px;
	}
	
#topNav ul{
	}

#topNav li{
	height: 52px;
	text-align:center;
	float:left;
	line-height:50px;
	background-color:#f0f0f0;
	margin-top:9px;
	display:block;
	}

#topNav li a:link,#topNav li a:visited, #topNav li a:active{
	width: 87px;
	height: 52px;
	color:#666666;
	font-size:12px;
	text-decoration:none;
	background-image: url('images/topNavFrameShdw.png');
	display:block;
	}

#topNav li.first a:link,#topNav li.first a:visited,#topNav li.first a:active {
	background-image: url('images/topNavFrameShdwFirst.png');
	width: 87px;
	height: 52px;
	display:block;
	}

#topNav li.last a:link,#topNav li.last a:visited,#topNav li.last a:active {
	background-image: url('images/topNavFrameShdwLast.png');
	width: 87px;
	height: 52px;
	display:block;

	}
	
#topNav li.long a:link,#topNav li.long a:visited,#topNav li.long a:active {
	background-image: url('images/topNavFrameShdwL.png');
	width:132px;
	height:52px;
	display:block;
	}


#topNav li a:hover{
	color:#333;
	font-size:12px;
	background-color:#77b7e2;
	display:block;
	}
	
/*banner and login*/

#slideshowC {
	width: 960px;
	height: 173px;
	float: left;
	/*background-image:url('images/banner31.jpg');
	background-repeat:no-repeat;*/
	position: relative;	
}
	
#banner {
	width: 695px;
	height: 168px;
	float: left;
	background-image:url('images/banner_holder.png');
	background-repeat:no-repeat;
	}	

#onlineBankingbg {
	width:270px;
	height:125px;
	float: right;
	background:url('images/bg-login.png');
	background-repeat:no-repeat;
	display:block;
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 120;
}
	
#onlineBanking {
	width:270px;
	height:125px;
	float: right;
	display:block;
	position: absolute;
	top: 18px;
	right: 0;
	z-index: 125;
	text-align:left;
}

#onlineBanking form {
	margin:15px;
	width:240px;
	height:auto;
}

* html #onlineBanking form {
	margin-left:-15px;
}
 
#onlineBanking h1{ 
	height:25px;
	width:220px;
	float:left;	
	font-size:18px;
	color:#FFF; 
	font-weight:bold; 
	font-family: Georgia, times new roma;
	margin:0px;
	padding:0px;
	text-align:center;
}
* html #onlineBanking h1{
	text-indent:10px;
	}
 
#onlineBanking .row {
	height:20px;
	width:220px;
	float:left;
	display:block;
	margin-bottom:7px;
	line-height:18px;
}
* html #onlineBanking .row {
	margin-left:10px;
}
#onlineBanking .row input {
	float:left;
	display:block;
}

#onlineBanking .row select {
	float:left;
	display:block;
}
* html #onlineBanking .row select {
	margin-left:5px;}

#onlineBanking .lgnbtn {
	display:block;
	float:right;
	height:22px !important;
	margin-left:5px;
}

#onlineBanking #links { 
	height:20px;
	width:220px;
	float:left;
	font-size:10px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#002147;
}

#onlineBanking a:link, #onlineBanking a:active, #onlineBanking a:visited {
	color:#ccc;
	text-decoration:none;
}

#onlineBanking a:hover { 
	color:#00ccff;
	text-decoration:underline;
}

/* end login*/

/* Main */
#main {
	height: auto;
	float: left;
	width: 960px;
	color:#666;
	border-top:#666 1px solid;
}

#leftColumn{
	width: 713px;
	margin:13px 0 13px 13px;
	height:auto;
	float: left;
	background-color:#f3f3f3;
	border:1px #dedede solid;
}


/* CONTENT SECOND PAGES*/
#leftColumnContent {
	width: 671px;
	height: auto;
	float: left;
	margin: 20px;
}

#leftColumnContent h1 {
	font-family:Georgia, Times, serif;
	color:#c0143c;
	font-size: 18px;
	font-weight:bold;
	margin-bottom:10px;	
}

#leftColumnContent h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#1b437c;
	font-size: 14px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


#leftColumnContent h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 14px;
	font-weight:bold;	
	margin-bottom: 5px;
	margin-top:20px;
}

#leftColumnContent h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#666;
	font-size: 12px;
	font-weight:bold;	
	margin-top:7px;

}


#leftColumnContent h5 {
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 13px;
	font-weight:bold;
	text-align:center;	

}


#leftColumnContent p {
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 12px;
	font-weight: normal;
	margin-left: 10px;
	margin-bottom: 15px;	
}


#leftColumnContent table p {
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 12px;
	font-weight: normal;
	margin-bottom: 2px;	
}



#leftColumnContent a:link, #leftColumnContent a:active, #leftColumnContent a:visited { 
	color:#0099ff;
	text-decoration:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#leftColumnContent a:hover {
	color:#666;
	text-decoration:underline;
}


#leftColumnContent .form a:link, #leftColumnContent .form a:active, #leftColumnContent .form a:visited { 
	color:#0099ff;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;

	}

#leftColumnContent .form a:hover {
	color:#666;
}





#leftColumnContent img {
	margin: 10px;
	text-align:center;
}

#leftColumnContent ul li {
 margin-bottom:7px;
 font-family: Arial, Helvetica, sans-serif;
	color:#333;
	font-size: 12px;
	list-style: circle; 
	margin-left:15px; 
	font-size:12px;
	margin-top:10px;



}


/* CONTENT COLUMNS HOME PAGE*/

#leftInsideCols {
	width: 160px;
	height: auto;
	float: left;
	padding-right:7px;
}

#leftInsideCols a:link, #leftInsideCols a:active, #leftInsideCols a:visited { 
	color:#0099ff;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	}

#leftInsideCols a:hover {
	color:#666;
	text-decoration:underline;
}

#leftInsideCols h4 {
	color:#666;
	border-bottom:1px #999 solid;
	margin-bottom:7px;
	padding-bottom:7px;
	font-weight:bold;
	}
#leftInsideCols ul li {
	line-height:1;
	list-style:none;
}

/* image to change - SUB MENUS*/
#rightColumn{
	width: 220px;
	height:390px;
	float: left;
	margin:0px;
}
#rightColumn p{
	padding:10px;
	font-weight:11px;
	color:#fff;
	display:block;
	float:left;
}

#rightColumn img{
	margin-top:10px;
	display:block;
	float:left;
	margin-left:30px;
	}
	
#rightColumn a:link, #rightColumn a:active, #rightColumn a:visited { 
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-bottom:10px;
	text-align:center;
	}

#subnav {
	width:170px;
	height:305px;
	background-image:url('images/bg_left-nav.gif');
	background-repeat:no-repeat;
	margin-top:10px;
	display:block;
	float:left;
	margin-left:30px;
}

#subnav img {
	width:125px;
	height:129px;
	margin-top:12px;
	display:block;
	float:left;
	margin-left:25px;
}

#subnav h1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size:16px;
	color:#1b437c;
	margin-top:20px;
	margin-left:10px;

}


#subnav ul{
	float:left;
	margin-top:30px;
	margin-left:5px;
	text-decoration:none;
}

#subnav li a:link, #subnav li a:active, #subnav li a:visited { 
	color:#ccc;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	text-decoration:none;
	}

#subnav li a:hover {
	color:#0099ff;
	text-decoration:underline;

}



#subnavHome {
	width:170px;
	height:305px;
	background-image:url('images/bg_left-school.jpg');
	background-repeat:no-repeat;
	margin-top:10px;
	display:block;
	float:left;
	margin-left:30px;
	padding-top:255px;
	text-align:center;
	
}



#subnavHome a:link, #subnavHome a:active, #subnavHome a:visited { 
	color:#FFF;
	text-decoration:none;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;

	}

#subnavHome a:hover {
	color:#0099ff;
	text-decoration:underline;

}
























#columnMinHeight {	height:347px;float:right;width:1px;}
#columnMinHeightClear {clear:both;height:1px;overflow:hidden;}

/* Footer*/
#footer {
	width: 930px;
	height: 83px;
	clear: both;
	margin:auto;
	font-size:10px;
	color:#666;
	border-top:#002147 1px solid;
	margin-top:33px;
	}
	

#fdic {
	float: left;
	margin:11px 0px 0px 0px;
	background-image:url('images/logos.png');
	background-color:#1b437c;
	}

#faceBook {
	width: 220px;
	float:left;

}


#faceBook img{
	width: 30px;
	height: 30px;
	margin-top:15px;
	margin-left:15px;
	margin-right:5px;
	margin-bottom:0;
	float:left;
	
}

#faceBook a:link,#faceBook a:active,#faceBook a:visited {
	color:#0099ff;
	text-decoration:none;
	text-align:right;
	margin-top:15px;
}

#faceBook a:hover {
	color:#666;
	text-decoration:underline;
}


#footer a:link,#footer a:active,#footer a:visited {
	color:#0099ff;
	text-decoration:none;
	text-align:right;
	
}

#footer a:hover {
	color:#666;
	text-decoration:underline;
	}

#footer p {
	width: 600px;
	height:15px;
	float: right;
	margin:10px 0 2px 0;
	text-align:right;
	}
	

	
	
#mainimg{
    overflow: hidden;
    position: relative;
	width: 960px;
	height: 173px;

}
#mainimg img{
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	opacity: 0;
}