﻿body {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
:focus {
	outline:none;
}
#page {
	width: 987px;
	min-height: 500px; 
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #FFFFFF;
}
#watermarks {
	position: absolute;
	z-index: 300;
	left: 15px;
	bottom: 45px;
}
#header1 {
	position: absolute;
	background-image: url(images/banner.png);
	background-repeat: no-repeat;
	width: 	987px;
	height: 129px;
	left: 0px;
	top: 0px;
	z-index: 100;
}
#slogan {
	position: absolute;
	Z-index: 151;
	left: 169px;
	top: 30px;
}
#slogan h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	color: #00386f;
	text-align: right;
}
#logo {
	position: absolute;
	z-index: 150;
	left: 28px;
	top: 9px;
}
#topnav {
	height: 25px;
	width: 550px;
	font-size: 11px;
	text-align: right;
	float: right;
	position: absolute;
	z-index: 200;
	top: 4px;
	right: 28px;
	margin-top: 5px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body.savings #topnav, body.checking #topnav, body.loans #topnav, body.about #topnav {
}
#topnav ul {
	display: inline;
	width: auto;
	float: right;
	margin: 0px;
	padding: 0px;
}
#topnav li {
	display: inline;
	float: left;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#topnav li a {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
}
#topnav li a:hover {
	text-decoration: underline;
}
#container1 {
	width: 987px;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#col_left {
	width: 165px;
	height: 300px;
	float: left;
	position: relative;
}

#nav1 {
	margin-left: 58px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding: 0px;
	position: absolute;
	left: -58px;
	top: 200px;
	z-index: 1050;
}
#nav1 h1 {
	font-size: 12px;
	color: #cd7b29;
	padding: 0px;	
}
#container2 {
	display: none;
	width: 813px;
	background-image: url(images/mainimg_bg.jpg);
	background-repeat: repeat-y;
	background-position: right;
	padding-left: 1px;
	padding-top: 47px;
	float: right;
}
body.personal #container2, body.business #container2, body.loans #container2, body.banking #container2, body.investment #container2, body.tools #container2, body.marine #container2 { 
	display: block;
	background-image: url(images/secondary_bg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	min-height: 550px;
}
body.home #container2 {
	display: block;
}
#middle_col {
	width: 798px;
	padding-left: 15px;
}
/*#mainimg {
	display: none;
	float: left;
	width: 572px;
	height: 313px;
}*/
/* Non Flash slideshow styles */
#mainimgContainer {
	position: absolute;
	width: 572px;
	height: 313px;
	left: 200px;
	top: 47px;
}
#mainimg {
	display: none;
	overflow: hidden;
	position: relative;
	float: left;
	width: 572px;
	height: 313px;
}
#mainimg img{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
	visibility: hidden;
	opacity: 0;
}
#img1{
	/* z-index: 2; */
}
#mainimgSpacer {
	display: none;
	float: left;
	width: 572px;
	height: 313px;
}
body.home #mainimg, body.home #mainimgSpacer {
	display: block;
}
#right_col {
	display: none;
	float: left;
	width: 216px;
	margin-left: 10px;
	position: relative;
}
body.home #right_col {
	display: block;
}
#onlinebankingxy {
	background-image: url(images/ob_bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 128px;
	width: 207px;
}
#onlinebanking {
	display: none;
	position: absolute;
	z-index: 500;
	top: 74px;
	right: 25px; /*was 30px*/
	color: #FFFFFF;	
}
body.home #onlinebanking {
	display: block;
}
#onlinebanking h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0055a5;
	margin: 0px;
	padding: 0px;
}
#onlinebanking a {
	color: #FFFFFF;
	text-decoration: none;	
}
#onlinebanking a:hover {
	text-decoration: underline;	
}
.lock {
	background-image: url(images/ob_lock.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
}
#obfooter {
	float: left;
	background-image: url(images/ob_footer.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 207px;	
}
#newscontainer {
	position: absolute;
	z-index: 450;
	left: 0px;
	top: 150px;
}
#news {
	padding-top: 5px;
	padding-left: 10px;
	padding-bottom: 0px;
	width: 197px;
	height: 132px;
	background-repeat: repeat-y;
	background-image: url(images/news_bg.jpg);
	color: #FFFFFF;
	overflow: hidden;
}
#news h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}
#news a {
	color: #e7b656;
	text-decoration: none;
	font-size: 11px;
}
#news a:hover {
	text-decoration: underline;	
}
#newsfooter {
	background-image: url(images/news_footer.png);
	background-repeat: no-repeat;
	height: 20px;
	width: 77px;
	padding-left: 130px;
}
#newsfooter a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
#newsfooter a:hover {
	color: #CCCCCC;
	text-decoration: underline;	
}
body.feed {
	background: none;
	color: #FFFFFF;
}
#news_events {
	margin-left: 5px;
}
#news_events h1 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 2px;
	text-align: left;
}
#news_events a {
	color: #e7b656;
	text-decoration: none;
}
#news_events a:hover {
	text-decoration: underline;	
}
#content1 {
	width: 785px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	float: left;
	background-color: #FFFFFF;
}
#content1 a {
	color: #cd7b29;
	text-decoration: none;
}
#content1 a:hover {
	color: #044b8e;
	text-decoration: underline;
}
body.home #content1 {
	width: 795px;
	margin-left: 8px;
	padding-left: 0px;
}
#subcontent {
	display: none;
	padding-top: 80px;
	padding-left: 15px;
	padding-right: 35px;
}
#subcontent h1 {
	font-size: 24px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	color: #0055a5;
	font-style: italic;
}
#subcontent h2 {
	font-size: 16px;
	padding-bottom: 4px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4a6398;
	color: #4a6398;
}
#subcontent h3 {
	font-size: 14px;
	padding-bottom: 2px;
	padding-top: 4px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 4px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #d08437;
}
#subcontent h4 {
	font-size: 12px;
	padding-bottom: 1px;
	padding-top: 2px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #a67c52;
}
#subcontent p {
	line-height: 1.5em;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;
}
body.personal #subcontent, body.business #subcontent, body.loans #subcontent, body.banking #subcontent, body.investment #subcontent, body.tools #subcontent, body.marine #subcontent {
	display: block;
}
#features {
	display: none;
	width: 573px;
	padding-top: 17px;
	padding-left: 17px;
	float: left;
}
body.features #features {
	display: block;
}
#features img {
	padding-bottom: 10px;
	background-image: url(images/img_shadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}
#features h1 {
	font-size: 15px;
	color: #cd7b29;
	text-align: center;
	padding: 0px;
	margin-top: -2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
#features p {
	padding: 2px;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 7px;
}
#features a {
	color: #cd7b29;
	text-decoration: none;
}
#features a:hover {
	text-decoration: underline;	
}
#features td {
	vertical-align: top;	
}
.bordertop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #bfcfdf;
	border-right-color: #bfcfdf;
	border-bottom-color: #bfcfdf;
	border-left-color: #bfcfdf;
}
#list {
	display: none;
	background-image: url(images/list_bg.jpg);
	background-repeat: repeat-y;
	width: 187px;
	margin-left: 15px;
	margin-top: 10px;
	float: left;
}
body.list #list {
	display: block;
	position: relative;
}
#fdicprogram {
	position: absolute;
	width: 151px;
	height: 59px;
	top: 140px;
	left: 18px;
	z-index: 1000;
}
#fdicprogram a {
	display: block;
	background-image: url('images/fdic-guarantee-btn.jpg');
	background-position: 0px 0px;
}
#fdicprogram a:hover {
	background-position: 0px -59px;
}

#listcontent {
	background-image: url(images/list_bg_top.jpg);
	background-repeat: no-repeat;
	width: 175px;
	height: 170px;
	overflow: hidden;
	float: left;
	padding-top: 12px;
	padding-left: 12px;
	padding-bottom: 10px;
}
#listcontent h1 {
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 13px;
}
#listcontent th {
	text-align: left;
	padding-bottom: 10px;
}
#listcontent ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#listcontent li {
	font-size: 13px;
	color: #00498e;
	padding-top: 1px;
	padding-bottom: 1px;
}
#listcontent a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #216497;
}
#listcontent a:hover {
	text-decoration: underline;	
}
#listfooter {
	background-image: url(images/list_bg_bottom.jpg);
	background-repeat: no-repeat;
	height: 28px;
	width: 187px;
	float: left;
}
#footer1 {
	height: 20px;
	background-color: #004a90;
	width: 987px;
	background-image: url(images/footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	text-align: center;
	color: #999999;
}
#footer1 a {
	color: #999999;
	text-decoration: none;
}
#footer1 a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.styledtable {
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #AEB89D;
}
.styledtable th {
	padding: 5px;
	border-bottom-color: #AEB89D;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #D0D2C4;
	text-align: center;
}
.styledtable td {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: center;
}
.styledtable tr:hover {
	padding: 5px;
	border-bottom-color: #D0D2C4;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #FFFF99;
}
.styledtable caption {
	padding: 5px;
	font-size: 11px;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	margin-top: 15px;
	background-color: #4a6398;
}
.smallgrey {
	font-size: 10px;
	color: #666666;
}
.teallinks {
	color: #0099FF !important;	
}
.teallinks a {
	color: #244056 !important;
	text-decoration: none;
}
.clearfloat {
	clear: both;
}

/* Nav images */
li.nav1_1 a, li.nav1_1 a.MenuBarItemSubmenu {
	background-image: url(images/menu_home.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.nav1_2, li.nav1_2 a.MenuBarItemSubmenu {
	background-image: url(images/menu_personalbanking.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.nav1_3 a, li.nav1_3 a.MenuBarItemSubmenu {
	background-image: url(images/menu_businessbanking.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.nav1_4 a, li.nav1_4 a.MenuBarItemSubmenu {
	background-image: url(images/menu_loans.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	/*font-weight: bold;*/
}
li.nav1_5 a, li.nav1_5 a.MenuBarItemSubmenu {
	background-image: url(images/menu_internetbanking.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.nav1_6 a, li.nav1_6 a.MenuBarItemSubmenu {
	background-image: url(images/menu_investmentservices.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.nav1_7 a, li.nav1_7 a.MenuBarItemSubmenu {
	background-image: url(images/menu_tools.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
li.nav1_8 a, li.nav1_8 a.MenuBarItemSubmenu {
	background-image: url(images/menu_aboutthemarine.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
/* Nav Hovers */
li.nav1_1 a:hover, li.nav1_1 a:focus, li.nav1_1 a.MenuBarItemSubmenu:hover, li.nav1_1 a.MenuBarItemSubmenu:focus, li.nav1_1 a.MenuBarItemHover, li.nav1_1 a.MenuBarItemSubmenuHover, li.nav1_1 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_2 a:hover, li.nav1_2 a:focus, li.nav1_2 a.MenuBarItemSubmenu:hover, li.nav1_2 a.MenuBarItemSubmenu:focus, li.nav1_2 a.MenuBarItemHover, li.nav1_2 a.MenuBarItemSubmenuHover, li.nav1_2 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_3 a:hover, li.nav1_3 a.MenuBarItemSubmenu:hover, li.nav1_3 a.MenuBarItemSubmenu:focus, li.nav1_3 a.MenuBarItemHover, li.nav1_3 a.MenuBarItemSubmenuHover, li.nav1_3 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_4 a:hover, li.nav1_5 a.MenuBarItemSubmenu:hover, li.nav1_5 a.MenuBarItemSubmenu:focus, li.nav1_5 a.MenuBarItemHover, li.nav1_5 a.MenuBarItemSubmenuHover, li.nav1_5 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_5 a:hover, li.nav1_5 a.MenuBarItemSubmenu:hover, li.nav1_5 a.MenuBarItemSubmenu:focus, li.nav1_5 a.MenuBarItemHover, li.nav1_5 a.MenuBarItemSubmenuHover, li.nav1_5 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_6 a:hover, li.nav1_6 a.MenuBarItemSubmenu:hover, li.nav1_6 a.MenuBarItemSubmenu:focus, li.nav1_6 a.MenuBarItemHover, li.nav1_6 a.MenuBarItemSubmenuHover, li.nav1_6 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_7 a:hover, li.nav1_7 a.MenuBarItemSubmenu:hover, li.nav1_7 a.MenuBarItemSubmenu:focus, li.nav1_7 a.MenuBarItemHover, li.nav1_7 a.MenuBarItemSubmenuHover, li.nav1_7 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
li.nav1_8 a:hover, li.nav1_8 a.MenuBarItemSubmenu:hover, li.nav1_8 a.MenuBarItemSubmenu:focus, li.nav1_8 a.MenuBarItemHover, li.nav1_8 a.MenuBarItemSubmenuHover, li.nav1_8 a.MenuBarSubmenuVisible {
	background-position: 0px -31px;
}
#nav1 ul li a {
	height: 31px;
}
#nav1 ul li ul li a {
	height: auto;
	padding: 5px;
}
#nav1 ul li.nav1_1 a, #nav1 ul li.nav1_2 a, #nav1 ul li.nav1_3 a, #nav1 ul li.nav1_4 a, #nav1 ul li.nav1_7 a, #nav1 ul li.nav1_5 a, #nav1 ul li.nav1_6 a, #nav1 ul li.nav1_8 a {
	text-indent: -9000px;
	background-color: transparent;
}
#nav1 ul li.nav1_1 ul, #nav1 ul li.nav1_2 ul, #nav1 ul li.nav1_3 ul, #nav1 ul li.nav1_4 ul, #nav1 ul li.nav1_7 ul, #nav1 ul li.nav1_5 ul, #nav1 ul li.nav1_6 ul, #nav1 ul li.nav1_8 ul {
	text-indent: 0px;
	background: none;
	background-color: #FFFFFF;
	color: #A8C2D3;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #BFD0DE;
	border-right-color: #BFD0DE;
	border-bottom-color: #BFD0DE;
}
#nav1 ul li.nav1_1 ul li a, #nav1 ul li.nav1_2 ul li a, #nav1 ul li.nav1_3 ul li a, #nav1 ul li.nav1_4 ul li a, #nav1 ul li.nav1_7 ul li a, #nav1 ul li.nav1_5 ul li a, #nav1 ul li.nav1_6 ul li a, #nav1 ul li.nav1_8 ul li a {
	text-indent: 0px;
	background: none;
	background-color: #FFFFFF;
	color: #215584;
}
#nav1 ul li.nav1_1 ul li a:hover, #nav1 ul li.nav1_2 ul li a:hover, #nav1 ul li.nav1_3 ul li a:hover, #nav1 ul li.nav1_4 ul li a:hover, #nav1 ul li.nav1_7 ul li a:hover, #nav1 ul li.nav1_5 ul li a:hover, #nav1 ul li.nav1_6 ul li a:hover, #nav1 ul li.nav1_8 ul li a:hover {
	text-indent: 0px;
	background: none;
	background-color: #215584;
	color: #FFFFFF;
}
li.subheadSpace h1{
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
li.subheadSpace h1 a {
	font-size: 12px !important;
	color: #cd7b29 !important;
}
li.subheadSpace h1 a:hover {
	color: #ffffff !important;
}
ul.doublerow {
	width: 392px !important;
}
