/* set/override some defaults */
body {
	font: 13px Arial, Helvetica, sans-serif;
	background: #999 url('images/bg.png') repeat-x scroll center top;
	margin: 13px auto 1em;
}
table, input, select { font-size: 1em } /* force font-size inheritance */
p {margin-top:0}
form {margin:0}
a { text-decoration: none}
a:link { color: #003366}
a:visited {	color: #66849F}
a:hover, a:active {	color: #CC3333}
a:hover { text-decoration: underline}
.content a:link {text-decoration: underline }

/* CCP Standard Styles */
h1, .contentMainTH1 {
	font: bold 1.25em serif;
	color: #036;
	border-bottom: 1px solid #C33;
	text-transform:capitalize;
	font-variant:small-caps;
	margin-top: 0;
}
.header1, h2 {
	font: bold italic 1em/1em Arial, Helvetica, sans-serif; 
	color: #C33;
	border-bottom: 6px double #036;
	margin: 1ex 0 0;
}
.header2, h3 {
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	color: #333;
	margin: 1ex 0 0;
}
.footnote {	font-size: 0.77em}
.linkTop {
	font-size: 0.85em;
	font-weight: bold; 
	text-align: right;
}
.linkTop a { text-decoration: underline }
.bullets1, ul { list-style-image: url('images/graphics/bullet.gif')}
.bullets2 { list-style-image: url('images/graphics/arrow-bullet.png')}
.bankName {	font: bold 1.15em Arial, Helvetica, sans-serif; color: #003366 }
.footerSitemap .bankName { margin: 0; padding: 1.5ex 0 0.5ex}

/* Template Standard Styles */
.content {
	color: #000;
	text-align: left;
	vertical-align: top;
	padding: 8px 8px 0;
	background: #fff url('images/graphics/watermark.png') no-repeat scroll right bottom;
}
.contentTables { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
    color: #000000;
}
.contentIndex {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	background-color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	padding: 2px;
}
.footer {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal;
	font-weight: normal; 
	color: #FFFFFF; 
	background-color: #003366; 
	text-align: center; 
	vertical-align: middle; 
	padding-top: 2px; 
	padding-right: 2px; 
	padding-bottom: 2px; 
	padding-left: 2px;
}
.footerSitemap {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
}
.footerLogos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	width: 100px;
	background-color: #FFFFFF;
}
.footerNotice {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
 	background-color: #CACED9; 
	text-align: justify; 
	padding-right: 10px; 
	padding-left: 10px; 
	border: 1px #003366 solid; 
	padding-top: 3px; 
	padding-bottom: 3px;
}
.indexText {font-family: "Times New Roman", Times, serif;}
.copyright {
	font: 0.85em Arial, Helvetica, sans-serif;
	color: #FFF;
	background-color: #003366;
	padding: 3px 10px;
	border: 1px #000000 solid; 
}
.copyright a:link, .copyright a:visited {color: #FF9}
.copyright a:hover, .copyright a:active {color: #CC6}

/* Formatting Standard Styles */
.bold { font-weight:bold }
.italic { font-style:italic }
.red  { color:#CE1126}
.blue { color:#003399 /*color:#003893 */}
.blueLarge {
	color:#003399 /*color:#003893 */;
	font-size: 15px;
	font-style: italic;
}
.contentLarge {
	font-size: 15px;
}



.tableTop, .chart caption { font-weight: bold; color: #FFF; background-color: #C33; text-align:center}
.chart caption { border: solid 1px #036; border-bottom:none;}
.tableBottom {}
.dateStamp {
	color: #FFFFFF;
	background-color: #013370;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
}
.leftCol { background: #013370 url('images/2557int_r16_c1.jpg') repeat-y scroll center top;}

.chart {
	border-collapse:separate;
	border: 1px solid #036;
	background-color: #EDEDED;
}
.chart td { 
	background-color: #FFF;
	border: 1px solid #CCC;
	margin: 1px;	
}
.chart .chartFooter { background-color: #E2E2E2; color: #036; text-align:left; padding: 1ex;}
.chart tr.rowStyle0 td {background-color: #FFFFFF;}
.chart tr.rowStyle1 td {background-color: #E9F1F5;}
.chart tr.rowStyle2 td {background-color: #E2E2E2;}
.locationLinks {font-size: 0.85em;float: right}
#MarqueeContainer {
	width: 100%;
	height: 19px;
	border: 0;
	overflow: hidden;
	background-color: #013370;
}
.clear {
	clear: both;
}
a.ratesButton, a.ratesButton:link, a.ratesButton:visited {
	padding: 0 1ex;
	float: right;
	border: 1px solid #C33;
	color: #CC3333;
	background: #FFFFFF;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.85em;
	margin: 1ex 0 1ex 1ex;
}
a.ratesButton:hover, a.ratesButton:active {
background:#CC3333;
color:#FFFFFF;
}
.TableSmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
.reddot {
	background-image: url(images/graphics/reddot.gif);
	background-repeat: no-repeat;
}
#online {
	font-size: 11px;
	color: #FFFFFF;
	background-image: url(images/index_r14_c1.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
}
#onlineIndex {
	font-size: 11px;
	color: #FFFFFF;
	/*background-image: url(images/indexL_r1_c1.jpg);*/
	background-image: url(images/indexL_r1_c1_estatements.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
	width: 221px;
}
#billpay {
	
	background-image: url(images/index_r13_c6.jpg);
	background-repeat: no-repeat;
	
	
	margin: 0px;
}
#billpay ul{
	font-size: 10px;
	color: #FFFFFF;
    line-height: 130%;
	padding-left: 30px;
	padding-top: 32px;
	margin: 0px;
}

#billpay ul li a{
	
	color: #FFFFFF;
    
}
#submit1 {
	vertical-align: middle;
	padding-left: 10px;
}
#AccessIDVisible {
	vertical-align: middle;
}
#wrapper {
	width: 770px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}