body { margin: 0; font:12px Arial, Helvetica, sans-serif; color:#666; background:#f2f2f2 url(../images/bg-body.gif) repeat-x; } a { text-decoration:none; color:#0b6836; } a:hover { text-decoration:underline; color:#000; } img { border-style:none; } input,textarea,select { font:100% arial,sans-serif; vertical-align:middle; } form,fieldset { margin:0; padding:0; border:none; } /* wrapper */ #wrapper { width:960px; margin:0 auto; position:relative; } /* header */ #header { width:960px; position:absolute; top:0; left:0; height:127px; } /* header block */ #header .block { width:950px; padding:7px 0 7px 10px; overflow:hidden; } .logo { margin:0 13px 0 0; width:515px; height:76px; overflow:hidden; float:left; background:url(../images/logo.jpg) no-repeat; } .logo a { height:100%; display:block; text-indent:-9999px; } .facebook { margin:20px 0 0 30px; width:100px; height:30px; overflow:hidden; float:left;} .order { float:right; width:243px; } .loan { float:left; padding-top:10px; } .loan a { display:block; text-align:center; color:#3d9024; padding:0 0 0 2px; font-weight:bold; } .loan a:hover { color:#000; text-decoration:none; } .loan img { display:block; margin:0 0 -4px -2px; } #header .list { float:right; margin:0 0 -15px; padding:11px 0 0 0; list-style:none; font-size:16px; line-height:16px; font-weight:bold; width:91px; } #header .list li { height:1%; overflow:hidden; padding:0 0 21px; vertical-align:middle; } #header .list li a { float:left; color:#459f6e; padding:0 0 2px; } #header .list li a:hover { color:#000; text-decoration:none; } #header .list li img { float:left; padding:0 6px 0 0; } /* main-nav */ #main-nav { margin: 0; padding: 0; list-style: none; font-size: 14px; line-height: 16px; font-weight: bold; width:960px; letter-spacing:-1px; background:url(../images/bg-nav.gif) no-repeat; } #main-nav:after { display:block; clear:both; content:""; } #main-nav li { float: left; background: url(../images/separator.gif) no-repeat; } #main-nav li:hover, #main-nav li.hover { position:relative; } #main-nav a { display:block; color: #155d11; text-decoration: none; padding:11px 0 8px; text-transform:uppercase; position:relative; text-align:center; outline:none; } #main-nav li#home { background:none; } #main-nav li#home a { padding:6px 0 0;} #main-nav li#home img { display:block; margin:0 auto; } *+html #main-nav li#home img { margin:0; } * html #main-nav li#home img { margin:0; } #main-nav li#home:hover a, #main-nav li#home.hover a { background:none; } #main-nav li:hover a, #main-nav li.hover a, #main-nav a:hover { padding:10px 0 8px; background:#064d02; color: #fff; } #main-nav li.active a:hover, #main-nav li.active a { color:#000; } #main-nav ul li { float: none; padding: 2px 0 3px; margin:0; background:url(../images/bg-nav-drop-li.gif) repeat-x; border: solid #333; border-width:0 1px; } #main-nav ul li:first-child { background:none; } #main-nav li ul a { padding:8px 3px 8px 15px; float: none; display: block; text-indent:0 !important; text-transform:none; border:none; color:#fff !important; text-align:left; } #main-nav li:hover ul a, #main-nav li.hover ul a, #main-nav ul li a:hover { padding:8px 3px 8px 15px;} #main-nav ul a:hover { color:#000 !important; } /*#main-nav li#last:hover, #main-nav li#last.hover { margin:0 0 0 -1px;}*/ #main-nav li#last.hover a, #main-nav li#last:hover a { background:url(../images/bg-nav-a-span.gif) no-repeat 100% 0; padding-bottom:8px; border:0 !important; } #main-nav li#last.hover ul a, #main-nav li#last:hover ul a { background:none !important; } #main-nav li:hover, #main-nav li.hover { position:relative; } #main-nav li:hover .drop, #main-nav li.hover .drop, #main-nav li:hover .drop li:hover .drop, #main-nav li.hover .drop li.hover .drop, #main-nav li:hover .drop li:hover .drop li:hover .drop, #main-nav li.hover .drop li.hover .drop li.hover .drop { display:block; } #main-nav li:hover .drop .drop, #main-nav li.hover .drop .drop, #main-nav li:hover .drop li:hover .drop .drop, #main-nav li.hover .drop li.hover .drop .drop { display:none; } #main-nav .drop { position: absolute; left:0; top:100%; z-index: 999; width: 999px; display: none; background:url(../images/bg-nav-drop.gif) no-repeat 0 100%; } #main-nav .right-side .drop { left: auto; right: 0; } #main-nav .drop div { float: left; background: url(../images/bg-nav-drop-r.jpg) no-repeat 100% 100%; padding-bottom:3px; } #main-nav .drop ul { padding: 0; overflow:hidden; margin: 0; float: left; list-style: none; } .pointer { display: none; } #main-nav.menu-hard-code .drop { width: auto; } #main-nav.menu-hard-code .drop .drop { left: 200px; } #main-nav.menu-hard-code .drop ul { width: 200px; } #main-nav li:hover ul li:hover, #main-nav li.hover ul li.hover { margin:0; } /* main */ #main { width:960px; padding:134px 0 5px; } #main h1.accessibility { display:none; } /* visual */ .visual { background:url(../images/bg-img-holder.gif) no-repeat; width:958px; padding:1px; margin-bottom:13px; } .visual img { display:block; } /* tree-columns */ .tree-columns { background:url(../images/bg-tree-col.gif) repeat-y; width:960px; margin-bottom:0px; } .tree-columns .holder { background:url(../images/bg-tree-col-t.gif) no-repeat;} .tree-columns .frame { background:url(../images/bg-tree-col-b.gif) no-repeat 0 100%; width:960px; overflow:hidden; padding:16px 0 8px; } /* column */ .tree-columns .column { float:left; width:304px; padding:0 8px; } .tree-columns .column img { float:left; padding-right:7px; display:inline; position:relative; } .tree-columns .column img.img1 { margin:-6px -1px 0 1px;} .tree-columns .column img.img2 { margin:-4px 0 0 14px;} .tree-columns .column img.img3 { margin:-1px 4px 0 27px;} .tree-columns .column .text { height:1%; overflow:hidden; } .tree-columns .column h2 { margin:0 0 -2px; color:#0b6836; font: bold 27px/30px "Times New Roman", Times, serif; letter-spacing:-1px; } .tree-columns .column ul { margin:0; padding:0 0 0 27px; list-style:none; font-size:16px; line-height:18px; font-family: "Times New Roman", Times, serif; } .tree-columns .column ul li { padding-top:6px; } .tree-columns .column ul a { color:#0b6836; text-decoration:underline; } .tree-columns .column ul li.active a, .tree-columns .column ul a:hover { color:#000; text-decoration:underline; } .tree-columns .column ul a span { font-size:12px; } #twocolumns { width:960px; background:url(../images/bg-twocolumns.gif) repeat-y; margin-bottom:14px; } #twocolumns .holder { background:url(../images/bg-twocolumns-t.gif) no-repeat; } #twocolumns .frame { background:url(../images/bg-twocolumns-b.gif) no-repeat 0 100%; width:958px; overflow:hidden; padding-right:2px; position:relative; min-height:335px; padding:0 2px 2px 0 ; } /* min height of inside window frame must be > 333 which is Height of "images/bg-twocolumns-b.gif" */ * html #twocolumns .frame { overflow:visible; height:424px; } .man { position:relative; bottom:1px; left:12px; display:block; width:225px; } .woman { position:absolute; bottom:1px; left:12px; display:block; width:225px; } /* sidebar */ #sidebar { width:268px; float:right; } #sidebar img { display:block; margin:4px 0 0 12px;} /* tables */ #promos { width:700px; } #promos td { padding:0px 0px 20px 0px; } /* top, right, bottom, and left */ #promo-2-sided { width:700px; } #promo-2-sided td { padding:0px 20px 0px 0px; } /* top, right, bottom, and left */ #checking { width:910px; } #checking td { padding:0px 0px 0px 0px; width:33% } /* top, right, bottom, and left */ #checking2 { width:910px; } #checking2 td { padding:0px 0px 0px 0px; width:50% } /* top, right, bottom, and left */ /* content */ #content { width:690px; float:right; padding-top:9px; overflow:hidden; margin-bottom:-2px; } #main #content h1 { margin:0 0 40px; color:#0B6836; font: normal 50px/50px "Times New Roman", Times, serif; } #content2 { width:690px; float:right; padding-top:9px; overflow:hidden; margin-bottom:-2px; } #main #content2 h1 { margin:0 0 10px; color:#0B6836; font: normal 45px/45px "Times New Roman", Times, serif; } /* 40px/40px = fontsize/lineheight */ #content3 { width:910px; float:right; padding-top:9px; overflow:hidden; margin-bottom:-2px; } #main #content3 h1 { margin:0 0 10px; color:#0B6836; font: normal 45px/45px "Times New Roman", Times, serif; } /* 40px/40px = fontsize/lineheight */ #content4 { width:690px; float:right; padding-top:9px; overflow:hidden; margin-bottom:-2px; } #main #content2 h1 { margin:0 0 10px; color:#0B6836; font: normal 45px/45px "Times New Roman", Times, serif; } /* 40px/40px = fontsize/lineheight */ /* list-holder */ #content .list-holder { width:690px; overflow:hidden; margin:0 0 -3px; position:relative; } #content .list-holder ul { margin:0 0 45px; padding:0; list-style:none; width:700px; font-size:14px; line-height:17px; overflow:hidden; font-weight:bold; color:#333; position:relative; } #content .list-holder ul li { float:left; width:210px; padding-right:10px; } #content .list-holder ul li h2 { color:#0B6836; font-size:16px; display:block; margin:0 0 4px; } #content .list-holder ul a { color:#0B6836; text-decoration:underline; } #content .list-holder ul li.active a, #content .list-holder ul a:hover { text-decoration:underline; color:#000; } #content .list-holder ul p { margin:0; } /* text */ #content .text { font-size:18px; line-height:22px; color:#666; padding-right:10px; } #content .text p { margin:0 0 21px; } #content .text2 { font-size:16px; line-height:20px; color:#666; padding-right:10px; } #content .text2 p { margin:0 0 21px; } #content .crumb { font-size:12px; line-height:16px; color:#333; padding-right:10px; } #content2 .text { font-size:16px; line-height:20px; color:#555555; padding-right:10px; } #content2 .text p { margin:0 0 21px; } #content2 .text td3 a { font-size:16px; line-height:20px; color:#333333; font-weight:normal; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #content2 .text td3 a:hover { color:#0a925a; } #content2 .text td4 a { font-size:16px; line-height:20px; color:#0a925a; font-weight:bold; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #content2 .text td4 a:hover { color:#333333; } #content2 .crumb { font-size:12px; line-height:16px; color:#333; padding-right:10px; } #content3 .text { font-size:16px; line-height:20px; color:#555555; padding-right:10px; } #content3 .text p { margin:0 0 21px; } #content3 .text td3 a { font-size:16px; line-height:20px; color:#333333; font-weight:normal; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #content3 .text td3 a:hover { color:#0a925a; } #content3 .text td4 a { font-size:16px; line-height:20px; color:#4d983f; font-weight:bold; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #content3 .text td4 a:hover { color:#0a925a; } #content4 .text { font-size:16px; line-height:20px; color:#555555; padding-right:10px; } #content4 .text p { margin:0 0 21px; } #content4 .text td3 a { font-size:16px; line-height:20px; color:#333333; font-weight:normal; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #content4 .text td3 a:hover { color:#0a925a; } #content4 .crumb { font-size:12px; line-height:16px; color:#333; padding-right:10px; } #content4 .text ul { margin-left: 150px; padding:0; } #td2 a { font-size:16px; line-height:24px; color:#666666; font-weight:normal; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; margin-left: -35px; } #td2 li { list-style-type:none; } #td2 li a:hover { color: #000000; } #td7 a { font-size:16px; line-height:20px; color:#333333; font-weight:normal; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #td7 a:hover { color:#0a925a; } #td8 a { font-size:16px; line-height:20px; color:#4d983f; font-weight:bold; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #td8 a:hover { color:#333333; } #td9 a { font-size:16px; color:#ffa100; font-weight:bold; font-family:Arial, sans-serif; text-decoration:underline; } #td9 a:hover { color:#0023a0; } #link3 a { font-size:16px; color:#333333; font-weight:bold; font-family:Arial, sans-serif; padding:0; margin:0; text-decoration:underline; } #link3 a:hover { color:#0a925a; } .othertext { position:absolute; top:0; left:-8997px; } /* footer */ #footer { width:960px; overflow:hidden; padding-bottom:30px; } /* footer block */ #footer .block { width:960px; background:url(../images/bg-block.gif) repeat-y; margin-bottom:8px; } #footer .block .holder { background:url(../images/bg-block-t.gif) no-repeat;} #footer .block .frame { background:url(../images/bg-block-b.gif) no-repeat 0 100%; width:911px; overflow:hidden; font-weight:bold; padding:7px 34px 9px 15px; } #footer .block ul { margin:0; padding:0; list-style:none; float:left; font-size:12px; line-height:12px; } #footer .block ul li { float:left; margin-right:21px; } #footer .block ul a { color:#097235; } #footer .block ul li.active a, #footer .block ul a:hover { color:#000; text-decoration:underline; } #footer .block span { float:right; color:#999; font-size:11px; line-height:11px; padding-top:1px; } /* boxes */ #footer .boxes { width:960px; overflow:hidden; font-size:12px; line-height:12px; font-weight:bold; color:#666; } /* atm */ #footer .atm { float:left; width:95px; margin-right:22px; } #footer .atm img { display:block; margin:4px 0 0 1px; } /* moncks-corner myrtle-beach */ #footer .moncks-corner, #footer .myrtle-beach { float:left; width:160px; margin-right:28px; } #footer .boxes h3 { margin:0 0 2px; font-size:18px; line-height:20px; color:#000; font-weight:normal; } #footer .boxes p { margin:0; } #footer .boxes ul { margin:0; padding:0; list-style:none; } #footer .boxes ul li { padding-bottom:2px; } #footer .boxes address { line-height:14px; font-style:normal; margin-bottom:2px; } /* ncua */ #footer .ncua { float:left; width:76px; display:inline; margin:-7px 0 0 -5px; } #footer .ncua a { display:block; margin:20px 0 0; } #footer .ncua a img { display:block; margin:0 auto; } /* emergency */ #footer .emergency { float:right; width:360px; line-height:15px; } #footer .emergency dl { margin:0 0 9px; padding-top:6px; } #footer .emergency dt { float:left; padding-right:7px; } #footer .emergency dd { display:block; margin:0; } #footer .emergency dd a { color:#666; text-decoration:underline; } #footer .emergency dd a:hover { color:#000; } #footer .boxes ul.list { font-weight:bold; font-size:12px; line-height:12px; margin-bottom:-3px; } #footer .boxes ul.list li { padding-bottom:9px; }