@charset UTF-8; 

/* FOUNDERS BANK TEMPLATE CSS Document */


body { font-family:"Helvetica Neue", helvetica, Arial, sans-serif; background:#00573d url(../images/template/landingBackground.gif) repeat-x; margin: 0; padding: 0; }
.clear { clear:both; }

/* GLOBAL STYLES*/

h1, h2, h3, h4, h5 {font-family: "Helvetica Neue", helvetica, Arial, sans-serif; margin: 0 0 7px 0; }

img a { padding:0; margin:0; }

h1,h1 a { font-size:16px; color:#01523b; line-height:16px; text-align:left;}

h2,h2 a {font-size:14px; color:#01523b; line-height:16px; text-align:left; }

h3,h3 a {font-size:12px; color:#01523b; line-height:14px; text-align:left; padding: 13px 0 0 0;}

h4,h4 a {font-size:11px; color:#01523b; line-height:13px; text-align:left; }

h1 a,h2 a,h3 a,h4 a { color:#01523b; text-decoration:none; }

tml#pb_selected h4 a:hover { background-image:url(../images/nav_arrow.gif); }

h5,h5 a { font-family:News Gothic, Times New Roman, Times, serif; font-size:10px; line-height:12px; text-align:left; color:#333; text-decoration:none; padding:0 0 2px; }
h5 a { color:#333; text-decoration:none; }
h6,h6 a { font-family:"Helvetica Neue", Arial, sans-serif, serif; font-size:9px; line-height:11px; text-align:left; color:#000; text-decoration:none; padding:0 0 2px; }
h6 a { color:#000; text-decoration:none; }
html#pb_selected h5,html#pb_selected h5 a { margin:0; padding:0; }

p {font-size:12px; line-height:18px; text-align:left; color:#000; padding:0; margin: 0 0 10px 0;}

p a { color:#01523b; text-decoration:underline; font-weight: bold; }

sup { font-family:"Helvetica Neue", Arial, sans-serif, serif; font-size:7px; vertical-align:text-top; color:#01523b; }

p#hr { border-top:1px solid rgb(228,228,228); width:100%; height:5px; }

br { line-height:10px; }

div#pageContent ul { padding:0 0 0 20px; margin: 5px 0; }

div#pageContent li {font-size:12px; line-height:18px;}

#pageContent em {font-size: 10px; line-height: 12px; display: block; margin: 0 0 25px 0; font-style: normal; color: gray;}

a {color: #01523B; text-decoration: none;}
a:hover {color: #007d60;}

/* PAGE STRUCTURE STYLES */

#landingHeader {padding: 85px 0 20px 0;}
#landingContent {color: white; padding: 0 0 60px 0; font-size: 18px; font-family: Georgia, times, serif;}
  #landingContent a {color: white; font-weight: bold; text-decoration: underline;}
#landingAddress {color: white; font-family: Georgia, times, serif; width: 790px; margin: 0 auto; border-top: 1px solid white; padding: 10px 0;}
#landingPhone {color: white; font-family: Georgia, times, serif; text-align: right;font-size: 20px; padding: 0 10px 0 0; font-weight: bold;}
#landingLogo {float: right;}
#landingBugs {float: left;}
#landingFooter {width: 790px; margin: 0 auto;}

strong, b {font-weight: bold;}


#mainWrapper { width:887px; margin:0 auto;}

#navWrapper {margin: 0; padding: 0; background: transparent url(../images/template/navWrapperTile.gif) repeat-x; height: 83px; position: relative;}


#bodyMiddle { width:555px; height:291px; float:left; margin:0; padding:0; }

body#home #bodyMiddle { width:688px; height:auto; float:left; }

#text { padding:0 10px 20px 30px; }
#text li { font-family:Georgia, Times New Roman, Times, serif; font-size:11px; line-height:18px; text-align:left; color:#000; padding:0 0 10px; }
small { font-family:Georgia, Times New Roman, Times, serif; font-size:9px; line-height:11px; text-align:left; color:#333; }

#footerWrapper { width:885px; height:63px; background-color:#003b27; /* bottom:0; position:relative; */ text-align:center; border: 1px solid #003b27; }


.headerImage {left:-20px; position: relative; padding: 0 0 20px 0;}

/* New Body Styles */
#bodyWrapper { width:887px; background:transparent url(../images/template/bodyBackground.gif); }

#bodyLeft {float:left; width:93px; padding: 10px 20px 0 20px;}

#pageContent {width:515px; float:left; padding: 0 20px;}

#bodyRight { width:175px; height:459px; float:left; background:transparent url(../images/template/rightColumnCap.gif) top; background-repeat:no-repeat; padding:5px;}


/* New Home Page Styles */
#homeContentWrapper {float: left; width: 688px;}
#homePageContent {width:688px; float: left; margin: 0 0 -3px 0;}
#homePageTileLeft { width:342px; height:216px; float:left; background: white; position: relative;}
#homePageTileRight { width:346px; height:216px; float:left;  background: white;}
#homePromoWrapper {width: 688px; height: 216px; position: relative; overflow: hidden; float: left; }
#homeBodyRight { width:175px; height:459px; float:left; background:transparent url(../images/template/rightColumnCap.gif) top; background-repeat:no-repeat; padding:5px;}

/*HOME PAGE STYLES*/

#logoLink { position:relative; left:18px; top:11px; display:block; width:180px; height:60px; background: url(../images/template/logo.gif) no-repeat; }

#mainImage { width:688px; height:290px; background-image:url(../images/mainimage.jpg); }
#tileWrapper {width:688px; height:auto; display:block; }

#estatementtype {position: absolute; top: 40px; left: 20px; font-family: Arial; font-size: 12px; line-height: 14px; width: 200px; }

/* Board of Directors */
.boardListWrapper {/* background: #f6f6f6; margin: 0 0 5px 0; padding: 10px 0 0 20px; border: 1px solid #e4e4e4; */}
.boardImage {float: left;}
.boardContent {float: left;}
.boardContent p {line-height: 16px; color: #666666;}
.boardContent h2 {margin: 0; padding: 0;}

/* Staff List*/
.staffListWrapper {background: #f6f6f6; margin: 0 0 5px 0; padding: 10px 0 0 20px; border: 1px solid #e4e4e4;}
.staffImage {float: left;}
.staffContent {float: left;}
.staffContent p {line-height: 16px; color: #666666;}
.staffContent h2 {margin: 0; padding: 0;}


/*RIGHT COLUMN CONTENT*/
#toolTitle { width:100%; height:22px; font-size:16px; text-align:left; color:#FFF; display:block; border-bottom:1px solid #006a46; }
#toolTitle2 { height:22px; font-size:16px; text-align:left; color:#FFF; display:block; border-bottom:1px solid #003b27; margin:0 0 5px;}
#help { width:175px; padding:5px; height: 200px; }
#access { width:175px; position:absolute; right:0; bottom:0; padding:0 10px 5px 0; }
select#tools { width:95%; }
select#advice { width:95%; }

#access form {margin: 0; padding: 0;}

/* Press Release Styles */

.releaseListWrapper {padding: 10px 0;}
.newsLink {font-size: 11px; padding: 0 0 0 15px; display: block;}
.newslink a {display: block;}

/* NAVIGATION STYLES */

/* - top nav - */
#nav { width:auto; height:37px; background-color:#01523b; bottom:0; left:230px; position:absolute; padding:3px 2px; 
font-family: "Palatino Linotype", "Book Antiqua", times, serif; }
#nav ul { list-style:none; text-align:center; margin: 0; padding: 0;}
#nav li { float:left; background-color:#01523b; margin:0 2px; height: 40px;}
#nav li a { display:block; width:auto; height:35px; font-weight:bold; color:#FFFFFF; text-decoration:none; background-color:#01634a;  padding:5px 0 0; width:110px; /* line-height:14px; */ font-size:14px!important; overflow: visible;}
#nav li a span { display:block; color:white; top: -3px; position: relative;}
#nav li a span.bottom{ margin: -4px; }

#nav li a:hover { background:url(../images/template/navbackground.gif) repeat-x; }
#nav li a:active { background:url(../images/template/navbackground.gif) repeat-x; }
#nav li.selected a { background:url(../images/template/navbackground.gif) repeat-x; }
#nav ul li ul { display:none; }

/* #nav li#personal a {text-indent: -99999em; background: #01523b url(../images/template/personal.png) no-repeat;} */

/* - left nav - */
#leftnav {width:110px; border: 1px solid blue;}
#bodyLeft ul { list-style:none; text-align:left; margin: 0; padding: 0; }
#bodyLeft li { padding:0 0 8px; }
#bodyLeft li a { display:block; width:auto; height:auto; font-size:.70em; line-height:1.1em; font-weight:normal; color:#979797; text-decoration:none; }
#bodyLeft li a:hover { color:#01634a; }
#bodyLeft ul li.selected a { color:#01634a; }
#bodyLeft li a:active { color:#01523b; }
#bodyLeft ul li ul { display:none; margin:8px 0 0 5px; }
#bodyLeft ul li.selected ul { display:block; }
#bodyLeft ul ul li.selected a { color:black; }
#bodyLeft ul ul a:hover { text-decoration:underline; }

/* Utility Nav */

#utilityNav { width:175px; border:1px solid #00442d; background:  #01523b; }
#utilityNav H2 { background:url(../images/template/buttonbackground.gif) repeat-x; display:block; height:27px; line-height:27px; margin:0; padding:0 0 0 10px; color:white; border:1px solid #00442d; cursor:pointer; }

#utilityNav ul {list-style: none; margin: 0; padding: 0;}
#utilityNav ul li {padding: 5px 10px;}
#utilityNav ul li a {color: white; padding: 0; display: block; font-size: .8em;}
#utilityNav ul li:hover {background: #003b27;}
#utilityNav ul li.selected {background: #003b27;}

/* - trailer nav - */

#tnav {}
#tnav ul { list-style:none; text-align:center; }
#tnav li { float:left; display:table-cell; vertical-align:middle; }
#tnav li a { display:block; width:auto; height:22px; font-size:11px; font-weight:bold; color:#FFFFFF; text-decoration:none; vertical-align:middle; padding:0 15px; }


/*LOCATIONS STYLES */
#locationHeader { 
/*section header*/
width:100%; height:22px; font-size:16px; text-align:left; color:#01523b; display:block; border-bottom:1px solid #006a46; }

/*PERSONAL BANKING STYLES*/
#pbColumnTop { width:48%; vertical-align:top; text-align:left; padding:0 0 8px; }
#pbColumn { width:48%; background-color:#f6f6f6; border:1px solid #efefef; text-align:left; vertical-align:top; padding:10px 0; }
#pbColumn img { padding:0 0 10px; }
#pbColumn h4 { padding:0 0 5px 15px; }
#pbColumn h5 { padding:0 10px 5px 15px; }
#pbColumn h6 { padding:0 10px 5px 15px; background-image:url(/images/template/arrow.gif); background-position:center right; background-repeat:no-repeat; }

/*
 * Project:		Image rotator
 * Date:		2009-04-28
/* ---------------------------------------- */
html.js ul#list-a li { display:none; }
html.js ul#list-a li.active { display:block; }
#list-a li img { display:block; }
ul#list-a { list-style:none; margin:0; padding:0;}

/* SF Rotator
------------------------------------------- */
.sfrotator { position:relative; width:342px; height:216px; margin:0; overflow: hidden;}
.sfrotator .sfitems { position:relative; z-index:10; }
.sfrotator .sfitems .sfitem { position:absolute; top:0; left:0; z-index:10; height:400px; }

.sfrotator .sfcontrols { position:absolute; right:10px; bottom:10px; float:left; overflow:hidden; z-index:20; margin:0; }
.sfrotator .sfcontrols li { display:inline; float:left; width:22px; height:22px; text-align:center; margin:0 0 0 5px; z-index:20; font:normal .5em/2 Verdana, Arial, Helvetica, sans-serif; border:none; }

.sfrotator .sfcontrols li a { display:block; color:#f4e1ba; background:#007d60; text-align:center; text-decoration:none; border:2px solid #fff; height:17px; }
.sfrotator .sfcontrols li a.active { background:#00442d; border-color:#fff; color:white; }
.sfrotator .sfcontrols li a:hover { background:#000; border-color:#fff; color:#fff; }


/*INNER PAGE STYLES*/
#mainImageIp { 
/*innerpage image*/
}

/* Accordian Styles: */
.resourceTabs { width:175px; border:1px solid #00442d; }
.resourceTabs div { background:#eee; padding:0 10px; margin:0 1px; }
.resourceTabs a { background:url(../images/template/buttonbackground.gif) repeat-x; display:block; height:27px; line-height:27px; margin:0; padding:0 0 0 10px; color:white; border:1px solid #00442d; cursor:pointer; }
.resourceTabs div p a {background: none; color: #01523b; border: none; }
.resourceTabs div p {padding: 0; margin: 0;}

.basic { width:198px; height:200px; font-family:verdana; border:1px solid black; }
.basic div { background-color:#eee; }
.basic p { margin-bottom:10px; border:none; text-decoration:none; font-weight:bold; font-size:10px; margin:0; padding:10px; }
.basic a { cursor:pointer; display:block; padding:5px; margin-top:0; text-decoration:none; font-weight:bold; font-size:12px; color:black; background-color:#00a0c6; border-top:1px solid #FFFFFF; border-bottom:1px solid #999; background-image:url(AccordionTab0.gif); }
.basic a:hover { background-color:white; background-image:url(AccordionTab2.gif); }
.basic a.selected { color:black; background-color:#80cfe2; background-image:url(AccordionTab2.gif); }

/*Business Accordian Nav*/

#businessChecking {padding: 5px 0 5px 0;}
#businessCheckingTitle {}
#businessCheckingTitle h2 { line-height: 30px; padding-top: 10px}
.panelContent {padding:20px;}
.panelWrapper {border: 1px solid gray; margin: 0 0 5px 0;}
.panelWrapper h2 {margin: 0; padding: 0;  display: block; }

span.triggerLink {height: 27px; padding: 0 0 0 20px; display: block; background: url("../images/template/buttonbackground.gif") repeat-x;}
span.triggerLink a {color: white; text-decoration: none; line-height: 26px; display: block;}

.panelWrapper h2 span.triggerLink a {background: url(../images/template/open-close.png) no-repeat right 0;}
.panelWrapper h2.active span.triggerLink a {background: url(../images/template/open-close.png) no-repeat right bottom;}

/*Contact Us Web Form*/

#contactUsWrapper {}
table.webform td {padding: 10px 0 2px 0;}