body {
	background: white url('img/doc_bg.jpg') repeat-x top center;
	font-family: sans-serif;
	margin: 0;
	padding: 0;
/*	font-size: 85%; */
}
a, h1, h2, h3, h4 { color: #12515C; }
h1 { margin: 0 0 0.2em 0; }
h2, h3, h4 { margin: 1.2em 0 0.2em 0; }
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; font-weight: bold }
h4 { font-size: 12px; font-weight: bold }
p,ul,li { font-size: 14px }
p {
	margin: .2em 0 1em 0;
	font-size: 14px;
	text-align: center;
}
ul { margin: .2em 0 1.5em 0 }
li
{
 margin-top: 0.2em;
 margin-bottom: 0.5em;
}

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

#dropshadow {
/*	filter:shadow(color:gray); */
	background: url('img/bg.png') repeat-y top center;
	overflow: auto;
	text-align: center;
}
#doc_frame {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background-color: #ffffd9;
}
#header {
	position: relative;
	height: 183px;
	margin: 0;
	padding: 0;
	background: url('img/bannerscg.jpg') no-repeat bottom right;
}
#header-logo
{
	margin: 10px 15px;
}
.header-overlaytext
{
	position: absolute;
	top: 15px;
	left: 680px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: white;
	width: 216px;
}
.header-overlaytext a
{
 color: #fff;
 text-decoration: none;
}
.header-overlaytext a:link { color: #fff }
.header-overlaytext a:visited { color: #fff }
.header-overlaytext a:hover { color: #DFB62B }
.header-overlaytext a:active { color: #fff }

.imglink
{
 border: none;
 cursor: pointer;
}
#tagline {
	width: 100%;
	margin: 0;
	padding: 6px 0;
	background-color: #DFB62B;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #12515c;
}
#tagline img {
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.navbar
{
 margin: 0 40px 0 0;
 padding: 0;
}
.navtab
{
 position: relative;
 float: right;
 margin: 0 2px;
 background: #12515c url('img/links_rightcorner.gif') no-repeat bottom right;
 color: #fff;
 padding: 8px 24px;
 font-size: 12px;
 font-weight: bold;
 text-align: center;
 text-decoration: none;
}
.navtab a
{
 text-decoration: none;
 color: #fff;
}
.navtab-corner-left
{
 position: absolute;
 bottom: 0;
 left: 0;
 width: 7px;
 height: 7px;
 font-size: 0;
 background-image: url('img/links_leftcorner.gif');
}
.nav-active
{
 background: #dee3e7 url('img/links_rightcorner_active.gif') no-repeat bottom right;
 color: #12515c;
}
.nav-active .navtab-corner-left { background-image: url('img/links_leftcorner_active.gif') }
.nav-spacer
{
 float: right;
 width: 20px;
 height: 20px;
 margin: 0;
}

#page-content
{
 position: relative;
 width: 960px;
 margin: 10px 0;
 padding: 0;
 clear: both;
}

#fp-content {
	float: left;
	width: 670px;
	margin: 0 25px;
	padding: 0;
	clear: both;
	text-align: left;
}
#fp-content img {
	margin: 20px;
}
.promo-img
{
	position: absolute;
	top: -1px;
	margin: 0;
}

#menu {
	background: white url('img/online_banking_bg.gif') no-repeat top center;
	text-align: center;
	width: 200px;
	float: left;
	margin: 0 15px;
}
#menu ul {
	list-style-type: none;
	display: block;
	margin: 0;
	padding: 0;
}
#quicklinks {
	text-align: left;
	padding: 1em;
}
#quicklinks ul li
{
	margin: 4px 0;
	line-height: 1.4;
	font-size: 13px;
}
#footer a {
	padding: 3px 6px;
	font-size: small;
	font-weight: bold;
	color: #ffffd9;
}
#footer a:hover { background-color: #197382 }
#footer {
/*	float: left;	*/
	width: 100%;
	padding: 0;
	border-top: solid 1px transparent;
	line-height: 1.5;
	clear: both;
	text-align: center;
	background-color: #12515C;
	color: #ffffd9;
}
#copyright { margin: 10px auto 0 }


/* This is used on contents pages - 3-column layout  */

#left_links
{
	position: absolute;
	width: 220px;
	top: 0;
	left: 25px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}
#left_links ul {
	list-style-type: none;
	display: block;
	margin: 0 0 1em;
	padding: 0;
}
#left_links ul li {
	display: block;
	margin: 0;
	padding: .2em 0 .2em 0;
}
#left_links ul li a {
	text-decoration: none;
}
#left_links ul li a:hover {
	text-decoration: underline;
}
#content
{
	min-height: 400px;
	margin: 0 0 0 255px;
	width: 680px;
}
#content ul
{
	list-style: url('img/bullet_green.png');
}

.right_info
{
	width: 207px;
	float: right;
	margin: 0 0 20px 20px;
	padding: 0;
	text-align: center;
}
.testimonial-box
{
 position: relative;
 width: 207px;
 /* height: 226px;	*/
 margin: 20px 0;
}
.testimonial-box-img
{
 margin: 0;
 padding: 0;
 text-align: center;
}
.testimonial-box-text
{
 margin: 5px;
 font-family: sans-serif;
 font-size: 14px;
 text-align: left;
 color: /* #766c3c */ #12515c;
}

.rounded {
	background: #ccd url('img/round_bottom.gif') no-repeat bottom center;
	padding: 0;
	margin: 0;
}
.rounded div {
	background: #ccf url('img/round_top.gif') no-repeat top center;
	margin: 0;
}

#copyright { margin-bottom: 0 }

.text-table th { text-align: left }
.text-table td
{
 padding: 0;
 text-align: left
}

.testimonial-text
{
 position: absolute;
 top: 15px;
 left: 10px;
 width: 187px;
 height: 196px;
 font-family: Arial, sans-serif;
 font-size: 14px;
 font-style: italic;
 text-align: center;
}

.todo_note { display: none; color: red }

.rate-table-section { margin: 0 0 40px 0 }
.rate-table
{
 margin: 0;
 border: solid 2px #12515C;
}
.rate-table th,.rate-table td
{
 border: solid 1px #12515C;
 font-size: 14px;
 color: #000;
}
.rate-table th { text-align: left }
.rate-table td,.rate-table th.th-top { text-align: center }
.rate-table.vertical th { text-align: center }
.rate-table-secondary { margin-top: 20px }
.rate-table-head, .rate-table-head td
{
 font-size: 22px;
 text-align: center;
 background-color: #dfcb86;
 color: #000;
}
td.rate-table-subhead
{
 font-weight: bold;
 text-align: center;
 color: #12515c;
}
td.rate-table-sectionhead
{
 font-weight: bold;
 background-color: #12515c;
 color: #fff;
}
.rate-table-note,td.rate-table-note, .rate-table-note p {
	font-weight: normal;
	font-size: 12px
}
.rate-table td.rate-table-details, .rate-table td.rate-table-details p { font-weight: normal; font-size: 12px; text-align: left }


//chrome menu

.chromestyle{
width: 99%;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 100%;
background: url(chrometheme/chromebg.gif) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: url(chrometheme/chromebg2-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px sans-serif;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #05525d;
}#dropshadow #doc_frame #page-content #fp-content table tr td p strong {
	color: #ffffff;
	font-size: 20px;
}
.dis {
	font-size: 10px;
}
#des {
	font-family: "san serif";
	font-size: 10px;
}
td {
	font-size: 10px;
}