﻿ /* Attach layout styles */
 
	@import url('layout.css');

/* General Formatting */

body {font-family: Arial, Times New Roman; font-size: 12px; color: #363636; background: #e2e1cf; margin: 0px; padding: 0px;}

input, select {border: 1px solid #bcb98f; font-size: 10px;}

.button {border: 1px solid #bcb98f; color: #2a4b36; font-size: 11px; font-family: Times New Roman; padding: 2px 20px 2px 0px;
		background: #f4f3ef url(../../images/buttons/arrow.jpg) right no-repeat;}
		
.smallfont {font-size: 9px;}
.error {color: #b41f46;}

h1 {color: #0c0c0c; font-family: Times New Roman, Arial; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px; padding: 0px 0px 10px 0px;}
h2 {color: #0c0c0c; font-family: Times New Roman, Arial; font-size: 15px; font-style: italic; font-weight: normal; line-height: 22px; margin: 0px; padding: 0px 0px 10px 0px;}
h3 {color: #2a4b36; font-family: Times New Roman, Arial; font-size: 14px; font-weight: bold; padding: 5px 0px; margin: 5px 0px} 
h4 {color: #b5b4a0; font-family: Times New Roman, Arial; background: #2a4b36; font-size: 13px; font-style: italic; font-weight: bold; text-transform: uppercase; padding: 5px; margin: 10px 0px;}
h5 {color: #2a4b36; font-family: Times New Roman, Arial; font-size: 14px; font-weight: bold; padding: 5px 0px; margin: 15px 0px 10px 0px;}
h6 {color: #2a4b36; font-family: Times New Roman, Arial; font-size: 14px; font-weight: bold; padding: 0px; margin: -4px 0px 4px 0px;} 

sup {font-size: smaller;}

ul {padding: 0px 0px 0px 25px; margin: 0px;}
ul li {padding: 4px 0px; margin: 0px;}

blockquote {width: 95%; margin: 0px; padding: 10px 10px 10px 15px;}
#location {height: 182px; background: url(../../images/columnbg/17-locationsbg.jpg) right no-repeat; border-bottom: 2px solid #FFFFFF; display: block;}
	#ilocation {padding: 130px 0px 0px 20px; color: #295a3a; font-size: 12px;}
#freechecking {font-family: Times New Roman; background: url(../../images/columnbg/freechecking.jpg) no-repeat; display: block; border-bottom: 2px solid #FFFFFF; font-size: 13px;}
	#ifreechecking {padding: 20px 10px 20px 15px;}
	#ifreechecking p {margin: 0px; line-height: 15px; padding: 0px 0px 5px 0px; font-variant: small-caps; letter-spacing: .25px; font-size: 15px; font-weight: 700;}
#kidsNcoins {background: url(../../images/photos/kidsNcoins1.jpg) top no-repeat; padding: 400px 0px 20px 0px; margin: 0px; display: block;}
	#kidsNcoins h1 {color: #0c0c0c; font-size: 15px; font-weight: normal; line-height: 18px; margin: 0px; padding: 10px; font-variant: small-caps;}
	#kidsNcoins p {margin: 10px 10px; padding: 0px;}
#prideCD {background: url(../../images/general/sixpercentapy.jpg) top no-repeat; padding: 120px 0px 30px 0px; margin: 0px; display: block;}
	#prideCD h1 {color: #0c0c0c; font-size: 15px; font-weight: bold; line-height: 18px; margin: 0px; padding: 10px 10px 3px 10px; font-variant: small-caps;}
	#prideCD p {font-size: 12px; margin: 5px 10px; padding: 0px;}
#bankPrez {padding: 12px;}

/* Image */
img.lowerz {z-index: 1;}
img.imgformat-right {border: 1px solid #363636; float: right; margin: 5px 0p 5px 10px;}
img.imgborder {border: 2px solid #938f75;}
img.banking_blurb
{
    margin-left: -37px;
    border-top: 2px solid #ffffff;
    display: block;
}
/* Table Formatting */

table.productTable th {font-weight: bold; text-transform: uppercase; text-align: left; padding: 5px; border-bottom: 1px solid #00501c;}
table.productTable strong {color: #00501c;}
table.productTable tr td {padding: 5px; text-align: left; border-bottom: 1px solid #00501c;}
table.productTable ul {margin: 0px 0px 0px 10px; padding: 0px; list-style: none; list-style-position: outside; text-indent: -10px;}
table.productTable ul li {margin: 0px; padding: 1px 0px;}

#access {background: url(../../images/general/account-access-bg.gif) no-repeat; height: 41px; margin: 5px 0px 10px -16px; position: relative;}
	#access #buttons {text-align: right; right: 15px; top: 11px; position: absolute; height: 18px;}
#accessvisa {background: url(../../images/general/accessvisareports.gif) no-repeat; height: 58px; margin: 5px 0px 10px -16px; position: relative;}
	#accessvisa #buttons {text-align: left; left: 10px; bottom: 7px; position: absolute; height: 18px;}	

table.teamtable tr td {padding-bottom: 20px;}
table.teamtable tr td img {margin: 0px; padding: 0px;}
table.teamtable tr td p {margin: 0px; padding: 4px 0px 0px 0px;}

/* Link and Menu Formatting */

a {color: #30623f; text-decoration: underline; font-weight: bold;}
a:hover {color: #30623f; text-decoration: none;}

#menu {position: absolute; right: 6px; bottom: 0px;}
	#menu span a {height: 24px; float: left; display: block; border-right: 1px solid #b5b4a0;}
	#menu span.rc a.rc {width: 154px;}
		#menu a.rc {background: url(../../images/buttons/new/rc.gif) bottom no-repeat;}
		#menu a.rc:hover {background: url(../../images/buttons/new/rcO.gif) bottom no-repeat;}
	#menu span.au a.au {width: 93px;}
		#menu a.au {background: url(../../images/buttons/new/au.gif) bottom no-repeat;}
		#menu a.au:hover {background: url(../../images/buttons/new/auO.gif) bottom no-repeat;}
	#menu a.ff {width: 171px;}
		#menu a.ff {background: url(../../images/buttons/new/ff.gif) bottom no-repeat;}
		#menu a.ff:hover {background: url(../../images/buttons/new/ffO.gif) bottom no-repeat;}
	#menu a.cf {width: 150px;}
		#menu a.cf {background: url(../../images/buttons/new/cf.gif) bottom no-repeat; border: none;}
		#menu a.cf:hover {background: url(../../images/buttons/new/cfO.gif) bottom no-repeat; border: none;}

#itopmenu a {height: 12px; padding: 0px 0px;}
	#itopmenu ul {list-style: none; margin: 0px; padding: 0px; float: right;}
	#itopmenu ul li {padding: 0px 8px; margin-right: 13px; float: left;}
	#itopmenu ul li.fishback {width: 146px;}
	#itopmenu a.fishback {display: block; background: url(../../images/buttons/fishback.gif) no-repeat; padding: 0px 73px;}
	#itopmenu a.fishback:hover {background: url(../../images/buttons/fishbackO.gif) no-repeat;}
	#itopmenu ul li.resource {width: 129px;}
	#itopmenu a.resource {display: block; background: url(../../images/buttons/resourcecenter.gif) no-repeat; padding: 0px 70px;  position: relative;}
	#itopmenu a.resource:hover {background: url(../../images/buttons/resourcecenterO.gif) no-repeat;}
	#itopmenu ul li.careers {width: 61px;}
	#itopmenu a.careers {display: block; background: url(../../images/buttons/careers.gif) no-repeat; padding: 0px 37px;}
	#itopmenu a.careers:hover {background: url(../../images/buttons/careersO.gif) no-repeat;}
	#itopmenu ul li.contact {width: 89px;}
	#itopmenu a.contact {display: block;  background: url(../../images/buttons/contactus.gif) no-repeat; padding: 0px 50px;}
	#itopmenu a.contact:hover {background: url(../../images/buttons/contactusO.gif) no-repeat;}
	#itopmenu ul li.about {width: 71px;}
	#itopmenu a.about {display: block; background: url(../../images/buttons/aboutus.gif) no-repeat; padding: 0px 41px;}
	#itopmenu a.about:hover {background: url(../../images/buttons/aboutusO.gif) no-repeat;}

#leftmenu a {display: block; border-top: 2px solid #FFFFFF; text-decoration: none; color: #b5b4a0; font-family: Times New Roman; font-size: 13px; font-weight: normal;}
	#leftmenu a.pb {background: #2a4b36 url(../../images/buttons/personalbanking.gif) no-repeat; border-top: none; width: 190px; height: 32px;}
	#leftmenu a.pb:hover {background: #446550 url(../../images/buttons/personalbankingO.gif) no-repeat;}
	#leftmenu a.m {background: #2a4b36 url(../../images/buttons/mortgage.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.m:hover {background: #446550 url(../../images/buttons/mortgageO.gif) no-repeat;}
	#leftmenu a.bab {background: #2a4b36 url(../../images/buttons/busag.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.bab:hover {background: #446550 url(../../images/buttons/busagO.gif) no-repeat;}
	#leftmenu a.bb {background: #2a4b36 url(../../images/buttons/bus.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.bb:hover {background: #446550 url(../../images/buttons/busO.gif) no-repeat;}
	#leftmenu a.ab {background: #2a4b36 url(../../images/buttons/ag.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.ab:hover {background: #446550 url(../../images/buttons/agO.gif) no-repeat;}
	#leftmenu a.wm {background: #2a4b36 url(../../images/buttons/wealth.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.wm:hover {background: #446550 url(../../images/buttons/wealthO.gif) no-repeat;}
	#leftmenu a.st {background: #2a4b36 url(../../images/buttons/staff.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.st:hover {background: #446550 url(../../images/buttons/staffO.gif) no-repeat;}
	#leftmenu a.ca {background: #2a4b36 url(../../images/buttons/calendar.gif) no-repeat; width: 190px; height: 32px;}
	#leftmenu a.ca:hover {background: #446550 url(../../images/buttons/calendarO.gif) no-repeat;}

#leftmenu a.none {display: inherit; border-top: 0px; float: left;}
	
#secondarymenu {background: #2a4b36; margin: -2px 0px 0px 0px; padding: 2px 0px;}
	#secondarymenu ul {list-style: none; margin: 2px 0px; padding: 0px;}
	#secondarymenu ul li {padding: 2px 0px 2px 35px;}
	#secondarymenu ol {list-style: none; margin: 2px 0px; padding: 0px;}
	#secondarymenu ol li {padding: 2px 0px 2px 50px; margin: 0px;}
	#secondarymenu a {color: #b5b4a0; border: none; font-style: italic; font-weight: normal;}
	#secondarymenu a:hover {color: #d9d9cf;}
	
#footer a {color: #363636; margin-bottom: 6px; padding: 0px 1px; font-size: 11px; font-weight: normal;}

/* Control and AJAX styling */

.hoverBG {width: 124px; background: #f6f6f2; font-size: 10px; filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85; border: solid #a9a57e; border-width: 0px 1px 1px 1px; padding: 5px; margin: 0px;}
	.hoverBG h1 {margin: 0px; padding: 4px 0px 4px 10px; font-size: 12px;}
	.hoverBG a {display: block; padding: 2px 0px 2px 15px; font-size: 11px; color: #0a4620;}
.dropdown {background: #f4f3ef url(../../images/buttons/arrow.jpg) right no-repeat; border: 1px solid #9a956b; padding: 3px 10px 3px 5px; display: block; margin-right: 10px; font-size: 12px; min-height: 10px;}
.modalPopup {background: #e9eada url(../../images/columnbg/bodybg.jpg) top left no-repeat; border: 3px solid #85815c; padding: 10px; width: 250px;}
	.modalPopup a {border: 0px;}
	#divmi1 table tr td, #divmi2 table tr td, #divmi3 table tr td, #divmi4 table tr td, #divmi5 table tr td, #divmi6 table tr td {background: none; border: none;}
	#divmi1 table a, #divmi2 table a, #divmi3 table a, #divmi4 table a, #divmi5 table a, #divmi6 table a {color: #30623f; text-decoration: none; font-weight: bold; border: none;}
	#divmi1 table a:hover, #divmi2 table a:hover, #divmi3 table a:hover, #divmi4 table a:hover, #divmi5 table a:hover, #divmi6 table a:hover {color: #30623f; text-decoration: underline;}
.modalBackground {background: gray; filter:alpha(opacity=70); opacity:0.7;}
	.modalBackground a {color: #30623f; text-decoration: none; font-weight: bold;}

a.linkstyle {border: 0px;}
#leftmenu a.nolinkstyling {display: inline; border-top: 0px solid #FFFFFF; text-decoration: none;}
.proceedButton {width: 80px; height: 14px; display: block; background: url(../../images/buttons/proceed.gif) no-repeat;}

#dropmenudiv {position:absolute; background: #d8d8be; border: solid #FFFFFF; border-width: 2px 2px 0px 2px;
	line-height:18px; z-index:100; text-align: center; top: 15px; left: 0px;}
#dropmenudiv a {display: block; text-indent: 3px; border-bottom: 2px solid #FFFFFF;
	padding: 8px 4px; text-decoration: none; font-weight: bold;}
#dropmenudiv a:hover{background-color: #e2e1cf;}

.cursor {cursor: pointer;}

.photoborder {background: #c0bd95; padding: 6px; border: 2px solid #dedec3;}

/* Calculator */

.cTimeValue {width: 100%;}
.cTimeValue table {margin: 0px; padding: 0px;}
.cTimeValue table tr {margin: 0px; padding: 0px;}
.cTimeValue table tr td {margin: 0px; padding: 4px 0px;}

/* Ad Rotator */

#rotator {cursor: pointer; overflow: hidden; position: relative; width: 154px; height: 121px;}
#rotator img {border: 0; cursor: pointer; width: 154px; height: 121px;}
