@import url(reset-fonts.css);

/* Template/Layout styles */

#wrapper{
	background: url(images/pmb-wrapper-bg.png) top repeat-x;
	width: 972px;
	margin:0 auto;
	padding:0;
}
#container{
	width: 800px;
	margin:0 auto;
	text-align:left;
	padding:0;
	overflow: hidden;
}
#hd {
	background: url(images/pmb-header-bg.png) top no-repeat;
	width: 800px;
	height: 89px;
	clear:both;
}
#bd{
	background: url(images/pmb-body-bg.png) top repeat-y;
	width: 800px;
	overflow: hidden;
}
#bd-hd{
	width:782px;
	height:124px;
	margin: 0 9px;
}

#bd-hd.home{
	width:782px;
	height:248px !important;
}

#subnavhd {
	width:196px;
	height:100%;
	float:left;
}
#mainhd{
	width:586px;
	height:100%;
	float:right;
	margin:0;
	padding:0;
}
#bd-main{
	width:782px;
	margin: 0 9px;
	height: 100%;
}
#subnav{
	width: 196px;
	float:left;
	height:100%;
}
div.home#subnav{
	height:248px !important;
}
#subnav1 {
	width: 196px;
	float:left;
	height: 124px;
}
#subnav2 {
	width: 196px;
	float:left;
	height:100%;
}
div.home #subnav2{
	height:124px !important;
}

#main-content {
	width:360px;
	background: #ffffff;
	text-align: left;
	vertical-align: top;
	margin:0;
	padding:15px;
	/*font-size:107%;*/
	font-size: 10.5pt; 
	float:left;
	min-height:325px; 
}

#main-content.home{
	padding-bottom:0;
	min-height:200px !important;
}

#main-content.noSidebar{
	width:556px !important;
}
#main-sidebar{
	width: 196px;
	float:right;
	height: 100%;
}

#ft {
	background: url(images/pmb-footer-bg.png) top no-repeat;
	width: 800px;
	height: 100px;
	/*font-size: 85%;*/
	font-size: 8pt;
	font-family:Verdana, Arial;
}

#ftNote a {
	font-size: 8pt;
	font-family:Verdana, Arial;
	color: #666;
	text-decoration: none;
}
/*Content styles */

a:active{
	outline: none;
}

body{
	background:#86888B;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
	text-align: center;
	font-family:"Myriad Pro Light", Arial, Verdana;
}
html{
	background: #86888B;
	height:100%;
}
h1{
	color: #006633;
	text-transform: uppercase;
	border-bottom:1px solid #999999;
	display: block;
	font-weight: bold;
	letter-spacing: 2px;
	font-family:"Myriad Pro Light", Arial, Verdana;
	/*font-size: 93%;*/
	font-size:9.5pt;
	margin: 15px 0;
	padding-bottom: 3px;
}
h2{
	/*font-size: 154%;*/
	font-size: 16.5pt;
	font-weight: bold;
	color:#333;
	margin: 15px 0 10px 0;
	font-family:"Myriad Pro Light", Arial, Verdana;
}
h3{
	/*font-size: 116%;*/
	font-size: 12pt;
	font-weight: bold;
	color:#333;
	margin: 15px 0 5px 0;
	font-family:"Myriad Pro Light", Arial, Verdana;
}
img{
	margin:0;
	padding:0;
}



p{
	margin:10px 0px;
}
strong{
	font-weight: bold;
}
em{
	font-style: italic;
}
#main-content ul{
	padding-left: 25px;
}
#main-content ul li{
	list-style-type:disc;
}
#main-content ul li ul li{
	list-style-type:circle;
}

div#disclaimer {
	background: url(images/pmb-copy.png) left top;
	width:351px;
	height:18px;
	position:relative;
	top:3px;
	float:right;
	padding:0;
	margin:0 0 5px 0;
}


/*Navigation styles */

#nav{
	background: url(images/pmb-main-nav.png) top left;
	width:800px;
	height:20px;
	position: relative;
	top:23px;
	padding:0;
	margin:0;
}
#nav a, #nav a:link, #nav a:visited{
	display:block;
	height:20px;
	outline: none;
	border: none;
}
#nav li{
	list-style: none;
	display: inline;
	float:left;
	height:20px;
	margin:0;
	padding:0;
}
#nav ul{
 margin-left:28px;
}
li#home{
	width:72px;
}
li#home a{
	width: 38px;
}
li#home a:hover{
	background: url(images/pmb-main-nav-ro.png) -28px 0;
}
li#about{
	width:72px;
}
li#about a{
	width: 38px;
}
li#about a:hover{
	background: url(images/pmb-main-nav-ro.png) -100px 0;
}
li#services{
	width:87px;
}
li#services a{
	width: 48px;
}
li#services a:hover{
	background: url(images/pmb-main-nav-ro.png) -172px 0;
}
li#rates{
	width:66px;
}
li#rates a{
	width: 34px;
}
li#rates a:hover{
	background: url(images/pmb-main-nav-ro.png) -259px 0;
}
li#location{
	width:84px;
}
li#location a{
	width: 51px;
}
li#location a:hover{
	background: url(images/pmb-main-nav-ro.png) -325px 0;
}
li#news{
	width:68px;
}
li#news a{
	width: 34px;
}
li#news a:hover{
	background: url(images/pmb-main-nav-ro.png) -409px 0;
}
li#contact{
	width:80px;
}
li#contact a{
	width: 48px;
}
li#contact a:hover{
	background: url(images/pmb-main-nav-ro.png) -477px 0;
}
li#online-banking{
	width:120px;
}
li#online-banking a{
	width: 86px;
}
li#online-banking a:hover{
	background: url(images/pmb-main-nav-ro.png) -557px 0;
}
li#business-bill-pay,li#business-bill-pay a{
	width: 88px;
}
li#business-bill-pay a:hover{
	background: url(images/pmb-main-nav-ro.png) -677px 0;
}

div#top-links{
	width:265px;
	height:27px;
	position:relative;
	top:7px;
	left:525px;
	padding:0;
	margin:0;
}
#top-links a, #top-links a:link, #top-links a:visited{
	display:block;
	height:27px;
	outline: none;
	border: none;
}
#top-links li{
	list-style: none;
	display: inline;
	float:left;
	height:27px;
	margin:0;
	padding:0;
}
li#personal a{
	width: 93px;
}
li#personal a:hover{
	background: url(images/pmb-top-links-ro.jpg) left top;
}
li#business a{
	width:91px;
}
li#business a:hover{
	background: url(images/pmb-top-links-ro.jpg) -93px 0;
}
li#lending a{
	width:81px;
}
li#lending a:hover{
	background: url(images/pmb-top-links-ro.jpg) right top;
}
div#bottom-links{
	background: url(images/pmb-bottom-links.png) left top;
	width:259px;
	height:18px;
	position:relative;
	top:3px;
	padding:0;
	margin:0 0 5px 0;
}
#bottom-links a, #bottom-links a:link, #bottom-links a:visited{
	display: block;
	height:18px;
	outline: none;
	border: none;
}
#bottom-links li{
	list-style: none;
	display: inline;
	float:left;
	height:18px;
	margin: 0;
	padding:0;
}
#bottom-links ul{
	margin-left: 12px;
}
li#privacy{
	width:48px;
}
li#privacy a{
	width: 38px;
}
li#privacy a:hover{
	background: url(images/pmb-bottom-links-ro.png) -12px 0;
}
li#notice{
	width: 95px;
}
li#notice a{
	width: 89px;
}
li#notice a:hover{
	background: url(images/pmb-bottom-links-ro.png) -60px 0;
}
li#careers{
	width: 49px;
}
li#careers a{
	width: 39px;
}
li#careers a:hover{
	background: url(images/pmb-bottom-links-ro.png) -155px 0;
}

li#sitemap, li#sitemap a{
	width: 46px;
}
li#sitemap a:hover{
	background: url(images/pmb-bottom-links-ro.png) -204px 0;
}

/*Sub-Nav styles */

#onlinebnk{
	background: url(images/pmb-home-subnav1.jpg) no-repeat;
	width:100%;
	height:100%;
}

#onlinebnk a{
	display:block;
	width: 100px;
	height:30px;
	outline: none;
	border: none;
	position:relative;
	left:90px;
	top:93px;
}

#onlinebnk a:hover{
		background: url(images/pmb-onlinebnk-button-ro.jpg) no-repeat;
}	

#switchkit{
	background: url(images/pmb-home-subnav2.jpg) no-repeat;
	width:100%;
	height:100%;
}

#switchkit a{
	display:block;
	width: 99px;
	height:30px;
	outline: none;
	border: none;
	position:relative;
	left:91px;
	top:94px;
}

#switchkit a:hover{
	background: url(images/pmb-switchkit-button-ro.jpg) no-repeat;
}

#merchservtop{
	background: url(images/pmb-home-main-sidebar-top.jpg) no-repeat;
	width:196px;
	height:119px;
}

#merchservtop a{
	display:block;
	width: 196px;
	height:119px;
	outline: none;
	border: none;
	position:relative;
}

#merchserv{
	background: url(images/pmb-home-main-sidebar.jpg) no-repeat;
	width:196px;
	height:129px;
}

#merchserv a{
	display:block;
	width: 196px;
	height:129px;
	outline: none;
	border: none;
}

#merchserv a:hover{

}

ul#sub-navigation{
	margin:0;
	padding:0;
	list-style:none;
}

#sub-navigation li {
	width:196px;
	height:29px;
	list-style:none;
	background:url(images/pmb-subnav-button.jpg) no-repeat left bottom;
}
#sub-navigation li#first {
	height:30px !important;
}

#sub-navigation li:hover {
	background:url(images/pmb-subnav-button-ro.jpg) no-repeat left bottom;
}

#sub-navigation li a {
	font-family: Arial, Verdana;
	/*font-size: 93%;*/
	font-size:9.5pt;
	display:block;
	width:100%;
	height:100%;
	color:#FFF;
	text-decoration:none;
	padding:8px 0 0 30px;
	outline: none;
}

#sub-navigation li.active {
	background:url(images/pmb-subnav-button-ro.jpg) no-repeat left bottom;
}

/* -------------------------------------------------------------- 
	CONTACT US FORM STYLES  
-------------------------------------------------------------- */

div.confirm {
	margin: 16px 0 8px 0;
	text-align: center;
}

div.confirm p {
	text-align: center;
	margin-top: 8px;
}

div.confirm input {
	font-size: 100%;
	font-weight: bold;
	margin: 0 16px 0 0;
	padding: 3px 16px;
}

div.field {
	clear: left;
	padding: 5px 0;
}
div.field input {
	padding: 2px;
}

div.field label {
	display: block;
	float: left;
	margin: 3px 0 3px -30px;
	padding: 0 16px 0 0;
	text-align: right;
	width: 100px;
	font-weight: bold;
}

div.field span {
	left: 3px;
	position: relative;
	top: 4px;
}
.required {
	color: #1b4f34;
	font-weight: bold;
}


/* -------------------------------------------------------------- 
	ERROR STYLES  
-------------------------------------------------------------- */

div.error {
	background-image: url(../../../../core/icons/set1/24/110.png);
	border-color: #D7582D;
}

div.error p {
	color: #B11E0A;
}
div.error p, div.info p, div.okay p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 130%;
	font-weight:bold;
}

div.error ul li em {
	font-weight: bold;
}
div.error ul li{
	background-position: top left;
	background-repeat: no-repeat;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 1.5em;
	background-image: url(../../../../core/icons/set3/bullet_red.png);
	list-style-type: none !important;
}
div.error ul{
	margin: 0;
	
}
div.error{
	background-position: 0.5em 0.5em;
	background-repeat: no-repeat;
	border-bottom-width: 3px;
	border-left: 0;
	border-right: 0;
	border-style: solid;
	border-top: 0;
	margin-bottom: 1em;
	min-height: 5em;
	padding: 1em 0 0 3em;
}