img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body { min-width: 320px; font-family: 'Montserrat', Arial, Helvetica, sans-serif; font-size: 14px; background-color: #0b4c84; color: #4d4d4d; line-height: 1.6; text-align: center; } h1, h2, h3, h4, h5, h6, p, th, td, dd, dt, li, blockquote { text-align: left; } body, .staff ul { padding: 0; margin: 0; } nav ul, section ol, footer ul { padding: 0 } .pad { padding-left: 12px; padding-right: 12px } img, iframe { max-width: 100%; height: auto; } a img, iframe { border: none; } a, nav a:hover, aside a:hover, footer a:hover { text-decoration: none; color: #f1582c; transition: all .3s linear .01s; } a:hover, .news.list a:hover h3, .recent .table a:hover h3 { text-decoration: underline; transition: all .3s linear .01s; } nav a:hover, .news.list a:hover, .recent .table a:hover { text-decoration: none; } hr { border-width: 1px; border-color: #eee; border-style: none none solid; margin: 30px 0; } .imgLeft, .imgRight { max-width: 45%; } .imgLeft { float: left; margin: 5px 4% 1% 1%; } .imgCenter { display: block; margin: 0 auto; } .imgRight { float: right; margin: 5px 1% 1% 4%; } .clear { clear: both; } .center { text-align: center; } .container { background-color: #fff; } .wrap { display: block; max-width: 1020px; margin: 0 auto; position: relative; } .table { display: table; width: 100%; } .table.mid > div { vertical-align: middle } .table > div, header, nav, aside, section { display: table-cell; vertical-align: top; } .table.mid > div { vertical-align: middle } .table.half > div { width: calc(50% - 12px); } .table.half > div:first-of-type { padding-right: 12px; } .table.half > div:last-of-type { padding-left: 12px; } .table.half.tiny > div:first-of-type { padding-right: 6px; } .table.half.tiny > div:last-of-type { padding-left: 6px; } .table.third > div { width: calc((100% / 3) - 12px); } .table.third > div:nth-of-type(1) { padding-right: 8px; } .table.third > div:nth-of-type(2) { padding: 0 4px; } .table.third > div:nth-of-type(3) { padding-left: 8px; } .government img {height: 190px; width:300px;} .government {height: 200px;} .nowrap { white-space: nowrap } nav li, .footsoc li { display: inline-block; } .overlay { background-image: linear-gradient( transparent, rgba(0,0,0,0.6), transparent ); padding: 0 12px } .button { display: inline-block; background-color: #0b4c84; color: #fff; padding: 10px 50px; margin-top: 10px; border: none; border-radius: 3px; } .top, header { box-shadow: 0 5px 10px rgba(0,0,0,0.5); } .top { height: 110px; background-color: #0b4c84; position: relative; z-index: 999;} header { width: 200px; background-color: #fff; padding: 35px 5px; border-radius: 500px; position: relative; top: 10px; } header img { max-width: 175px } nav { width: calc(100% - 214px); font-weight: bold; text-align: right; } nav ul:first-of-type a { font-size: 12px; padding: 0 0 0 10px; margin: 5px 0 5px 5px; border-left: 1px solid #fff; } nav ul:first-of-type li:first-of-type a { border: none; } nav a { color: #fff; padding: 5px; margin: 5px; display: block;white-space:nowrap } .bgimg { position: relative } .bgimg > img:first-of-type { position: absolute; width: 100%; height: 100%; inset: 0; object-fit: cover; z-index: 0 } .banner { height: 350px; } .banner { background-size: cover; } .banner .wrap { top: 50%; transform: translateY(-50%); } .banner p{ font-size: 18px; text-align: center; color: #fff; margin: 0 auto; text-shadow: 2px 2px 5px #000; } .banner strong { display: block; font-size: 30px; line-height: 1.3; } .banner.home { height: 600px;} .banner.home .overlay,.banner .overlay { height: 100%; } .banner.home h1 { width: 90%; text-align: center; color: #fff; margin: 0 auto; text-shadow: 2px 2px 5px #000 } .banner.home>img{object-position:50% 65%} .banner.about { background-image: url(/images-design/banners/about.jpg); background-position-y: 80%; } .banner.products { background-image: url(/images-design/banners/products.jpg); background-position-y: 50%; } .banner.programs { background-image: url(/images-design/banners/programs.jpg); background-position-y: 50%; } .banner.contact { background-image: url(/images-design/banners/contact.jpg); background-position-y: 25%; } .banner.thanks { background-image: url(/images-design/banners/thanks.jpg); background-position: center; } .banner.latest { background-image: url(/images-design/banners/news.jpg); background-position: center; } .banner.property { background-image: url(/images-design/banners/property.jpg); background-position: center; } .banner.georgia { background-image: url(/images-design/banners/georgia-branch.jpg); background-position-y: 15%; } .holiday-message { display: block; text-align: center; margin: auto; max-width: 1020px; } .cdfi p, .featured h2, .featured p, .news h2, .news.heading p, .info h2 { text-align: center; } .cdfi { margin-bottom: 20px; } .cdfi p { text-align: center; line-height: 2; background-color: #fff; padding: 40px; margin-top: -40px; border: 1px solid #eee; } .emergency td { padding: 5px 0; } .emergency td:last-of-type { padding-left: 20px; } .featured { padding: 40px 0 20px; } .featured.heading { background-color: #ddd; padding: 40px 0; margin-top: 40px; } .featured .table.half > div .box { padding: 20px 10px; } .featured .table.half > div:first-of-type .box { background-color: #f1582c; } .featured .table.half > div:last-of-type .box { background-color: #0b4c84; } .news h2, .info h2 { font-weight: 700; text-transform: none; margin-top: 20px; } .featured h2, .featured p, .news h2, .news.heading p, .info h2 { color: #fff; } .featured h2 { font-size: 24px; font-weight: 700; text-transform: uppercase; margin-top: 20px; margin-bottom: 0; } .featured p { margin-top: 0; } .featured ul { list-style: none; padding: 0 } .featured.list .table > div, .featured.list .table { border-width: 1px; border-color: #ebebeb; } .featured.list .table.third { margin-top: 20px; border-style: none none solid; } .featured.list .table.third > div:nth-of-type(2) { border-style: none none none solid; } .featured.list .table.half > div:first-of-type { border-style: none solid none none } .featured.list .table.half > div { width: 50%; } .featured.list ul ul { padding-left: 40px } .featured.list li { margin-bottom: 2px } .featured ul strong { font-size: 24px; color: #ccc; margin-right: 20px; } .featured.list .third > div, .featured.list .half > div { padding: 0 20px !important } .news { margin: 40px 0; } .news.heading, .info { padding: 30px 0 40px; background-color: #0b4c84; } .news.list p { width: 95%; color: #4d4d4d; } .news h2, .info h2 { font-size: 30px; } .news h3 { font-size: 14px; font-weight: 700; text-transform: none; margin-top: 20px; } .news img { min-height: 213px; } .news .button { margin: 40px 0 20px; } .info { padding: 50px 0 60px; margin-bottom: 20px; } .recent { margin: 40px 0 } .recent .table a { color: #4d4d4d; } .recent .table img { object-fit: cover; width: 98%; height: 250px; } .recent h3, .recent p { padding: 0 5px; } .recent h3 { margin-top: 20px; } .bankorange {color:#f1582c;} .bankblue {color:#78b2e4;} .newyear {color:#f1582c; background-color: #eee; padding:30px 150px 10px 150px; border: #f1582c solid 1px; } aside { width: 30%; font-size: 12px; padding: 50px 12px 50px 0; } aside ul { list-style: none; padding: 20px; background-color: #0b4c84; } aside a { display: block; color: #fff; padding: 10px 0; } section { width: 70%; padding: 40px 12px; } section h1, section h2, section h3, section h4 { font-weight: 400; text-transform: uppercase; color: #f1582c; } section h2, section h3, section h4 { margin-top: 40px; } section h1, section h2 { font-size: 18px; } section h3 { font-size: 16px; } section h4 { font-size: 14px; } section strong, .board th { font-weight: 600; } section ul { padding-left: 20px; margin: 20px 0; } section ul ul { margin: 0 } section li { margin: 8px 0; } .nolist { list-style: none; padding-left: 0; } .emphasis { padding: 40px; border: 1px solid #eee; } .emphasis p { text-align: center; } .contact ul { list-style: none; padding-left: 0; } .blue { background-color: #0b4c84; padding: 20px 4%; margin-top: 20px; } .staff { margin-top: 40px; } .staff h2 { color: #0b4c84; margin: 0 0 10px; } .staff img { float: right; margin: 20px 1% 1% 4%; width: 150px; } .staff li { display: inline-block; width: calc((100% / 3) - 4px); vertical-align: middle } .staff li:nth-of-type(2) { text-align: center; } .staff li:nth-of-type(3) { text-align: right; } .staff hr { clear: both } .members p { text-align: right; } .halflist { text-align: left; padding-left: 0; } .halflist li { display: inline-block; vertical-align: top; width: 40%; margin-right: 9%; } .board { width: calc(100% - 24px); font-size: 13px; margin: 40px auto; border: 1px solid #eee; border-collapse: collapse; } .board tr:nth-of-type(even) { background-color: #f5f5f5; } .board th, .board td { padding: 10px 15px; } .fullwidth { width: 100%; height: 290px; margin-bottom: 12px; text-align: center } .fullwidth img { display: block; margin: 0 auto } .programs img { margin-top: 20px; } .programs img:first-of-type { margin-right: 5px; } .programs img:last-of-type { margin-left: 5px; } .programs3 { margin: 10px 0; } .programs3 img:first-of-type { margin-right: 8px; } .programs3 img:last-of-type { margin-left: 8px; } .video { width: 100%; height: 402px; } .cycle-slideshow { display: inline-block; margin: 0 auto; width: auto; overflow: hidden } .jQexpiring { padding: 0 20px; } .jQexpiring ul { list-style: none; padding: 0; margin: 30px 0; } .jQexpiring li span { display: inline-block; width: 350px; } .gallery { margin: 20px 0; } .gallery a { display: inline-block; width: 189px; height: 147px; overflow: hidden; margin: 0 5px; } form { margin: 20px 0; text-align: left } form .table.half > div:first-of-type { padding-right: 5px; } form .table.half > div:last-of-type { padding-left: 5px; } form input[type=text], form input[type=email], form input[type=tel], form input[type=submit], form input[type=file], form input[type=password], form select, form textarea { font-family: 'Montserrat', sans-serif; font-size: 14px; } form input[type=text], form input[type=email], form input[type=tel], form input[type=password], form select, form .input { margin-bottom: 10px; } form input[type=text], form input[type=email], form input[type=tel], form input[type=password], form textarea, form select, form .input { background-color: #fff; padding: 0 10px; border: 1px solid #ccc; } form input[type=text], form input[type=email], form input[type=tel], form input[type=password], form textarea, form .input { width: calc(100% - 22px); } form input[type=text], form input[type=email], form input[type=tel], form input[type=password], form select { height: 40px; } form input[type=file] { margin-left: 20px; } form select { width: 100%; } form .input { padding: 9px 10px; margin: 5px 0 0; } form textarea { height: 150px; padding: 10px; } form input[type=submit] { background: #0b4c84 !important; color: #fff !important; padding: 13px 50px; margin-top: 5px; border: none; border-radius: 3px; font-weight: bold } form input[type=submit]:hover, #contact input[type=submit]:hover, .button:hover { cursor: pointer; text-decoration: none; background-color: #f1582c !important; color: #fff; } form input[type=submit]:hover, #contact input[type=submit]:hover, .button:hover, form input[type=submit], #contact input[type=submit], .button { transition: all .3s linear .01s; } form#contact input[type=submit] { background-color: #ddd !important; color: #0b4c84 !important; } form#contact input[type=submit]:hover { color: #fff !important } footer { font-size: 12px; background-color: #fff; padding-top: 40px; border-top: 1px solid #eee; } footer .table.quad > div:last-of-type ul:last-of-type { text-align: left; } footer .table.quad > div:last-of-type ul:last-of-type li { margin-right: 10px; } footer h3 { font-size: 14px; text-transform: uppercase; } footer h3 a { color: #f1582c; } footer ul { list-style: none; margin: 20px 0 } footer a { color: #4d4d4d; display: block; margin: 4px 0;padding:4px 0 } .subfoot { color: #fff; padding: 20px 0; background-color: #0b4c84 } .subfoot { font-size: 14px } .subfoot .table.half > div:last-of-type p { text-align: right; } .subfoot img { max-height: 200px } .back { padding-bottom: 5px; line-height: 1; display: none } #documentPortal_error { color: #FF0000; } #documentPortal_logoutLink, #documentPortal_documents, #documentPortal_error, #documentPortal_admin, #documentPortal_settings, #documentPortal_documents { display: none; } #documentPortal_txtEmail, #documentPortal_txtPass { width: calc(100% - 40px); padding: 0 20px; } #documentPortal table td { border-collapse: collapse; border-spacing: 0; } #documentPortal table tbody tr.even { background: #e9e9e9; } #documentPortal .dataTables_length { float: left; } #documentPortal .dataTables_filter { float: right; } #documentPortal_navigation { display: block; margin-bottom: 10px; text-align: right; } #documentPortal_navigation a { display: inline-block; margin: 0 5px; } :focus { outline: none; } #documentPortal_admin table input, #documentPortal_admin ul input { border: none; background: none; padding: 0; } #documentPortal_admin table { width: 100%; } #documentPortal_admin table th { text-align: left; } #documentPortal_admin table td { width: 25%; } #documentPortal .ui-widget-content a.documentPortal_file, a.documentPortal_file { color: #0094ff; padding: 5px; min-width: 25em; display: inline-block; } #documentPortal .ui-widget-content a.documentPortal_folder_delete, .ui-widget-content a.documentPortal_group_delete, .ui-widget-content a.documentPortal_file_delete { color: #FF0000; } #documentPortal .ui-widget { font-size: 1em; } #documentPortal_progressOuter { display: none; width: 200px; height: 1em; border: 1px solid #999; border-radius: 0.5em; } #documentPortal_progressInner { height: 1em; width: 0; background: #bfd255; background: linear-gradient(to bottom, #bfd255 0%,#8eb92a 50%,#72aa00 51%,#9ecb2d 100%); } #documentPortal table #admin_users_trGroups td { border-bottom: 1px solid #CCC; padding: 0 0 3px 0; } #documentPortal table #admin_users_trGroups td input { font-size: .9em; } #documentPortal_badLogin, #documentPortal_badResetCode, #documentPortal_newPasswordMismatch { color: red; font-weight: bold; display: none; } #documentPortal_passwordResetForm label { width: 20em; display: inline-block; } #documentPortal_passwordResetForm, #documentPortal_passwordResetSuccess { display: none; } #documentPortal_passwordResetForm input[type=text], #documentPortal_passwordResetForm input[type=password] { width: 25em; } #documentPortal_documentList { list-style-type: none; line-height: 2; font-size: larger; padding: 0; } #documentPortal_documentList .documentPortal_folder { margin: 0.25em 0 0.25em 0; min-width: 25em; text-align: left; } #documentPortal_admin_addFileFolders { border: 1px solid #CCC; padding: 10px; margin: 15px 0; } #documentPortal_admin_addFileFolders input { width: 50%; margin-right: 5px; display: inline-block; } table#documentPortal_admin_users { width: 100%; border-collapse: collapse; margin: 15px 0; } table#documentPortal_admin_users th { position: sticky; top: 0; background-color: #666; } table#documentPortal_admin_users th, table#documentPortal_admin_users td { padding: 8px; text-align: left; } table#documentPortal_admin_users td input { background-color: #eee; padding:5px; border-radius: 5px; } table#documentPortal_admin_users th:first-child, table#documentPortal_admin_users td:first-child { border-left: 1px solid #ddd; } table#documentPortal_admin_users th:last-child, table#documentPortal_admin_users td:last-child { border-right: 1px solid #ddd; } table#documentPortal_admin_users th { border-top: 1px solid #ddd; } table#documentPortal_admin_users th { background-color: #f4f4f4; font-weight: bold; } #admin_users_trGroups p { text-align: left; } #admin_users_trGroups td { padding: 5px; text-align: center; } table#documentPortal_admin_users tr:hover { background-color: #f5f5f5; } @media(max-width:999px) { .cdfi p{margin-top:0} footer .table.half.quad > div { display: block; width: auto; padding: 0 } footer { font-size: 13px } .top { height: 150px } .featured.list h3 span { display: block } .featured.list h3 strong { margin-bottom: 8px; display: inline-block; float: left } .featured.list ul ul { padding-left: 10px } .staff li:first-of-type { display: block; width: auto; } .staff li { width: calc(50% - 4px); } .staff li:nth-of-type(2) { text-align: left } } @media(max-width:767px) { .top { height: auto } header { display: inline-block } nav { display: block; width: auto } nav ul, header { text-align: center; margin: 16px 0 } .banner.home{height:65vw;min-height:350px} aside, section { display: block; width: auto } section { padding: 20px 12px } aside, aside ul { padding: 20px 0; text-align: left; margin: 0 } aside li { display: inline-block; width: calc(50% - 28px); margin: 6px 12px; vertical-align: middle } aside a { padding: 5px } .featured.list .table > div { display: block; width: 100% !important; padding: 0 0 30px !important; border-style: none none solid !important } .featured.list h3 span { display: inline } .featured.list li, .featured.list h3 { text-align: center } .featured.list h3 strong { float: none } .featured.list .table { border: none !important } .featured.heading .table.half > div, section .table.third > div { display: block; width: auto; padding: 0 !important } .featured .box { margin: 20px 0 } .featured.heading { padding: 20px 0 } .recent.list .table > div { border-bottom: 1px solid #ebebeb; margin-bottom: 30px } .recent.list img { width: 100%; height: 100% !important; } footer { padding-top: 20px } .table.third.tiny > div { width: calc((100% / 3) - 12px) !important; display: table-cell } .table.third.tiny > div:nth-of-type(1) { padding-right: 8px !important; } .table.third.tiny > div:nth-of-type(2) { padding: 0 4px !important; } .table.third.tiny > div:nth-of-type(3) { padding-left: 8px !important; } .tiny img { width: 100% } .video { height: 54vw } .board { width: 100%; border-style: solid none } .board th, .board td { padding: 4px } .board th:first-of-type, .board td:first-of-type { padding-left: 8px } .back { display: block } } @media(max-width:500px) { section > .imgRight { float: none; margin: 12px auto; max-width: 100% } section .table.half > div { display: block; width: auto; padding: 0 !important } input[type=submit] { width: 100% } .banner strong,.banner.home h1 { font-size: 24px } .table.third.tiny.fullwidth > div, .table.half.tiny.fullwidth > div { display: block !important; width: auto !important; padding: 0 !important } .table.tiny { margin: 0 } .tiny img { margin-bottom: 12px } .board { font-size: 12px } .notice li span { display: block; width: auto; } } @media(max-width:400px) { footer .table > div, .subfoot .table > div { display: block; width: auto !important; padding: 0 !important } .subfoot p, footer h3, footer li, footer ul { text-align: center !important } section .nowrap { white-space: normal; } }