/* ------------ Colors -----------------
background color = #132738
light blue = #cedddd
dark blue = #12314c
red = #952127
--------------------------------------- */

body {
background-color:#132738; font-family:Verdana, Geneva, sans-serif; font-size:.75em; color:#222;	
}

a:link, a:visited {
color:#12314c; text-decoration:underline;	
}

a:hover, a:active {
color:#952127; text-decoration:underline;	
}

img {
border:0;	
}

form {
margin:0; padding:0;	
}

td {
vertical-align:top;	
}

:focus {
outline:none;	
}

#container {
position:relative; width:969px; margin:0 auto; background-color:#fff;
}

#topC {
width:969px; height:95px;
background-image:url(images/BG-top.jpg); background-repeat:no-repeat;
}

#logo {
float:left; padding:16px 0 0 20px; 	
}

#search {
position:absolute;
top:9px;
right:38px;	
}

#search-box {
float:left; padding-right:3px;
}

#search-button {
float:left;	
}

#topRightLinks {
float:right;
padding:47px 28px 0 0;
color:#cedddd;
text-align:right;  
 width: 550px;
 font-size:11px;	
}

#topRightLinks a:link, #topRightLinks a:visited {
color:#cedddd; text-decoration:none;	
}

#topRightLinks a:hover, #topRightLinks a:active {
color:#fff; text-decoration:underline;	
}

#middleC {
padding:12px 0 0 12px; width:957px;	
}

#leftColumn {
float:left; width:276px; padding:0 11px 0 0;
}

#leftColumn p {
margin:0 0 9px;	
}

#leftColumn-content {
padding:12px 0 15px;	
}

#rightColumn {
float:left; width:670px;	
}

#onlineBanking {
width:260px; padding:8px 8px 0 8px;
_padding:8px 4px 0 8px;
background-image:url(images/BG-onlineBanking.jpg);  
}

#ob-title {
width:252px; height:23px; padding:8px 0 0 12px; font-size:13px; color:#fff; font-weight:bold; 
background-image:url(images/BG-ob-title.jpg); background-repeat:no-repeat;
}

#ob-box {
width:260px; min-height:80px;
background-image:url(images/BG-ob-box.jpg); background-repeat:no-repeat; background-position:bottom
}

.lock {
	background-image:url('images/ob_lock.gif');
	background-position: 3px 4px;
	background-repeat: no-repeat;
	padding-left: 15px;
}

#mainNav {
width:252px; min-height:183px; padding:12px; color:#12314c; 
background-image:url(images/BG-mainNav.jpg); background-repeat:no-repeat; background-position:bottom;
}

#mainNav ul {
margin:6px 0 0 0; padding:0;	
}

#mainNav ul li {
margin:8px 0 0px 10px; padding:0 0 4px; list-style-type:none; color:#12314c; font-weight:bold;	
}

#mainNav ul li a:link, #mainNav ul li a:visited {
color:#12314c; text-decoration:none;	
}

#mainNav ul li a:hover, #mainNav ul li a:active {
text-decoration:underline;	
}

#mainNav ul li ul {
margin:0px 0 0px 10px; padding:0;	
}

#mainNav ul li ul li {
margin:0; padding:0; list-style-type:none; font-weight:normal;	color:#12314c;
}

#mainNav ul li ul li a:link, #mainNav ul li ul li a:visited {
color:#12314c; text-decoration:none;	
}

#mainNav ul li ul li a:hover, #mainNav ul li ul li a:active {
color:#952127; text-decoration:underline;
}

#mainNav ul li ul li.mainNav-indented {
margin-left:15px;	
}

.mainNav-dividerLine {
border-bottom:1px #952127 solid; margin:9px 0; padding:0; height:0;	
}



#mainNav-heading1 {
margin:0; font-weight:bold; font-size:1.2em; 	
}

#mainNav-heading1 a:link, #mainNav-heading1 a:visited {
text-decoration:none;	
}

#mainNav-heading1 a:hover, #mainNav-heading1 a:active {
text-decoration:none;	
}

#mainNav-heading1-hide {
margin:0; font-weight:bold; font-size:1.2em; display:none; 	
}

#mainNav-heading1-hide a:link, #mainNav-heading1-hide a:visited {
text-decoration:none;	
}

#mainNav-heading1-hide a:hover, #mainNav-heading1-hide a:active {
text-decoration:none;	
}

#mainNav-heading1-show {
margin:0; font-weight:bold; font-size:1.2em; display:none; 	
}

#mainNav-heading1-show a:link, #mainNav-heading1-show a:visited {
text-decoration:none;	
}

#mainNav-heading1-show a:hover, #mainNav-heading1-show a:active {
text-decoration:none;	
}



#mainNav-heading2 {
margin:0; font-weight:bold; font-size:1.2em; 	
}

#mainNav-heading2 a:link, #mainNav-heading2 a:visited {
text-decoration:none;	
}

#mainNav-heading2 a:hover, #mainNav-heading2 a:active {
text-decoration:none;	
}

#mainNav-heading2-hide {
margin:0; font-weight:bold; font-size:1.2em; display:none; 	
}

#mainNav-heading2-hide a:link, #mainNav-heading2-hide a:visited {
text-decoration:none;	
}

#mainNav-heading2-hide a:hover, #mainNav-heading2-hide a:active {
text-decoration:none;	
}

#mainNav-heading2-show {
margin:0; font-weight:bold; font-size:1.2em; display:none; 	
}

#mainNav-heading2-show a:link, #mainNav-heading2-show a:visited {
text-decoration:none;	
}

#mainNav-heading2-show a:hover, #mainNav-heading2-show a:active {
text-decoration:none;	
}



#mainNav-heading3 {
margin:0; font-weight:bold; font-size:1.2em; 	
}

#mainNav-heading3 a:link, #mainNav-heading3 a:visited {
text-decoration:none;	
}

#mainNav-heading3 a:hover, #mainNav-heading3 a:active {
text-decoration:none;	
}

#mainNav-heading3-hide {
margin:0; font-weight:bold; font-size:1.2em; display:none; 	
}

#mainNav-heading3-hide a:link, #mainNav-heading3-hide a:visited {
text-decoration:none;	
}

#mainNav-heading3-hide a:hover, #mainNav-heading3-hide a:active {
text-decoration:none;	
}

#mainNav-heading3-show {
margin:0; font-weight:bold; font-size:1.2em; display:none;  	
}

#mainNav-heading3-show a:link, #mainNav-heading3-show a:visited {
text-decoration:none;	
}

#mainNav-heading3-show a:hover, #mainNav-heading3-show a:active {
text-decoration:none;	
}



#mainNav-heading4 {
margin:0; font-weight:bold; font-size:1.2em; 	
}

#mainNav-heading4 a:link, #mainNav-heading4 a:visited {
text-decoration:none;	
}

#mainNav-heading4 a:hover, #mainNav-heading4 a:active {
text-decoration:none;	
}

#mainNav-heading4-hide {
margin:0; font-weight:bold; font-size:1.2em; display:none; 	
}

#mainNav-heading4-hide a:link, #mainNav-heading4-hide a:visited {
text-decoration:none;	
}

#mainNav-heading4-hide a:hover, #mainNav-heading4-hide a:active {
text-decoration:none;	
}

#mainNav-heading4-show {
margin:0; font-weight:bold; font-size:1.2em; display:none;  	
}

#mainNav-heading4-show a:link, #mainNav-heading4-show a:visited {
text-decoration:none;	
}

#mainNav-heading4-show a:hover, #mainNav-heading4-show a:active {
text-decoration:none;	
}



#mainNav-links-1 {
display:none;	
}

body.business #mainNav-links-1 {
display:block;	
} 

body.business #mainNav-heading1 {
display:none;
}

body.business #mainNav-heading1-hide {
display:block;	
}

#mainNav-links-2 {
display:none;	
}

body.personal #mainNav-links-2 {
display:block;	
} 

body.personal #mainNav-heading2 {
display:none;	
}

body.personal #mainNav-heading2-hide {
display:block;	
}

#mainNav-links-3 {
display:none;	
}

body.about #mainNav-links-3 {
display:block;	
} 

body.about #mainNav-heading3 {
display:none;	
}

body.about #mainNav-heading3-hide {
display:block;	
}

#mainPic {
width:658px; height:294px; padding:0 12px 0 0;	
}

#mainPic p {
padding:0; margin:0;	
}

#mainimg {
overflow: hidden; position: relative; height:294px; width:658px;
}

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

#mainimg p {
margin:0; padding:0;
}

#content-home {
padding:0;	
}

#content-home h1 {
color:#cedddd; font-size:1.45em; margin:3px 0 14px; padding:8px 0 0 25px; height:31px; font-weight:normal;
background-image:url(images/BG-h1-home.jpg); background-position:top left; background-repeat:no-repeat;
}

#content-home p {
margin:0 0 14px; padding:0 25px;	
}

#content-home ul {
margin:0 0 14px; padding:0;	
}

#content-home ul li {
margin:0 0 0 14px; padding:0 0 0 11px; list-style-type:none;
background-image:url(images/li-square-red.jpg); background-repeat:no-repeat; background-position:top left;
}

#content-home ol {
margin:0 0 14px 40px; padding:0;	
}

#content-home ol li {
margin:0; padding:0; 
}

#content {
padding:0 27px 0 16px;	
}

#content h1 {
color:#cedddd; font-size:1.20em; margin:0 -15px 14px; padding:6px 0 0 9px; height:22px; 
background-image:url(images/BG-h1-subs.jpg); background-position:bottom right; background-repeat:no-repeat;
}

#content h2 {
color:#952127; font-size:1.1em; margin:18px 0 11px; 
}

#content p {
margin:0 0 14px;	
}

#content ul {
margin:0 0 14px; padding:0;	
}

#content ul li {
margin:0 0 0 14px; padding:0 0 0 11px; list-style-type:none;
background-image:url(images/li-square-red.jpg); background-repeat:no-repeat; background-position:top left;
}

#content ol {
margin:0 0 14px 40px; padding:0;	
}

#content ol li {
margin:0; padding:0;   
}

#contentBoxes {
margin:15px 0px 0; width:969px; 
background-image:url(images/BG-contentBoxes.jpg); background-repeat:no-repeat; background-position:top right;
}

#contentBoxes a:link, #contentBoxes a:visited {
color:#12314c; text-decoration:none;	
}

#contentBoxes a:hover, #contentBoxes a:active {
color:#952127; text-decoration:underline;	
}

#contentBoxes ul {
margin:8px 0 0; padding:0; font-size:1em;
}

#contentBoxes li {
margin:0 0 0 1px; padding:0 0 8px 16px; list-style-type:none;
background-image:url(images/li-contentBoxes.jpg); background-position:top left; background-repeat:no-repeat;
}

#contentBoxes p {
margin:8px 0 0; font-size:1em;
}

#contentBoxes h5 {
color:#12314c; font-size:1.2em; margin:0; padding:0; height:25px;	
}

#contentBox1 {
float:left; width:154px; padding:0px 8px 14px 18px;  
}

#contentBox2 {
float:left; width:229px; padding:0px 8px 14px 10px;     
}

#contentBox3 {
display:none; float:left; width:269px; padding:25px 0 0 2px;
}

#contentBox3 p {
margin:0; padding:0;
}

#contentBox5 {
display:none; float:left; width:269px; padding:25px 0 0 2px;
}

#contentBox5 p {
margin:0; padding:0;
}

#contentBox7 {
display:none; float:left; width:269px; padding:25px 0 0 2px;
}

#contentBox7 p {
margin:0; padding:0;
}

#contentBox4 {
display:none; float:left; width:269px; padding:25px 0 0 2px;
}

#contentBox4 p {
margin:0; padding:0;
}

#contentBox6 {
display:none; float:left; width:269px; padding:25px 0 0 2px;
}

#contentBox6 p {
margin:0; padding:0;
}

#contentBox8 {
display:none; float:left; width:269px; padding:25px 0 0 2px;
}

#contentBox8 p {
margin:0; padding:0;
}

#footer {
width:969px; height:42px; padding:4px 0 0 0; margin:0 auto; background-color:#040a26; color:#fff; text-align:right;
font-size:10px; background-image:url(images/BG-footer.jpg); background-repeat:no-repeat;
}

#footer a:link, #footer a:visited {
color:#fff; text-decoration:none;	
}

#footer a:hover, #footer a:active {
color:#fff; text-decoration:underline;	
}

#footer table {
width:969px; border:0; border-collapse:collapse;	
}

#footer td {
border:0; padding:0; vertical-align:top;	
}

.clear {
clear:both; margin:0; padding:0;	
}

.linkDivider {
margin:0 5px; font-weight:normal;	
}

.redText {
color:#952127;	
}

legend {
	font-size: 18px;
	font-weight: normal;
	color: #12314c;
	padding-right: 10px;
	padding-left: 5px;
}

.calc_results {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	text-align: center;
}

.calc_results input {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
	font-weight: bold;
	text-align: center;
}

.calc_results h3 {
	font-size: 14px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

fieldset {
	padding: 15px;
}

fieldset p {
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}