/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* IE5&6 PNG Support */
img, div { behavior: url(iepngfix.htc) }

/* typography.css */
body {font-size:75%;color:#000;background:white url(miscImg/bg.gif) repeat-x center top;font-family: Arial, Helvetica, 'Lucida Console Unicode', sans-serif; text-align: center;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family: 'Book Antiqua', 'Palatino Linotype', Garamond, Palatino, serif;}
h1 {font-size:3em;line-height:0.65em;margin-bottom:0.25em; margin-right: 205px; color: #03566d; border-bottom: 1px solid #e5e4e2; text-indent: 5px;padding-top: 5px; white-space: nowrap;}
h2 {font-size:1.5em;margin-bottom:0.5em;font-family: Arial, Helvetica, 'Lucida Console Unicode', sans-serif; font-weight: bold; color: #00536a;}
h3 {font-size:2em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.75em;line-height:1.25;margin-bottom:1.25em; color: #4d4734; font-weight: 500;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
h1 span {color: #007b8f; font-style: italic; font-size: 0.40em;}
p {margin:0 0 1.5em;}
img.left {float:left;margin:0 1.5em 1.5em 0;padding:0;}
img.right {float:right;margin:0 0 1.5em 1.5em;}
a:focus, a:hover {color:#000; text-decoration: none;}
a {color:#736e61;text-decoration:underline;}
blockquote {padding:0em 2em;color:#b8af96;font-family: 'Book Antiqua', 'Palatino Linotype', Garamond, Palatino, serif; font-size: 1.5em; background: url(miscImg/bg_blockquote.gif) no-repeat -27px -30px;}
blockquote span {background: url(miscImg/bg_blockquote.gif) no-repeat 0px 5px; float: right; display: block; width: 25px; height: 27px;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
caption {background:#eee;}
label {text-transform: uppercase; font-weight: bold; color: #4d4734; font-size: 1em;}
input.txtInp {color: #999999; border: 1px solid #1a6579; padding: 3px; font-size: 0.92em;}
hr {border: 0 none; border-top: 1px dotted #ccc; background-color: #fff; height: 1px; margin: 1em 0; clear: both;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.25em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* Background & Header */
#containerTopBg { background: url(miscImg/bg_clouds.jpg) repeat-x center 5px;}
#containerBottomBg {background: url(miscImg/bg_footer.gif) repeat-x bottom; width: 100%;}
#wrapper {width: 970px; margin: 0 auto;}
#header {height: 116px; margin: 0 5px;}
#logo {width: 300px; float: left; margin-top: 5px;}
#logo a {background: url(miscImg/pcu_logo_01.gif) no-repeat left top; height: 116px; width: 280px; display: block; text-indent: -9999px;}
#logo a:hover {background-position: left bottom;}
#topNav { padding: 0px 5px; float: right; background-color: #024358; list-style-type: none; margin: 0px; }
#topNav li { display: inline; }
#topNav li a {background: url(miscImg/bg_topnav_divider.gif) no-repeat right center; padding: 0 5px; line-height: 28px; text-decoration: none; font-weight: bold; color: #80a9bd; float: left; display: block; }
#topNav li a:hover { color: #FFF; background: #025f74 none; }
#topNav li.topNavLast a { background-image:none; }
#search {clear: right; float: right; padding-top: 5px;}
#search td {vertical-align: middle}

/* The menu styling */
.menu, .menu ul {list-style-type:none; padding:0; margin:0;}
.menu {width: 960px; margin: 0 5px; text-align: left; position: relative; z-index: 150}
.menu li.top {display:block; float:left; position:relative;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu li.top a.top_link {display:block; float:left; height:38px;}
.menu li.top a span {position:absolute; left:-9999px; top:0; z-index:0; font-size:10px;}
.menu li.p1, .menu li.p2, .menu li.p3, .menu li.p4, .menu li.p5, .menu li.p6, .menu li.p7, .menu li.p8, .menu li.p9, .menu li a#accounts, .menu li a#loans, .menu li a#visas, .menu li a#homeloans, .menu li a#esolutions, .menu li a#businessservices, .menu li a#financialtools, .menu li a#aboutus {background-image: url(miscImg/nav_01.gif); background-repeat: no-repeat;}
/* set widths */
.menu li.p1, .menu li a#accounts {width:167px;} .menu li.p2, .menu li a#loans {width:73px;} .menu li.p3, .menu li a#visas {width:70px;} .menu li.p4, .menu li a#homeloans {width:110px;} .menu li.p5, .menu li a#esolutions {width:100px;} .menu li.p6, .menu li a#businessservices {width:144px;} .menu li.p7, .menu li a#financialtools {width:186px;} .menu li.p8, .menu li a#aboutus {width:110px;}
/* position hovers */
.menu li.p1 {background-position: 0px -38px;} .menu li.p2 {background-position: -167px -38px;} .menu li.p3 {background-position: -240px -38px;} .menu li.p4 {background-position: -310px -38px;} .menu li.p5 {background-position: -420px -38px;} .menu li.p6 {background-position: -520px -38px;} .menu li.p7 {background-position: -664px -38px;} .menu li.p8 {background-position: -850px -38px;}
/* position inactives */
.menu li a#accounts {background-position: 0px 0px;} .menu li a#loans {background-position: -167px 0px;} .menu li a#visas {background-position: -240px 0px;} .menu li a#homeloans {background-position: -310px 0px;} .menu li a#esolutions {background-position: -420px 0px;} .menu li a#businessservices {background-position: -520px 0px;} .menu li a#financialtools {background-position: -664px 0px;} .menu li a#aboutus {background-position: -850px 0px;}
/* position actives */
.menu li.p1 a#accounts.active {background-position: 0px -76px;} .menu li.p2 a#loans.active {background-position: -167px -76px;} .menu li.p3 a#visas.active {background-position: -240px -76px;} .menu li.p4 a#homeloans.active {background-position: -310px -76px;} .menu li.p5 a#esolutions.active {background-position: -420px -76px;} .menu li.p6 a#businessservices.active {background-position: -520px -76px;} .menu li.p7 a#financialtools.active {background-position: -664px -76px;} .menu li.p8 a#aboutus.active {background-position: -850px -76px;}
.menu a:hover {visibility:visible;position:relative;} .menu li:hover { position:relative; z-index:200;}
.menu li a#accounts:hover, .menu li:hover a#accounts,.menu li a#loans:hover, .menu li:hover a#loans,.menu li a#visas:hover, .menu li:hover a#visas,.menu li a#homeloans:hover, .menu li:hover a#homeloans,.menu li a#esolutions:hover, .menu li:hover a#esolutions,.menu li a#businessservices:hover, .menu li:hover a#businessservices,.menu li a#financialtools:hover, .menu li:hover a#financialtools,.menu li a#aboutus:hover, .menu li:hover a#aboutus {background:transparent;}
.menu ul, .menu :hover ul ul, .menu :hover ul :hover ul ul,.menu :hover ul :hover ul :hover ul ul,.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}
.menu :hover ul.sub {left:0; top:37px; background: #377c8d; padding:1px 5px; white-space:nowrap; width:160px; height:auto; z-index: 500; }
.menu :hover ul.sub li {display:block; height:23px; position:relative; float:left; width:160px;}
.menu :hover ul.sub li a {display:block; font-size:12px; height:23px; width:155px; line-height:23px; text-indent:5px; color:#fff; text-decoration:none; border:1px dotted #2a5955; border-width:0 0 1px 0;}
.menu :hover ul.sub li a.fly {background:url(miscImg/nav_arrow.gif) right center no-repeat;}
.menu :hover ul.sub li a:hover {color:#b0cad3;}
.menu :hover ul.sub li a.fly:hover {background:url(miscImg/nav_arrow.gif) right center no-repeat; color:#b0cad3;}
.menu :hover ul li:hover > a.fly {background:url(miscImg/nav_arrow.gif) right center no-repeat; color:#b0cad3;} 
.menu :hover ul :hover ul,.menu :hover ul :hover ul :hover ul,.menu :hover ul :hover ul :hover ul :hover ul,.menu :hover ul :hover ul :hover ul :hover ul :hover ul{left:160px; top:-4px; background: #4d96a5; padding:5px; white-space:nowrap; width:160px; z-index:200; height:auto; z-index:300;}

.menu li.p1:hover ul.sub, .menu li a#accounts:hover ul.sub {left: 10px;}
.menu li.p7:hover ul.sub, .menu li a#financialtools:hover ul.sub {width: 200px;}
.menu li.p7:hover ul.sub li a, .menu li a#financialtools:hover ul.sub li a {width: 195px;}
.menu li.p7:hover ul.sub ul {left: -155px; width: 140px;}
.menu li.p7:hover ul.sub ul li {width: 135px;}
.menu li.p7:hover ul.sub ul li a {width: 135px;}
.menu li.p8:hover ul.sub, .menu li a#aboutus:hover ul.sub {left: -71px;}

/* Main Content Area */
#main {clear: both; background: url(miscImg/bg_main.png) repeat-y top center; text-align: center; width:100%; height: 100%; }
#mainBG {clear: both; background: url(miscImg/bg_main_pelicanslogan.gif) no-repeat bottom right; margin: 0px 10px; padding: 10px 5px; text-align: left;height: 100%; position: relative;z-index: 5;}
#sidebar {width: 193px; float: right; padding-bottom: 55px; font-size: 0.9em;}

/* Sidebar - Member Login */
#memberlogin {background: #ebe7dd url(miscImg/eaccess.gif) no-repeat 135px 7px; padding: 15px 20px;}
#memberlogin h3 {color: #00536a; font-size: 1.5em;}
#memberlogin input.txtInp {margin: 0 0 5px 0; border-color: #c2b799; width: 145px;}
#memberlogin input.login {float: right;}
#memberlogin ul {clear: both; list-style: none; margin: 20px -15px 0 0; padding: 0;}
#memberlogin li {display: inline; margin: 0 15px 0 0;}

/* Sidebar - ATM & Branch Search */
#locationsearch {background: url(miscImg/bg_search.gif) repeat-x 0 35px; padding-bottom: 20px;}
#locationsearch div {padding: 0px 20px 10px 20px}
#locationsearch h3 {color: #fff; font-size: 1.35em; background: #03566d; text-align: center; border-bottom: 5px solid #007b8f; padding: 10px 0 6px 0;}
#locationsearch label {font-weight: normal; text-transform: none; font-size: 12px;}
#locationsearch input {margin: 0;}
#locationsearch p {margin: 10px 0 0 0; line-height: 1.2em;}
#locationsearch p.go {position: relative; float: right; margin-top: -30px;}

/* Footer */
#footer {padding: 0 0 10px; background:url(miscImg/pelican_bottom.gif) no-repeat right top; color: #fff; font-size: 0.92em; margin: 0 auto; border-top: 10px solid #03566d;}
#footer h4 {margin: 0 0 0.5em 0;}
#footer p {line-height: 1.4em; font-weight: bold;}
#footer a {color: #fff;} #footer a:hover {color: #e5e1cb;}
#footer select {width:130px; margin-bottom: 4px;}
#footer #footerApply {background: url(miscImg/bg_footer_apply.gif) repeat;}
#footer #footerApply h4 {padding: 10px 15px 5px 15px; background: url(miscImg/bg_footer_apply_hd.gif) repeat; }
#footer #footerApply p { margin-left: 15px; }
#footer #footerContact {padding: 0 0 0 1.25em;}
#footer #footerContact span {font-size: 0.91em; text-transform: uppercase; color: #e5e1cb;}
#footer .footerDivider {border-right: 1px solid #9b9179; padding: 0 1.25em;}
#footer .footerLogos {vertical-align: middle; padding-top: 10px;}
#footer .footerCopyright {text-align: right; vertical-align: middle; color: #000; font-family: Times New Roman, serif; font-size: 1.18em; padding-top: 10px;}

/* Home Specific Styling */
#home {padding: 15px 10px; width: 717px;}
#home h1 {color: #9cb9c7; font-weight: normal; font-size: 2.5em; margin-bottom: 0.35em; margin-right: 0; border: 0; text-indent: 0; line-height: 1em;}
#home h2 {color: #00536a; font-family: Arial, Helvetica, 'Lucida Console Unicode', sans-serif; font-size: 1.25em; line-height: 1.15em; font-weight: bold; margin-bottom: 0;}
#home h2 a {color: #00536a; text-decoration: none;} #home h2 a:hover {color: #9f9478; text-decoration: underline;}
#home #homeNews {float: left; width:330px; margin-right: 40px; padding: 0; }
#home #homeNews p {text-align: justify;}
#home #homeRates {float: left; width: 180px; margin-right: -50px;}
div#newsContainer {background-color:#c2b799;position:relative; height: 296px;width:737px;overflow: hidden;}

div.newsItem img{border-bottom: 1px solid #d4ccb7;}
div.nav-home{position:relative; float: right; z-index:200; margin: -21px 18px 11px 0;}
div.nav-home a { display: block; width: 10px; height: 15px; line-height: 15px; float: left; margin: 0 4px 0 0; color: #fff; font-size: 12px; text-decoration: none; text-align: center; outline:none; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-weight: bold;}
div.nav-home a.activeSlide {color: #433f39;}
#newsContainer p { line-height: 29px; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size: 14px; color:#433f39; margin-left: 10px;}
#newsContainer p a {text-decoration: none;font-weight: bold; color:#433f39;}
#newsContainer p a:hover, div.nav-home a:hover {color:#ddd8c9;}

/* General Interior Page Styling */
#sub {background: url(miscImg/bg_subsidebar.gif) repeat-y; float: left; width: 740px; min-height: 560px;}
#sub #subContent {float: right; margin-right: 40px; width: 470px; display: inline;}
#sub #subSide {float: left; position: relative; width: 220px; margin: 0 0 0 -10px;}
#sub #subSide ul {position: relative; list-style: none; margin: 0; padding: 0;}
#sub #subSide li {height: auto;}
#sub #subSide li a {font-size: 1.15em; font-weight: bold; color: #4d4734; font-family: "Arial Narrow"; text-decoration: none; display: block; line-height: 1.15em; padding: 7px 10px 6px 36px; background-image: url(miscImg/bg_subnav.gif); background-repeat: no-repeat; background-position: 0 -38px; }
#sub #subSide li a:hover {background-color: #fff; color: #02546c;}
#sub #subSide li.subActive a {text-transform: uppercase; color: #04566c; background-color: #d6cfbc; background-position: 0 -3px;}
#sub #subSide .featBox {margin: 20px 0 15px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #c6d8e1; }
#sub #subSide .featBox h3 {color: #fff; font-size: 1.35em; background: #03566d; text-align: left; border-bottom: 5px solid #007b8f; padding: 10px 0 6px 15px;}
#sub #subSide .featBox ul {padding: 0 15px 15px 15px;}
#sub #subSide .featBox li a {font-size: 1em; font-weight: normal; color: #000; font-family: Arial, Helvetica, 'Lucida Console Unicode', sans-serif; text-decoration: none; display: inline; line-height: normal; padding: 0px; background-image: none; }
#sub #subSide .featBox li a:hover {color: #02546c; text-decoration: underline; background: #c6d8e1;}

/* Rates Table Styling */
.ratesTable {margin-bottom: 15px;}
.ratesTable td a {padding: 2px 4px; color: #736e61; display: block; text-decoration: none;}
.ratesTable td a.rate {color: #00536a; text-align: right; font-weight: bold;}
.ratesTable tr.odd {background-color: #f2f0e9;}
.ratesTable tr.even {background-color: #f9f8f4; }
.ratesTable tr.odd td, .ratesTable tr.even td{ border-bottom: 1px dotted #c2b799;}
.ratesTable tr.last td  {border-bottom: 1px solid #bab8b3;}
.ratesTable td.apply a {padding: 0; text-align: right;}
.ratesTable tr.even:hover, .ratesTable tr.odd:hover  {background: #e1dbcc;}
.ratesTable td a.featLink {display: inline; color: #49abb5; padding-right: 7px; }
.ratesTable td a.featLink:hover {color: #000;}

.ratesFullTable {width: 468px;}
.ratesFullTable th { background-color: #60a9b7; color: #fff; text-transform: uppercase; font-size: 0.9em; padding: 7px; line-height: 1em; font-weight: bold;}
.ratesFullTable td {padding: 5px 7px; line-height: 1em; background: #fff url(miscImg/bg_accordion_td.gif) repeat-x top left;}
.ratesFullTable td.last {border-bottom: 1px dotted #c2b799; }
.ratesFullTable .details {border-top: 1px solid #024358; background: #328193 url(miscImg/bg_accordion_details.gif) repeat-x top left; color: #fff; font-size: 0.95em; line-height: 1.25em;}
.ratesFullTable .totals {border-top: 1px solid #024358; background: #328193; color: #fff;}
.ratesFullTable .divider {border-left: 1px solid #d6cfbc;}
.ratesFullTable td.type {background: none;}
.ratesFullTable td.alt {background: #f2f2f2;}

/* Press Releases */
.pressReleaseList {list-style:none; margin:0; padding: 0; float: left;}
.pressReleaseList li {float: left; width: 100%; position: relative; margin-bottom: 20px; background: url(miscImg/divider_vertical.gif) repeat-y 43px 0;}
.pressReleaseList li span.year {float: left; display: block; width: 45px; clear: left;}
.pressReleaseList ul {list-style:none; margin:0; padding: 0; float: left; width: 415px;}
.pressReleaseList ul li {float: left; position: relative; clear: left; margin: 0 0 5px 0; line-height: 140%; background: none;}
.pressReleaseList ul li img {position: relative; margin-bottom: -3px;}

/* Accordion */
#accordion h3 {width:457px}
.ui-accordion-header {background: url(miscImg/bg_accordion_header.gif) repeat-x 0 0; margin: 0; font-size: 1.25em; font-family:Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em; outline: none; display: block; padding: 5px 5px 3px 8px;}
.ui-accordion-header img {display: none;}
.ui-accordion-header:hover {cursor: pointer;}
.ui-accordion-header a.title { color: #000; text-decoration: none; outline: none;}
.ui-accordion-header a.title:hover { cursor: pointer;}
.ui-state-active {background-position: 0 -40px;}
.ui-state-active a.title {color: #fff;}
.ui-state-active img {display: inline;}
.ui-accordion-content {border: 1px solid #024358;}
.ui-icon {display:block; width: 15px; height: 15px; float: left; background:url(miscImg/bg_accordion_arrow.gif) no-repeat 0px 6px;}
.ui-icon-triangle-1-s { background-position: 0px -37px;}
.pad {padding: 10px 15px;}

/* Calendar */
.calendarList {list-style:none; margin:0; padding: 0;}
.calendarList li {margin-bottom: 10px; line-height: 1.1em;}
#calendar {width: 220px;padding: 0;margin: 0;border-left: 1px solid #62abb9;font: normal 12px/20px;text-align: center;background-color: #fff;}
#calendar .nav, #calendar .nav a {font-size: 16px;color: #fff;text-align: center;text-decoration: none;}	
#calendar caption {margin: 0;padding: 0;width: 220px;background: #62abb9;color: #fff;font: normal 12px/24px;text-align: center;}
#calendar th {font-size: 11px;font-weight:  bold;line-height: 20px;background: #c6d9e1;text-align: center;border-right: 1px solid #62abb9;border-bottom: 1px solid #62abb9;border-top: 1px solid #62abb9;}
#calendar .today, #calendar td.today a, #calendar td.today a:link, #calendar td.today a:visited {color: #fff;font-weight: bold;background: #d6cfbc;}
#calendar td {border-right: 1px solid #A2ADBC;border-bottom: 1px solid #A2ADBC;width: 30px;height: 28px;text-align: center;vertical-align: middle;background: url(miscImg/bg_calendar.gif) no-repeat right bottom;}
#calendar td a {text-decoration: none;font-weight: bold;display: block;padding: 5px 0 4px 0;}
#calendar td a:link, #calendar td a:visited {color: #000;background: url(miscImg/bg_calendar.gif) no-repeat;}
#calendar td a:hover, #calendar td a:active {color: #000;background: url(miscImg/bg_calendar.gif) no-repeat right top;}

/* Special Classes */
.note {color: #999; font-style: italic; font-size: 0.9em; line-height: 1.25em;} .note a {color: #999;}
.featLink {background: url(miscImg/feat_link.gif) no-repeat right center; padding-right: 7px; }
.moreLink {color: #49abb5; text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 0.9em;}
.pressRelease {color: #1c96a3; font-weight: bold; font-size: 0.95em; background: url(miscImg/ico_doc.gif) no-repeat left center; padding-left: 12px; margin-bottom: 0.5em;}
.pressRelease span {text-transform: uppercase;}
.breadCrumb {font-size: 0.9em; color: #bcb39a; margin-top: 6em; clear: both;}
.year {font-weight: bold; font-size: 1.25em; margin: 0 10px 0 0; }
.date {color: #017b90; text-transform: uppercase; font-weight: bold; font-size: .95em;}
