/*Peoples Bank styles*/

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.5;
	color: #333;
	height: 100%;
	text-align: center;
	margin: 0;
	padding: 0;
}
table {
	width: 100%;
}
/* for Internet Explorer */
/*\*/
* html td {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}
/**/
#pageBck {
	background: #fff url(images/pageBackground.jpg) repeat-x;
}
#skipNav {
	float: left;
	color: #0D2355;
	margin-top: -90px;
}
#displayMenu #pageWrapper {
	background: url(images/InteriorPageBack.gif) repeat-y;
}
ul {
	margin: 0;
	padding: 0;
	margin-left: 1em;
	padding-left: 1em;
}
p {
	padding-bottom: .5em;
}
h1, h2, h3, legend {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #006666;
	margin: 0;
	padding: 0;
}
h2 {
	padding: 1em 0 .3em 0;
}
.caption {
	display: block;
	text-align: center;
	font-size: 95%;
	font-style: italic;
}
.greeting {
	padding-top: 5px;
	text-align: left;
	width: 750px;
	margin: auto;
	background: #fff;
}
a:link {
	color: #990000;
	text-decoration: underline;
}
a:visited {
	color: #2E4C8F;
}
a:hover, a:active {
	color: #B89665;
}

#pageWrapper {
	position: relative;
	margin: auto;
	text-align: left;
	width: 760px;
}
#pageHead {
	background: url(images/header.gif) no-repeat top;
	position: relative;
	height: 184px;
	z-index: 10;
}

#printHead {
	position: absolute;
	top: -500px;
}
#homeLink {
	margin-top: 22px;
	margin-left: 22px;
}
#siteSearch {
	display: none;
	margin-top: 30px;
	position: relative;
	width: 200px;
	float: right;
	right: 45px;
}
#siteSearch p {
	margin: 0;
	padding: 0;
	color: #333333;
	font-weight: bold;
}
#siteSearch form {
	margin: 0;
	padding: 0;
}
#siteSearch #q {
	position: relative;
	width: 150px;
	margin: 0;
	padding: 0;
}
#siteSearch #googleSubmit {
	position: relative;
	top: 5px;
}

/*Top links*/
.topLinks {
	position: absolute;
	top: 75px;
	right: 20px;
	color: #fff;
	padding: 1em 0;
}
.topLinks .left {
	float: left;
}
.topLinks .right {
	float: left;
}
.topLinks a:link, .topLinks a:visited {
	color: #fff;
	text-decoration: none;
	border-bottom: 3px solid #9C9BAB;
}
.topLinks a:hover, .topLinks a:active {
	color: #00CCCC;
	border-bottom: 3px solid #00CCCC;
}
.topLinks ul {
}
.topLinks ul li {
	margin: 0 0 3px .1em;
	padding-left: 15px;
	list-style: none;
	background: url(images/topLinkBullet.png) no-repeat 3px;
}
	
/*homepage navigation*/


#primaryNav {
	position: relative;
	top: -21px;
	float: left;
	height: 79px;
	border: 6px solid #fff;
	z-index: 5;
}
#innerPrimNav {
	width: 500px;
}
#primaryNav .oneQuarter {
	float: left;
	width: 25%;
}

#primaryNav ul {
	margin: 0;
	padding: 0;
}
#primaryNav a {
	display: block;
	color: #FFFFCC;
	width: 125px;
	height: 79px;
	text-decoration: none;
}
#primaryNav span {
	position: absolute;
	top: -10000px;
}
#primaryNav .nav1 a:link, #primaryNav .nav1 a:visited {
	background: url(images/WMUDiff.jpg) no-repeat 0 0;
}
#primaryNav .nav1 a:hover, #primaryNav .nav1 a:active {
	background: url(images/WMUDiff.jpg) no-repeat -125px 0;
}
#primaryNav .nav2 a:link, #primaryNav .nav2 a:visited {
	background: url(images/BF_Indiv.jpg) no-repeat 0 0;
}
#primaryNav .nav2 a:hover, #primaryNav .nav2 a:active {
	background: url(images/BF_Indiv.jpg) no-repeat -125px 0;
}
#primaryNav .nav3 a:link, #primaryNav .nav3 a:visited {
	background: url(images/BF_Bus.jpg) no-repeat 0 0;
}
#primaryNav .nav3 a:hover, #primaryNav .nav3 a:active {
	background: url(images/BF_Bus.jpg) no-repeat -125px 0;
}
#primaryNav .nav4 a:link, #primaryNav .nav4 a:visited {
	background: url(images/CSvc.jpg) no-repeat 0 0;
}
#primaryNav .nav4 a:hover, #primaryNav .nav4 a:active {
	background: url(images/CSvc.jpg) no-repeat -125px 0;
}
#onlineIFrame {
	position: relative;
	z-index: 50;
}
#onlineBankingLogin {
	position: absolute;
	width: 255px;
	left: 505px;
	top: 180px;
	z-index: 15;
	background: #CCCC99 url(images/onlineBankingBck.jpg) no-repeat;
	border: 6px solid #fff;
}
html>body #onlineBankingLogin {
	width: 244px;
}

#onlineIFrame {
	margin-left: 5px;
	width: 210px;
	height: 105px;
	background: #D7D7AA;
}

#innerOnlineBankingLogin {
	width: 242px;
}

#onlineBankingLogin .obHead {
	margin: 10px 0 0 10px;
}

#formHolder {
	margin: 5px;
	padding: 5px;
	padding-bottom: 10px;
	background: url(images/loginFormBck.jpg) no-repeat top right;
}
#onlineBankingLogin p {
	margin: 0;
	padding: 0;
}
.learnMore a:link, .learnMore a:visited {
	color: #999966;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 105%;
}
.learnMore a:hover, .learnMore a:active {
	color: #CC6633;
	text-decoration: underline;
}
.forgotPass a:link, .forgotPass a:visited {
	display: block;
	text-transform: none;
	padding-top: 5px;
	color: #993300;
}

#navL {
	position: absolute;
	left: 0;
	top: 5px;
	width: 130px;
}
#navL ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#navL ul li {
	border-bottom: 3px solid #fff;
}
html>body #navL a {
	width: 114px;
}
#navL a {
	width: 125px;
}
#navL a:link, #navL a:visited {
	display: block;
	color: #006666;
	text-decoration: none;
	padding: 5px;
}
#navL a:hover, #navL a:active {
	background: #006766;
	color: #EEEECC;
}
#navL a.current, #navL .current span {
	background: #006766;
	color: #EEEECC;
}

.activeTop a {
	background: #006766;
	color: #EEEECC;
}
.activeTop span {
	color: #EEEECC;
}

#navL .level3 li {
	border: none;
	margin-left: 5px;
}

#navL .level3 a:link, #navL .level3 a:visited {
	background: #EEEECC;
	color: #CC6600;
	padding-left: 10px;
	padding-right: 3px;
	width: 107px;
	line-height: normal;
}
#navL .level3 span {
	color: #CC6600;
}
#navL .level3 a:hover, #navL .level3 a:active {
	color: #006666;
	background: url(images/menuBullet.gif) no-repeat left;
}
#navL .level3 a.current {
	background: #EEEECC url(images/menuBullet.gif) no-repeat left;
	color: #CC6600;
}
#navL .level3 .current span {
	background: #EEEECC;
}
#user #login {
	margin: 3em 0 0 1em;
	width: 90%;
}

#contentWrapper {
	position: relative;
	left: 0;
	border: 5px solid #fff;
	border-top: none;
	top: -21px;
	margin-bottom: -21px;
	z-index: 0;
}

/**Windows does not recognize html>body**/
html>body #contentWrapper {
	width: 750px;
	clear: both;
}
#content {
}
/* for Internet Explorer */
/*\*/
* html #contentWrapper {
	height: 400px;
}

* html #displayMenu  #innerContent {
	height: 400px;
}
/**/

#innerContent {
	background: url(images/content_bck.jpg) no-repeat;
	min-height: 400px;
}
#layPlain {
	background: url(images/content_bck.jpg) repeat-x;
	}
	
#layPlain .content {
	margin: 0 auto;
	padding: 1em;
	text-align: left;
}


#footer {
	clear: both;
	padding-top: 1em;
	border-top: 2px solid #bfbf8f;
	background: #fff;
	height: 100%;
}
.footerLeft {
	float: left;
	width: 65%;
	padding-left: 10px;
	font-size: 90%;
}
#footer ul {
	padding: 0;
	margin: 1em 0 0 -.5em;
	width: 80%;
}
.bottomLinks {
	color: #006666;
}
#footer li {
	display: inline;
	white-space: nowrap;
}
#footer span {
	white-space: nowrap;
}
.footerRight {
	float: left;
}
.footerLeft a:link, .footerLeft a:visited {
	padding: .2em;
	color: #006666;
	text-decoration: none;
}
.footerLeft a:hover, .footerLeft a:active {
	color: #666;
	text-decoration: underline;
}
.footerRight #FDICLogo {
	margin-right: 20px;
}
html>body .footerRight #EqualHousingLogo {
	padding-left: 20px;
	border-left: 1px solid #000;
}
.footerRight #EqualHousingLink {
	padding-left: 20px;
	border-left: 1px solid #000;
}
html>body .footerRight #EqualHousingLink {
	padding-left: 0;
	border-left: none;
}


/**sidebar styles**/

#sidebarRight {
	float: right;
	width: 250px;
	margin-bottom: 0;
	padding-top: 125px;
}
/**Windows does not recognize html>body**/
html>body #sidebarRight {
	width: 223px;
	padding: 5px 10px;
	margin: 0;
	padding-top: 124px;
}

#sidebarRight img {
	margin-left: 5px;
}
html>body #sidebarRight img {
	margin-left: -12px;
}

#displayMenu #sidebarRight {
	position: absolute;
	right: 0;
	top: 0;
} 

#sidebarRight h3, #sidebarRight h2 {
	color: #653300;
	margin: 1em 0 0;
	padding: 0;
}
#sidebarRight p {
	margin: .5em 0;
	padding: 0;
}

#sidebarRight .grpBrownBackground .grpHeadline {
	display: none;
}
.grpBrownBackground {
	color: #fff;
	padding: 1.1em;
	padding-top: .5em;
	width: 250px;
	background: #5A3713 url(images/rightSidebarArticle_bck.jpg) no-repeat top;
	border-left: 6px solid #fff;
}
html>body .grpBrownBackground {
	margin: 0 -10px 0 -18px;
	width: 217px;
}

/**Adjust for left menu*/


#displayMenu #innerContent {
	width: 370px;
}

#displayMenu #content {
	width: 750px;
	padding-left: 130px;
} 
html>body #displayMenu #content {
	width: 620px;
	padding-left: 130px;
}

#displayMenu #oneColumnTop, #displayMenu #oneColumn {
	width: 350px;
	padding: 0 1em;
	overflow: hidden;
	
}

#oneColumnTop, #oneColumn {
	padding: 1em;
}

#oneColumnTop {
}

/* for Internet Explorer */
/*\*/
* html #displayMenu #oneColumnTop {
	width: 365px;
}
/**/

#displayMenu #oneColumnTop table p {
	padding: 0;
	margin: .2em 0 1em;
}

/**homepage mods**/

.homePage #slideshowDisplay {
	position: absolute;
	height: 171px;
	left: 12px;
}


.homePage #innerContent {
	background: #fff;
}
.homePage #oneColumnTop {
	position: relative;
	padding: 0;
	width: 500px;
	background:#fff url(images/content_bck.jpg) no-repeat 0 171px;
}
.homePage #oneColumnTop #leftColumn {
	border-right: 1px solid #bfbf8f;
	padding-left: 1em;
	font-size: 110%;
}
.homePage #oneColumnTop #rightColumn {
	margin-left: -1px;
	border-left: 1px solid #bfbf8f;
}

.homePage #leftColumn ul li {
	font-size: 110%;
	margin-bottom: .5em;
}
.homePage #sidebarRight {
	float: left;
	background: #5A3713 url(images/rightSidebarArticle_bck.jpg) no-repeat 0 127px;
	border-left: 6px solid #fff;
	padding-bottom: 1em;
	color: #fff;
}


.homePage #sidebarRight h3, .homePage #sidebarRight h2,
#sidebarRight .grpBrownBackground h2, #sidebarRight .grpBrownBackground h3 {
	color: #EEEECC;
}
.homePage #sidebarRight a:link, .homePage #sidebarRight a:visited, 
#sidebarRight .grpBrownBackground a:link, #sidebarRight .grpBrownBackground a:visited {
	color: #EEEEDD;
}
.homePage #sidebarRight a:hover, .homePage #sidebarRight a:active, 
#sidebarRight .grpBrownBackground a:hover, #sidebarRight .grpBrownBackground a:active {
	color: #99CCCC;
}

.homePage #sidebarRight h2 {
	font-size: 1.5em;
}
.homePage #leftColumn, .homePage #rightColumn {
	margin-top: 175px;
	padding-left: 1em;
}
.homepage #sidebarRight .sidebarArticle {
	width: 200px;
}

/*styles for contact form*/
#oneColumn #formAttributes {
	width: 460px;
	position: relative;
	top: 1em;
	left: 1em;
	margin-bottom: 1em;
}

#formResults {
}

#form .formAutoResponse {
	position: absolute;
	top: 1em;
	left: 1em;
	margin: 1em;
}

#formAttributes.form2 {
	width: 460px;
	margin: .5em;
}

.formResponseText {
	width: 460px;
	margin: 1em;
	padding-top: 1em;
}


.twoThird {
}
/*Location Slideshows*/

.twoThird #slideshowDisplay {
	margin: 0 0 -45px -12px;
	padding: 0;
}

#endSlideShow {
}

.twoThird #slideshowDisplay img {
	margin: 0;
	padding: 0;
	position: relative;
	top: -21px;
	margin-bottom: 1em;
}

/*Styles for location map*/

#mapHolder {
	width:365px;
	text-align:left;
	margin-left: -10px;
}
/* START OF CSS FOR MAP */
dl.map.on {
	position:relative;
	width:360px;
	height:432px;
	background:url(images/countyMap.jpg) no-repeat;
	text-align:left;
	margin:0px;
	padding:0px;
	border:#d67002 2px solid;
}
dl.map.on dt {
	list-style:none;
	display:inline;
}
dl.map.on dd {
	position:absolute;
	left:-9999px;
	width:150px;
	padding:4px;
	border:#222 2px solid;
	background:#F0F0E1;
	z-index:11;
	font-size:0.8em;
	color:#000;
}
dl.map.on dd img {
	position:relative;
	float:right;
	border:#000 1px solid;
	margin:2px;
}
dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	width:15px;
	height:15px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
dl.map.on a.location {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/layoutData/74/175/images/point.png');
}
html>body dl.map.on a.location {
	background:url(images/point.png) no-repeat;
}
html>body dl.map.on a.location:hover {
	background:url(images/point-hover.png) no-repeat;
}
dl.map.on a.location:hover {
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=image src='/layoutData/74/175/images/point-hover.png');
}
dl.map.on dd a {
	color:#000;
	display: block;
}
dl.map.on dd a:hover {
	text-decoration:none;
}
xdl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(images/close.png) no-repeat;
	text-indent:-9999px;
	outline:none;
	height:16px;
	width:16px;
	margin-left:4px;
	margin-right:-6px;
	text-decoration:none;
}
/* START OF CSS FOR MAP POINTS */
dl.map.on a#location01 {
	top:115px;
	left:250px;
}
dl.map.on a#location02 {
	top:145px;
	left:230px;
}
dl.map.on a#location03 {
	top:177px;
	left:172px;
}
dl.map.on a#location04 {
	top:180px;
	left:180px;
}
dl.map.on a#location05 {
	top:139px;
	left:150px;
}
dl.map.on a#location06 {
	top:165px;
	left:105px;
}
dl.map.on a#location07 {
	top:230px;
	left:140px;
}
dl.map.on a#location08 {
	top:263px;
	left:210px;
}
dl.map.on a#location09 {
	top:395px;
	left:175px;
}

/*Calculators*/

#calculatorArea {
	padding: .5em;
}

#calculatorArea dl, #calculatorArea .footer {
	width: 550px;
	background: #fff;
	border: 2px solid #BFBF8F;
	padding: .7em;
	text-align: left;
}

#calculatorArea dt {
	margin-top: .5em;
}