@charset "utf-8"; /* CSS Document */ * {margin: 0; padding: 0; border: 0;} body {font-size: 100%; font-family: Arial, Helvetica, sans-serif; font-weight: normal;} /* Header */ #headerContainer {background: url('../images/header_bg.gif') repeat-x 0 0; height: 96px; width: 100%; text-align: center;} #headerContainer #header {width: 980px; height: 96px; margin: 0 auto; text-align: center; position: relative;} #headerContainer #header #bankersLogo {position: absolute; bottom: 24px; left: 10px;} #headerContainer #header #bankersLogo a {background: url('../images/bankers_logo.gif') no-repeat 0 0; display: block; width: 375px; height: 51px;} #headerContainer #header #growingTogetherLogo {position: absolute; bottom: 24px; right: 15px;} #headerContainer #header #growingTogetherLogo a {background: url('../images/growing_together.gif') no-repeat 0 0; display: block; width: 155px; height: 50px;} /* Mid Section */ #belowHeader {background: #f7f7f6 url('../images/body_bg.gif') repeat-x 0 0; width: 100%; padding: 20px 0 0 0; clear: both; overflow: hidden;} #belowHeader #content {width: 960px; text-align: center; margin: 0 auto; clear: both; overflow: hidden;} /* Navigation */ #belowHeader #content #sidebar {float: left; text-align: left; width: 260px;} #menuContainer {position: relative;} #belowHeader #content #sidebar ul#menu li {background: #4a5a66 url('../images/menu_bg.gif') repeat-x 0 100%; list-style-type: none;width: 240px; display: block;} #belowHeader #content #sidebar ul#menu li#lastMenuItem {background-image: none;} #belowHeader #content #sidebar ul#menu li a {font-size: 18px; color: #fff; text-decoration: none; display: block; padding: 6px 0 0 20px; height: 44px;} #belowHeader #content #sidebar ul#menu li a span.menuSummary {display: block; font-size: 10.8px; color: #e1dede;} #belowHeader #content #sidebar ul#menu li.active a span.menuSummary {color: #fff;} #belowHeader #content #sidebar ul#menu li:hover {background-image: url('../images/menu_bg_hover.gif');} #belowHeader #content #sidebar ul#menu li#lastMenuItem:hover {background-image: none; background-color: #576f81;} #belowHeader #content #sidebar ul#menu li.active {background-image: url('../images/menu_bg_hover.png');} #belowHeader #content #sidebar ul#menu li.active a {background: url('../images/menu_arrow_shadow.png') no-repeat 100% 0; display: block; margin-right: -20px;} #belowHeader #content #sidebar ul#menu li.lastMenuItemActive {background: #4a5a66 url('../images/menu_bg_hover_last.png') repeat-x 0 100% !important;} #belowHeader #content #sidebar ul#menu li.lastMenuItemActive a {background: url('../images/menu_arrow_shadow_last.png') no-repeat 100% 0; display: block; margin-right: -20px;} /* Content */ #belowHeader #content #main {float: right; width: 680px; margin-left: 20px;} #belowHeader #content #main .insideleft .insideright .inside #homepageColCtr {width: 100%; clear: both; padding: 20px; overflow: hidden;} #belowHeader #content #main .insideleft .insideright .inside #homepageColCtr #homepageLeft {float: left; width: 285px;} #belowHeader #content #main .insideleft .insideright .inside #homepageColCtr #homepageRight {float: right; width: 274px; margin-right: 45px;} #belowHeader #content #main .insideleft .insideright .inside #homepageColCtr #homepageRight .intro {color: #000; font-weight: bold;} #belowHeader #content #main .insideleft .insideright .inside #homepageColCtr #homepageRight .outroLink {text-decoration: none;} #belowHeader #content #main .insideleft .insideright .inside #homepageColCtr #homepageRight .outro {color: #1a7b42; font-weight: bold;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr {width: 644px; margin: 10px 0; overflow: hidden; clear: both;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #leftCol {float: left; width: 340px; padding: 0 26px 0 0;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol {float: right; width: 273px; padding: 0 5px 0 0;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #leftCol p#disclaimer {font-size: .6em; margin-top: 20px;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol #quote {background: url('../images/lquote.gif') no-repeat 0 0; display: block;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol #quote p {color: #666464; font-size: .82em; font-style: italic; padding: 0 20px 20px 20px; background: url('../images/rquote.gif') no-repeat 98% 98%; padding-top: 30px; line-height: 1.4em; text-align: justify;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol p#quoter {color: #666464; font-size: .82em; padding: 0 20px; margin-top: -10px; padding-bottom: 20px;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol #communityLogos {text-align: center; margin: 0 auto;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol #communityLogos a {display: block; margin: 20px 0;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol #movie {text-align: center; margin: 0 auto 20px auto;} #belowHeader #content #main .insideleft .insideright .inside #innerPageColCtr #rightCol #movie img {border: 1px solid #e1e0e0;} #belowHeader #content #main .insideleft .insideright .inside #innerPageApply {float: right;} #belowHeader #content #main .insideleft .insideright .inside #applyAccompText {color: #4a5a66; font-weight: bold; margin-bottom: 2px;} #belowHeader #content #main .insideleft .insideright .inside #applyNow {display: block; background: #fff url('../images/apply_now.gif') no-repeat 0 0; text-indent: -9999px; width: 136px; height: 32px;} #belowHeader #content #main .insideleft .insideright .inside #applyNow:hover {background-position: 0 -32px;} #belowHeader #content #main .insideleft .insideright .inside #formNumber {font-size: .6em; padding-top: 20px; position: absolute; bottom: 10px; right: 20px;} #belowHeader #content #main .insideleft .insideright .inside #pageImage {border: 1px solid #e1e0e0; margin: 0 0 20px -2px;} #belowHeader #content #main .insideleft .insideright .inside #pageImage img {display: block;} #belowHeader #content #main .insideleft .insideright .inside p, #belowHeader #content #main .insideleft .insideright .inside ul {font-size: .875em; color: #7f7c7c; margin-bottom: 20px; line-height: 1.5em;} #belowHeader #content #main .insideleft .insideright .inside ul li {margin-left: 25px; margin-bottom: 2px; list-style-type: none; background: url('../images/bullet.gif') no-repeat 0 5px; padding-left: 15px; } #belowHeader #content #main .insideleft .insideright .inside h1 {display: block; width: 245px; color: #54b247; text-indent: -9999px; margin-bottom: 20px;} #belowHeader #content #main .insideleft .insideright .inside h1#about_bankers {background: url('../images/header_about_bankers.gif') no-repeat 0 0; height: 80px;} #belowHeader #content #main .insideleft .insideright .inside h1#why_bankers {background: url('../images/header_why_bankers.gif') no-repeat 0 0; height: 80px;} #belowHeader #content #main .insideleft .insideright .inside h1#community {background: url('../images/header_community.gif') no-repeat 0 0; height: 70px;} #belowHeader #content #main .insideleft .insideright .inside h1#support {background: url('../images/header_support.gif') no-repeat 0 0; height: 62px;} #belowHeader #content #main .insideleft .insideright .inside h1#incentives {background: url('../images/header_incentives.gif') no-repeat 0 0; height: 70px;} #belowHeader #content #main .insideleft .insideright .inside h1#join_bankers {background: url('../images/header_join_bankers.gif') no-repeat 0 0; height: 75px;} *#belowHeader #content #main .insideleft .insideright .inside h2 {font-size: .95em; color: #1a7b42; margin-bottom: 10px;} #belowHeader #content #main .insideleft .insideright .inside a {color: #19873e; font-weight: bold;} #belowHeader #content #main .insideleft .insideright .inside a.pdf {background: url('../images/pdficon_small.gif') no-repeat 0 0; padding-left: 25px; height: 17px; display: block;} #belowHeader #content #main .insideleft .insideright .inside .emphasize {font-weight: bold;} #belowHeader #content #main .insideleft .insideright .inside #map {text-align: center; margin: 0 auto 20px auto;} /* Social Media Widgets */ #belowHeader #content #sidebar #tweet {margin: 20px 0px 0px 0px;} #tweet ul {margin-left: 10px !important; font-size: .8em !important; color: #7f7c7c !important; line-height: 1.5em !important;} #tweet ul li {background: url('../images/bullet_tweets.gif') no-repeat 0 5px !important; padding-left: 15px !important; list-style-type: none !important; margin-bottom: 10px !important; margin-left: 0px !important;} #tweets a {color: #4a5a66 !important; font-weight: normal !important;} #tweet h2#tweetHeader, .socialMediaWidgets h2#linkedInHeader {font-size: 1em !important; color: #4a5a66 !important; margin-bottom: 10px !important; text-indent: 0px !important; clear: both;} #smTargetFacebook, #smTargetTwitter, #smTargetLinkedIn {display: none;} .socialMediaWidgets .socialMediaWidgetsContents {padding: 20px;} .socialMediaWidgets #smwcFB {text-align: center !important; margin: 0 auto !important; display: block !important; width: 310px !important;} .socialMediaWidgets #smwcFB iframe {#margin-top: -20px;} .socialMediaWidgets .socialMediaHeader {clear: both; width: 100%; float: left; margin-bottom: 20px; padding: 10px 5px 1px 5px; border: 1px solid #aeeaa5;} .socialMediaWidgets .socialMediaHeader h1 {font-size: 1.2em; color: #1a7b42; float: left;} .socialMediaWidgets .socialMediaHeader a {float: left; display: block; clear: right; padding-left: 10px; position: relative; bottom: 3px;} .socialMediaWidgets p {font-size: .875em; margin-bottom: 20px; line-height: 1.5em;} .socialMediaWidgets p a {color: #4a5a66 !important; font-weight: bold !important;} .socialMediaWidgets .socialMediaWidgetsContents #tweet {margin: 0;} #nyroModalFull #tweet ul {font-size: .875em !important; color: #7f7c7c !important; margin-bottom: 20px !important; line-height: 1.5em !important;} .socialMediaWidgets .socialMediaWidgetsContents #linkToFBPage {font-size: .7em; padding-left:10px;} .socialMediaWidgets .socialMediaWidgetsContents #linkToFBPage a {color: #4A5A66;} /* Footer */ #belowHeader #footerContainer {width: 1003px; text-align: center; margin: 20px auto; font-family: Verdana, Geneva, sans-serif;} #belowHeader #footerContainer .insideleft .insideright .inside #footer {color: #072a4c; text-align: left; width: 913px; padding: 20px; overflow: hidden; position: relative; background: #f6f6f5 url('../images/footer_bg.gif') repeat-x 0 0;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #siteMap {color: #706d6d; margin-bottom: 20px; font-size: .75em; float: left; width: 672px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #siteMap a {color: #000; text-decoration: none;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #siteMap a:hover {text-decoration: underline;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia {float: right; width: 240px; font-size: .75em; margin-bottom: 20px; position: relative; left: 70px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia div {float: left; margin-left: 10px; position: relative; top: -3px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #followUs {padding-top: 3px; font-weight: bold;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #facebook a {display: block; background: url('../images/icon_facebook_20x20.png') no-repeat 0 -20px; text-indent: -9999px; width: 20px; height: 20px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #linkedIn a {display: block; background: url('../images/icon_linked_in_20x20.png') no-repeat 0 -20px; text-indent: -9999px; width: 20px; height: 20px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #twitter a {display: block; background: url('../images/icon_twitter_20x20.png') no-repeat 0 -20px; text-indent: -9999px; width: 20px; height: 20px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #facebook a:hover, #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #linkedIn a:hover, #belowHeader #footerContainer .insideleft .insideright .inside #footer #socialMedia #twitter a:hover {background-position: 0 0;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #legal {color: #706d6d; font-size: .625em;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #legal p {padding-bottom: 10px;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #legal a {color: #706d6d; text-decoration: none;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #legal a:hover {text-decoration: underline;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #legal p#copyright {float: left; padding-bottom: 0px !important;} #belowHeader #footerContainer .insideleft .insideright .inside #footer #legal p#legalLinks {float: right; padding-bottom: 0px !important;} /* Rounded Corners | liquidcorners-extended.css; feel free to adapt the style! | ================================================ | use: 4 corners with painted border outside a contentbox with class="inside"; | image1 = upper half: top left corner, long top border, top right corner | under half: bottom left corner, long bottom border, bottom right corner | image2 = left half: left border; right side: right border | because repeat-y: image2 can be reduced in height! | CHANGE = you have to change this for fitting to your image | YCC = You Can Change (or omit), if wanted | DNC = Do Not Change | credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner: | http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm | adapted | by.....: ... (your name and site?!) | | + please let this text & links intact for a next user + */ #menuContainer .top-left, #menuContainer .top-right, #menuContainer .bottom-left, #menuContainer .bottom-right {height: 8px; font-size: 2px;} #menuContainer .bottom-left, #menuContainer .bottom-right {background-image: url('../images/menu_shadow.gif');} #menuContainer .top-left {margin-right: 0px; margin-top: -14px;} #menuContainer .top-right {background-image: url('../images/menu_shadow_top.gif'); background-position: 240px 18px; margin-top: 0px; margin-right: 12px; margin-left: 7px; position: relative; top: 8px;} #menuContainer .bottom-left {background-position: 0% -10px; margin-right: 50px;} #menuContainer .bottom-right {background-position: 240px -10px; margin-top: -8px; margin-left: 8px; margin-right: 10px;} #menuContainer .inside {margin-left: 1px; margin-right: 0px; padding-left: 0px; padding-right:0px; padding-top: 0px; text-align: left; position: relative; overflow: hidden;} #menuContainer .notopgap {margin-top: 0;} #menuContainer .nobottomgap {margin-bottom: 0 !important;} #menuContainer .insideleft, #menuContainer .insideright {background-image: url('../images/borders-lr-double18x1_menu.png'); background-repeat: repeat-y;} #menuContainer .insideright {background-position: 230px 0px;} #main .top-left, #main .top-right, #main .bottom-left, #main .bottom-right {height: 9px; font-size: 2px;} #main .top-left, #main .top-right, #main .bottom-left {background-image: url('../images/content_bg.png');} #main .top-left, #main .bottom-left {margin-right: 9px;} #main .top-right, #main .bottom-right {margin-left: 9px; margin-top: -9px;} #main .top-right {background-position: 100% 0;} #main .bottom-left {background-position: 0% -9px;} #main .bottom-right {background-image: url('../images/content_bg.gif'); background-position: 100% -9px;} #main .inside {margin-left: 9px; margin-right: 9px; background: #fff; padding-left: 8px; padding-right:10px; padding-top: 9px; text-align: left; position: relative; overflow: hidden;} #main .notopgap {margin-top: 0 !important;} #main .nobottomgap {margin-bottom: 0 !important;} #main .insideleft, #main .insideright {background-image: url('../images/borders-lr-double18x1.png'); background-repeat: repeat-y;} #main .insideright {background-position: 100% 0;} #belowHeader #footerContainer .insideleft {background: url('../images/footer_left_shadow.gif') no-repeat 0% 100%;} #belowHeader #footerContainer .insideleft .insideright {background: url('../images/footer_right_shadow.gif') no-repeat 974px 100%;} #footerContainer .top-left {height: 2px; font-size: 1px;} #footerContainer .top-right {height: 2px; font-size: 1px; margin-left: 7px; margin-top: -2px; background-position: 100% 0;} #footerContainer .bottom-left {height: 9px; font-size: 2px; background-image: url('../images/footer_corners.gif'); margin-right: 150px; background-position: 20px -10px; background-repeat: no-repeat;} #footerContainer .bottom-right {height: 9px; font-size: 2px; background-image: url('../images/footer_corners.gif'); margin-left: 50px; margin-top: -9px; background-position: -668px -10px; background-repeat: no-repeat;} #footerContainer .inside {margin-left: 21px; margin-right: 29px; background: #fff; padding-left: 0px; padding-right:0px; padding-top: 0px; text-align: left; position: relative; overflow: hidden;} #footerContainer .notopgap {margin-top: 0;} #footerContainer .nobottomgap {margin-bottom: 0 !important;}