/* Poca Valley 2009 style sheet*/
/* author: http://www.fiserv.com */
/* colors: BLUE:#002147 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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,fieldset, form, label, legend,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 {text-align: left;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,h4{ margin-bottom: 10px; font-weight:bold;}
h1{color:#002147;font-size:16px;border-bottom:thin #002147 dotted;margin-bottom: 15px; }
h2{font-size:12px;color:#c0143c}
h3{font-size:13px;}
h4{font-size:12px;}
p {margin-bottom:20px; line-height:1.5;}

 
.smallgrey {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.clear {
	clear:left;
}

/* Layout */

#wrapper {
	width:960px;
	margin:auto;
	overflow:hidden;
	background-color:#fff;
	}
#header {
	width: 960px;
	height: 86px;
	border-top:#002147 8px solid;
	border-bottom:#666 1px solid;
	float:left;
	}
	
#header img {
	width: 240px;
	height: 49px;
	float: left;
	margin:18px 0 0 23px;
	}
 
/**************************  Top Main Navigation*****************************************/
	
/************************************************************************************************/

/*banner and login*/
#mainimg{
    overflow: hidden;
    position: relative;
	height: 168px;
	width: 695px;
	float: left;

}
#mainimg img{
	position: absolute;
	left: 0px;
	top: 0px;
	visibility: hidden;
	opacity: 0;
}
	
#onlineBanking {
	width:265px;
	height:160px;
	float: left;
	background:url('images/bnkng_back.png') #CCC repeat;
	border-bottom:#002147 8px solid;
	display:block;
}

#onlineBanking form { margin:10px;}
#onlineBanking p {font-size:10px; color:#c0143c;line-height:1;letter-spacing: -0.5px; margin:5px 0;}
*:first-child+html #onlineBanking p{letter-spacing: -1px;}
#onlineBanking form h1{ font-size:18px;color:#002147; font-weight:bold; letter-spacing: -1px;margin:0;border:none;}
#onlineBanking #links { float:right;font-size:10px;margin-top:5px;}
#onlineBanking a:link,#onlineBanking a:active,#onlineBanking a:visited { color:#002147;}
#onlineBanking a:hover { color:#002147;}

#onlineBanking .row {
	width:265px;
	height:17px;
	float:left;
	display:block;
	margin-bottom:5px;
	line-height:18px;
}
#onlineBanking .row label{	
	height:15px;
	float:left;
	display:block;
	font-size:11px;
	margin:0 5px;
}

#onlineBanking .row input {
	height:12px;
	float:left;
	display:block;
}

#onlineBanking .lgnbtn {
	display:block;
	float:right;
	height:22px !important;
	margin:-2px 0 0 7px;
	text-align:right;
	width:56px;
}

/* Main */
#main {
	height: auto;
	float:left;
	width: 960px;
	color:#666;
	border-top:#666 1px solid;
	display:block;
}
*:first-child+html {} #main {margin-bottom:33px;}

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

#leftColumnContent{
	width: 620px;
	height: auto;
	float: left;
	margin: 20px;
}

#leftColumnContent ul{
	list-style:disc;margin: 10px 10px 30px 30px;}
	
#leftColumnContent ol {
	margin: 10px 10px 30px 30px;
	list-style: decimal;

}
#leftColumnContent li { line-height:1.5;}

#leftColumnContent img {
	float:left;
	margin-right:15px;
}
*:first-child+html #leftColumnContent img {
	margin-bottom:15px;
}

#leftColumnContent a:link,#leftColumnContent a:active,#leftColumnContent a:visited {
	color: #002147;
}
#leftColumnContent a:hover {
	color: #002147;
}

table hr {
	background-color:#999;
	color:#999;
	float:left;
	height:2px;
	width:170px;
	border:0 none;
	}
table h4 {
	margin-bottom:5px;
}
/* image to change */
#rightColumn{
	width: 195px;
	height:347px;
	float: left;
	margin:33px;
	background-image:url('images/rightColCnrs.png');
	background-repeat:no-repeat;	
}

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

/* Footer*/
#footer {
	width: 890px;
	height: 83px;
	float:left;
	margin:auto;
	font-size:10px;
	color:#666;
	border-top:#002147 1px solid;
	margin:0 0 0 33px;
	display:block;
	}

#footer img {
	width: 83px;
	height:35px;
	float: left;
	margin:11px 0px 0px 0px;
	background-color:#002147;
	}

#footer ul {
	width: 275px;
	float: right;
	text-align:right;
	
	}
	
#footer li {
	float: left;
	line-height:20px;
	margin-left:5px;
	}

#footer li a:link,#footer li a:active,#footer li a:visited {
	color:#666;
	text-decoration:none;
	}

#footer li a:hover {
	color:#333;
	}

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

/* tables */
.styledtable {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #AEB89D;
	font-size: 11px;
	float:left;
}
.odd {
	background-color: #CCC;
}
.even {
	background-color: #ffffff;
}
.styledtable th {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	background-color: #002147;
	text-align: center;
	color:#FFFFFF;
}
.styledtable th a {
	}
.styledtable th a:hover {
	color:#FFFFFF;
}
.styledtable td {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
}
.styledtable tr:hover {
	padding: 5px;
	color:#fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #29a1f4;
}
.styledtable caption {
	padding: 5px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	background-color: #c0143c;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
table.styledtable.bordered {
	background-color: #ffffff !important;
	border: 1px solid #D7DCE8;	
}
table.styledtable.bordered td {
	background-color: #ffffff !important;
	border: 1px solid #D7DCE8;	
}
table.styledtable.bordered th {
	border: 1px solid #D7DCE8;	
}
table.styledtable.bordered caption {
	border: 2px solid #D7DCE8;	
}