body {font-family: "Avenir Next", Arial, sans-serif;}
.screen-hide{display:none;}
h1, h2, h3, h4, h5, h6 {margin:0; font-weight:normal; margin-bottom:6px; margin-left:0px;}
h1 {font-size:36px; font-weight:500;margin-bottom:.882em !important;}
h2,h3,h4 {text-transform:uppercase;}
h2 {font-size:18px;}
h3 {font-size:18px;line-height:24px; margin-bottom:18px;}
h4 {font-size:14px;font-weight:500;}
.letterhead {display:none;}
.cfpb-logo {display:none;}
.font-xs,.font-s,.font-m,.font-l,.font-xl,.font-xxl {font-family:"Avenir Next", Arial, sans-serif;}
.font-xs {font-size:10px;}
.font-s {font-size:12px; line-height:18px;}
.font-m {font-size:14px; line-height:20px;}
.font-l {font-size:16px; line-height:22px;}
.font-xl {font-size:18px; line-height:23px;}
.font-xxl {font-size:20px; line-height:28px; font-weight:500;}
.font-xxxl {font-size:28px; line-height:30px;font-weight:500;}
.horizontal-bar {padding:5px 0 5px 20px; font-size:12px; font-weight:500; text-transform:uppercase;}
.guide-content{margin:20px 36px 0;}
/* slate blue */
.slate-blue {color:#004E6B;}
.slate-blue-bg {background-color:#004E6B; border-color:#004E6B; color:#FFFFFF;}
.sky-lightest-bg{background-color: #D2E1EF;border-color: #D2E1EF;color: #212121;}

/* LAYOUT */
.row{margin-left:-20px;font-family: "Avenir Next", Arial, sans-serif;}
.row:before,.row:after{content:"";display:table;}
.row:after{clear:both;}
.span2, .span3, .span9, .span6{float:left;margin-left:20px;}
.span9{width:660px;}
.span3{width:205px;}
.span2{width:130px;}
.span6{width:440px;}
.skyblue-bg{background-color:#DBF3F9;color:#231F20;border-color:#DBF3F9;}
.guide-sect-header{font-family:"Avenir Next", Arial, sans-serif;font-weight:500;color:#5281AB;text-transform:uppercase;font-size:1em;letter-spacing:1px;}
.accordion-heading {border-color:#CEE0F2;}
.vspace1 {margin-bottom:10px;}
.vspace2 {margin-bottom:20px;}
.vspace3 {margin-bottom:30px;}
.vspace4 {margin-bottom:40px;}
.vspace5 {margin-bottom:50px;}
.font-xs,.font-s,.font-m,.font-l,.font-xl,.font-xxl {font-family:"Avenir Next", Arial, sans-serif;}
.font-xs {font-size:10px;}
.font-s {font-size:12px; line-height:18px;}
.font-m {font-size:14px; line-height:20px;}
.font-l {font-size:16px; line-height:22px;}
.font-xl {font-size:18px; line-height:26px;}
.font-xxl {font-size:20px; line-height:28px; font-weight:500;}
.font-xxxl {font-size:28px; line-height:30px;}

/* ICONS!
-------------------------------------------------------------------------------*/
.ico {background: url("/static/choosealoan/images/resources.0be298147b13.png") no-repeat top left;padding-left:26px;padding-top:3px;}
.ico-ask { background-position: 0 0; width: 12px; height: 17px; margin-bottom:3px; }
.ico-watch{ background-position: 0 -37px; width: 21px; height: 20px; }
.ico-explore{ background-position: 0 -77px; width: 23px; height: 13px; margin-bottom:7px; }
.ico-compare{ background-position: 0 -110px; width: 19px; height: 19px; margin-bottom:1px; }
.icon {width:23px;height:23px;background: url("/static/choosealoan/images/icons.5da1199ae7da.png") no-repeat top left;position:absolute;}
.ico-bullet_check{ background-position: 0 0; width: 17px; height: 17px;}
.ico-bullet_minus{ background-position: -37px 0; width: 17px; height: 17px;}
.ico-bullet_plus{ background-position: -74px 0; width: 17px; height: 17px; }
.ico-criteria_eligibility{ background-position: -111px 0; width: 21px; height: 19px; }
.ico-criteria_interest{ background-position: -152px 0; width: 20px; height: 18px; }
.ico-criteria_limits{ background-position: -192px 0; width: 23px; height: 17px; }
.ico-criteria_repayment{ background-position: -235px 0; width: 20px; height: 19px; }
.ico-process {width:37px; height:37px; background: url("/static/choosealoan/images/process.45cafff3dd80.png") no-repeat top left;}
.ico-process-banking{ background-position: 0 0; }
.ico-process-banking.selected,
.ico-process-banking:hover { background-position: -47px 0; }
.ico-process-loans{ background-position: -94px 0; }
.ico-process-loans.selected,
.ico-process-loans:hover { background-position: -141px 0; }
.icon-positioning-fix {position: relative; display: block; }
.icon-positioning-fix .icon { left:-23px; top:-14px;}
.rh{text-align:right;}
.uc {text-transform:uppercase; font-weight:400;}
.no-pad{padding:0px;}
.no-marg{margin:0px;}

/* Options Table */
table{border:0px;border-collapse: separate;border-spacing: 18px 0px;padding-bottom: 20px;}
table th{background:transparent;color:#212121;border:0px;text-align:left;}
table td{border:0px; }
.thick-line {border-top: 3px solid #000;}
.line {border-top:1px solid #000;}
td{padding: 10px 0px 10px;}
td, .smlr-text{font-family: Georgia;font-size: 14px;line-height: 20px;font-weight: 500;}

/* ACCORDION!
-------------------------------------------------------------------------------*/
.accordion-heading {
    padding: 8px 18px 8px;
    border-top-width: 4px;
    border-top-style: solid;
}

.accordion-heading.offset {
    padding: 8px 8px 8px 139px;
}

.accordion-body {
    padding: 18px;
    position:relative;
}
.accordion-body.offset {
    padding: 18px 18px 18px 139px;
}

.accordion .row {margin-left:-18px;}
.accordion .span6,
.accordion .span2,
.accordion .span3 {margin-left:18px;}
.accordion td.span6,
.accordion td.span2,
.accordion td.span3 {margin:0;}
.accordion .span6 {width:503px;margin-left:18px;}
.accordion .span2 {width:155px;margin-left:18px;}
.accordion .span3 {width:242px;margin-left:18px;}

/* COLORS!
-------------------------------------------------------------------------------*/
/* black */
.black {color:#101820;}
.black-bg {background-color:#101820; border-color:#101820; color:#FFFFFF;}

/* orange */
.orange {color:#D83D00;}
.orange-bg {background-color:#D83D00; border-color:#D83D00; color:#FFFFFF;}

/* orange light */
.orange-light {color:#DD6344;}
.orange-light-bg {background-color:#DD6344; border-color:#DD6344; color:#FFFFFF;}

/* orange lighter */
.orange-lighter {color:#EA9D8A;}
.orange-lighter-bg {background-color:#EA9D8A; border-color:#EA9D8A; color:#FFFFFF;}

/* orange lightest */
.orange-lightest {color: #F7D8D0;}
.orange-lightest-bg {background-color:#F7D8D0; border-color:#F7D8D0; color:#FFFFFF;}

/* slate blue */
.slate-blue {color:#004E6B;}
.slate-blue-bg {background-color:#004E6B; border-color:#004E6B; color:#FFFFFF;}

/* slate blue light */
.slate-blue-light {color:#3B7187;}
.slate-blue-light-bg {background-color:#3B7187; border-color:#3B7187; color:#FFFFFF;}
.well.slate-blue-light {border-color:#3B7187;color:#212121;}
a {color:#3B7187;}
section,header {border-color:#3B7187;}

/* slate blue lighter */
.slate-blue-lighter {color:#83A5B3;}
.slate-blue-lighter-bg {background-color:#83A5B3; border-color:#83A5B3; color:#FFFFFF;}

/* slate blue lightest */
.slate-blue-lightest {color:#CDDBE0;}
.slate-blue-lightest-bg {background-color:#CDDBE0; border-color:#CDDBE0; color:#212121;}

/* ------- */

/* dark teal */
.teal {color:#004047;}
.teal-bg {background-color:#004047; border-color:#004047; color:#FFFFFF;}

/* dark teal light */
.teal-light {color:#38666B;}
.teal-light-bg {background-color:#38666B; border-color:#38666B; color:#FFFFFF;}

/* dark teal lighter */
.teal-lighter {color:#829FA2;}
.teal-lighter-bg {background-color:#829FA2; border-color:#829FA2; color:#FFFFFF;}

/* dark teal lightest */
.teal-lightest {color:#CDD9DA;}
.teal-lightest-bg {background-color:#CDD9DA; border-color:#CDD9DA; color:#FFFFFF;}

/* ------- */

/* pacific */
.pacific {color:#256AB4;}
.pacific-bg {background-color:#256AB4; border-color:#256AB4; color:#FFFFFF;}
.bubble.active {background-color:#256AB4;border-color:#256AB4;color:#FFF;}

/* pacific light */
.pacific-light {color:#4188C7;}
.pacific-light-bg {background-color:#4188C7; border-color:#4188C7; color:#FFFFFF;}

/* pacific lighter*/
.pacific-lighter {color:#86B4E0;}
.pacific-lighter-bg {background-color:#86B4E0; border-color:#86B4E0; color:#212121;}

/* pacific lightest */
.pacific-lightest {color:#CEE0F2;}
.pacific-lightest-bg {background-color:#CEE0F2; border-color:#CEE0F2; color:#212121;}
.bubble {background-color:#CEE0F2;border-color:#CEE0F2;color:#212121;}
.accordion-heading {border-color:#CEE0F2;}

/* ------- */

.green-bg{background:#101820;}
.bullet{
    color:white;
    height: 25px;
    width: 25px;
    text-align: center;
    line-height: 26px;
    font-size: 18px;
    border-radius: 100%;
}
.pad-top{margin-top:10px;}

/* DOWNLOAD BTN */
.btn-document {
    background-image: url("/static/choosealoan/images/download.a371eea8b746.png");
    background-repeat: no-repeat;
    background-size: auto 36px;
    background-position: 16px 8px;
    text-align: left;
    width: 140px;
    padding-left: 62px;
}

.btn, .btn:hover{
    display: inline-block;
    font-family: "Avenir Next", Arial, sans-serif;
    font-size: 18px;
    padding: 8px 0px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    width: 218px;
    text-decoration: none;
    background-color: #0072ce;
    color: white;
}

/* BIG BUBBLES */
.bubbles{clear:both;}
.bubble{width:208px;float:left;background:#E3E4E5;margin:0 5px 10px 5px;cursor:pointer;height:270px;}
.bubble.bubble-active{background:#ADDC91;}
.bubble-text{min-height:150px;background-repeat:no-repeat;background-position:20px 20px;
    padding:80px 20px 0 20px;color:black;font-size:18px;line-height:26px;}
.bubble.bubble-active .bubble-text{color:#101820;}
.bubble-text.key-dollar {background-image:url("/static/choosealoan/images/key_dollar.8d54b283a3af.png");}
.bubble-text.key-check {background-image:url("/static/choosealoan/images/key_check.a9838ee71766.png");}
.bubble-text.key-clock {background-image:url("/static/choosealoan/images/key_clock.f2448a68f908.png");}
.bubble-text.key-compass {background-image:url("/static/choosealoan/images/key_compass.b41b34c80678.png");}
.bubble-text.key-bank {background-image:url("/static/choosealoan/images/key_bank.7983c5fc4526.png");}
.bubble-text.key-checklist {background-image:url("/static/choosealoan/images/key_checklist.09057246ffd2.png");}
.answer-box{border:1px solid #5281AB;margin-bottom:45px;padding:14px;}
.answer-box .answer-entry{display:none;}
.answer-box .answer-entry.bubble-active{display:block;}
.answer-box .answer-entry.bubble-active b{/*text-transform:uppercase;*/font-weight:600;font-family: "Avenir Next", Arial, sans-serif;}
.answer-box .answer-entry.bubble-active li{margin:14px; line-height:23px;font-family:Georgia, serif;}
ul.m,ol.m {font-size:14px; line-height:20px;font-family:Georgia, serif;}

#print-questions{display:none;}
.answer-hidden{display:none;} /*hides answer box--added 11-30-12 by dzg*/
h4 {padding:0px; color:#212121; letter-spacing:0px;margin-left:0px;}
h3 {text-transform:none; color:#212121;}
.comparison-h2{font-size:24px;}
p {line-height:1.4em;}
.rel-ico-span{position: relative;width:300px;margin-left:21px; float:left; height:100%;}
.rel-ico-span h4{margin-left:22px;}
.rel-ico-span .icon{margin-top:1px;}
#ask-cfpb-print {display:none;}
.guide-hero{margin-top:40px;}

.bubble-transparent{
    width:186px;
    padding-top:16px;
    padding-left:16px;
    background-image:url("/static/choosealoan/images/bubble.f928cac098f0.png");
    background-repeat:no-repeat;
    background-position:bottom;
    background-position-x: 0;
    padding-bottom:40px;
}

.bubble-transparent-answer{
    color:#000;
    /*position:absolute;*/
    margin:-10px 0 15px 0;
    width:170px;
    padding:16px;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.35);
    -moz-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.35);
    -webkit-box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.35);
    background-color:#FFF;
    z-index:99;
    display:none;
}

.bubble-transparent-answer li{line-height:1.4em; padding-bottom:.67em;font-family:"Avenir Next", Arial, sans-serif;}
.bubble-transparent-answer ul{padding:1.4em;font-family:"Avenir Next", Arial, sans-serif;}

.bubble-transparent-selected{
    background-image:url("/static/choosealoan/images/bubble_selected.eedc27ce7832.png");
    color:#FFF;
}

.btn-close{float:right;cursor:pointer;font-size:1.4em;margin:0 0 5px 5px;}
.bubble-transparent {cursor:pointer;}
.related-resources-col {float:left;margin:20px 0 0 18px;width:155px;border-top-left-radius:3px;border-top-right-radius:3px;border-top:3px solid #50B748;padding-top:20px;}
.related-resources-col:first-child {width:190px;border:0;padding-top:0;font-weight:400;font-size:1.1em;}
.related-resources-col h6{font-weight:400; font-size:1.2em;line-height:1.3em;}
.related-resources-col p{font-size:.8em;}

/* Related Resources */
.green {color:#50B748;}
.ico {background: url("/static/choosealoan/images/resources.0be298147b13.png") no-repeat top left;padding-left:26px;padding-top:0px;padding-bottom:15px;}
.ico-ask { background-position: 0 0; width: 12px; height: 17px; }
.ico-watch{ background-position: 0 -37px; width: 21px; height: 20px; }
.ico-repay{ background-position: 0 -77px; width: 23px; height: 13px; }
.ico-compare{ background-position: 0 -110px; width: 19px; height: 19px; }
.hero, .sub-hero{font-family:"Avenir Next", Arial, sans-serif;font-weight:500;}
.hero{font-size:36px;line-height:58px; margin-bottom:45px;}
.sub-hero{font-size:28px; line-height:30px;margin-top:0; margin-left:0;}
span.ec{cursor:pointer;}

.ec,.ec-blk {
    font-size:14px;
    font-weight:400;
    text-decoration:none;
    padding-left:20px;
    padding-right:20px;
    background-image:url("/static/choosealoan/images/expand_collapse.bee5def33b0d.png");
    background-repeat:no-repeat;
    background-position-x:0px;
    background-position-y:-1px;
}

.collapse {background-position-y:-24px;color:#212121;}
.compare-table{margin-top:0px;}
.line p{margin-top:0px;margin-left:1px;}
/*.ico-pad .icon{margin-top:8px;}*/
.loans-table td{width:250px;}
thead th {padding:1px;}
#print-accordion {display:none;}
.td2{width:150px;}
.no-marg-top-childs p{margin-top:0px;}
h2{text-transform:none;margin-left:0px;letter-spacing:0px;}
.td2 h2{font-weight:500; padding-bottom:.4em; border-bottom:1px solid #212121;}
#ask-cfpb-print{display:none;}
ol.action-steps,ul.action-steps {padding:0; list-style: none;}
ol.action-steps li {margin-bottom:10px;padding-left:30px;background-position-y:2px;}
ol.action-steps .li-1 {background-image:url("/static/choosealoan/images/bullet-1.3fafe80526b6.png");background-repeat: no-repeat;}
ol.action-steps .li-2 {background-image:url("/static/choosealoan/images/bullet-2.653863114ea3.png");background-repeat: no-repeat;}
ol.action-steps .li-3 {background-image:url("/static/choosealoan/images/bullet-3.d5f8fa1cb950.png");background-repeat: no-repeat;}
.intro-row {margin-top: 50px;}
.intro-row{margin-left:-20px;font-family: "Avenir Next", Arial, sans-serif;}
.intro-row:before,.row:after{content:"";display:table;}
.intro-row:after{clear:both;}
.banks-icon{background-image:url("/static/choosealoan/images/banking.947cd384ad16.png");}
.loans-icon{background-image:url("/static/choosealoan/images/loans.79592b62a815.png");}
.intro-icon{width:83px;height:83px;position:absolute;margin:-60px 0 0 0px;}
.intro-block{padding:20px;min-height:300px;margin-bottom:10px;}
.intro-block {font-size:1em;}
.intro-header{text-transform:uppercase;margin-top:30px; font-weight:500; margin-left:0px; line-height:26px;}
.intro-h3{margin-top:10px;text-transform:none; font-size:1.5em; font-weight:400;}
.blurb p{font-size:1em;font-family:Georgia, serif;}

.intro-half-block-1{
    float:left;
    vertical-align:middle;
    text-align:center;
    padding:22px 10px;
    width:170px;
    margin:10px 0px 10px 20px;
    line-height:20px;
}

.intro-half-block-2{
    float:left;
    vertical-align:middle;
    text-align:center;
    padding:14px 10px;
    width:170px;
    margin:10px 0px 10px 20px;
    line-height:18px;
    text-align:center;
}

.legal-disclaimer {
    margin-top: 30px;
    font-family: "Avenir Next", Arial, sans-serif;
}

.legal-disclaimer h5 {
    font-size: 14px !important;
}

.legal-disclaimer p {
    max-width: 670px;
    font-family: "Avenir Next", Arial, sans-serif;
}

.no-btm{margin-bottom:0px;}
.well-icon{display:none;}
.major-sect{border-top: 1px solid #babbbd;}
.guide-sect-header h5{color: #D83D00;}
p{font-family:Georgia, serif; margin:10px 12px 10px 12px;}
p{margin-top:0px;margin-left:0px;}
#take-action .font-s p{font-family: "Avenir Next", Arial, sans-serif;}
.loans-table {}
.loans-table td {width:242px;}
.loans-table td.rh {width:80px;}

.loans-table .rh {
    position:relative;
    padding-left:23px;
    padding-top:14px;
}

.banking-table td {width:155px;}
.banking-table td.rh {width:80px;}
.banking-table th {font-size:18px;}

.banking-table .rh {
    position:relative;
    padding-left:23px;
}

.icon{margin-top:14px;}

/* Image hero and navigation */
/* ADJUST MAIN CONTENT CONTAINER
This is for full width page background colors. It adjust some styles
from the main site stylesheet.
-------------------------------------------------------------------------------*/
.paying-for-college #maincontent {
    padding: 0 0 2em;
    width: 1016px;
}

/* No breadcrumbs in PFC. Current Django templates output an empty UL when
breadcrumbs do not exist unfortunately. :( Bug reported; to be fixed in future. */
.bread {
    display: none;
}

/* Padding on inner containers */
.bread,
.sub-page-wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

/* HEROS
This just the hero for the Comparison Tool.
-------------------------------------------------------------------------------*/
/* This is a placeholder for now. */
.pfc-hero-wrapper {
    background-color: #2cb34a;
    padding: 2.375em 3.125em;
    position: relative;
}

.pfc-hero-wrapper a {
    background-color: transparent;
    border-bottom: 1px dashed #101820;
    color: #101820;
}

.pfc-hero-wrapper a:hover,
.pfc-hero-wrapper a:active,
.pfc-hero-wrapper a:focus {
    border-bottom-style: solid;
}

/* IE7 calculates padding with decimals differently. This makes sure the Hero is full width. */
.lt-ie8 .pfc-hero-wrapper {
    width: 89.75%;
}

.breadcrumbs a {
    background-color: transparent;
    border-bottom: none;
    color: #328ed8;
    padding-left: 0.5em;
}

.breadcrumbs a:hover,
.breadcrumbs a:active,
.breadcrumbs a:focus {
    background-color: transparent;
    border-bottom-style: none;
}

.breadcrumbs > p {
    font-family: "Avenir Next", Verdana, sans-serif;
    font-weight: 600;
    margin-bottom: 0.625em;
    margin-top: 0.25em;
}

.pfc-hero-content {
    /* Not an official color, but a mix of green and white. */
    background-color: #d3efdb;
    font-family: "Avenir Next", Verdana, sans-serif;
    float: left;
    min-height: 155px;
    padding: 1em;
    width: 35%;
}

.pfc-hero-content p {
    font-family: "Avenir Next", Verdana, sans-serif;
    margin-left: 0;
    margin-right: 0;
}

.pfc-hero-image {
    position: absolute;
        right: 30px;
}

.pfc-hero-image img {
    vertical-align: bottom;
}

/* Use this class on Hero images to make it stick to bottom of container. */
.pfc-hero-image.alignbottom {
    bottom: 0;
}

/* Use this class on Hero images to make it stick to bottom right of container. */
.pfc-hero-image.alignbottomright {
    bottom: 0;
    right: 0;
}

.pfc-header {
    margin: 0 0 3em 0;
    position: relative;
}

.pfc-header h1 {
    font-size: 2.125em;
    font-weight: 600;
    margin-bottom: 0.25em;
    font-family: "Avenir Next", Arial, sans-serif;
    text-transform: none;
}

/* Sub-pages have a different sized H1 */
.pfc-header h1.sub-page {
    font-size: 1.625em;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 1em;
}

/* PFC NAVIGATION
This has similar styles as the global site navigation.
-------------------------------------------------------------------------------*/
.pfc-nav-wrapper {
    background-color: #337e7d;
    border-bottom: 1px solid #101820;
    border-top: 1px solid #101820;
}

.pfc-nav-wrapper ul {
    background-color: #337e7d;
    list-style-type: none;
    padding: 0;
    margin: 0 auto;
    text-align: center;
}

.pfc-nav-wrapper ul li {
    background-color: #337e7d;
    display: inline-block;
    font-family: "Avenir Next", Verdana, sans-serif;
    font-weight: 500;
    font-size: 1em;
    margin: 0;
    position: relative;
    width: auto;
}

.lt-ie8 .pfc-nav-wrapper ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.lt-ie9 .pfc-nav-wrapper ul li {
    font-family: "Avenir Next Demi", Verdana, sans-serif;
}

/* This class acts like a link because we don't want to use an empty <a> tag. */
.fake-link {
    cursor: pointer;
}

.pfc-nav-wrapper ul li a,
.fake-link {
    -webkit-transition: background-color ease 1000ms;
    -moz-transition: background-color ease 1000ms;
    transition: background-color ease 1000ms;
    display: block;
    width: auto;
    height: auto;
    padding: 0.5em 1.75em 0.25em;
    border-bottom: 0;
    color: #fff;
    text-align: center;
    background-color: #337e7d;
}

.pfc-nav-wrapper ul li a:visited {
    color: #fff;
}

.pfc-nav-wrapper ul li a:hover,
.fake-link:hover {
    background-color: #ccdfdf;
    color: #000;
}

.pfc-nav-wrapper ul li a:focus {
    background-color: #ccdfdf;
    color: #000;
}

.pfc-nav-wrapper ul li a.is-active,
.pfc-nav-wrapper ul li .fake-link.is-active {
    background-color: #ccdfdf;
    color: #000;
}

/* Dropdown */
.pfc-nav-wrapper ul ul {
    background-color: #ccdfdf;
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    left: -9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
    text-align: left;
    top: 100%;
    width: 12.5em;
    z-index: 9999;
}

.pfc-nav-wrapper ul ul li {
    background-color: #ccdfdf;
    border-bottom: 1px solid #000;
    display: block;
    width: 100%;
}

.pfc-nav-wrapper ul ul a,
.pfc-nav-wrapper ul ul a:visited {
    background-color: #ccdfdf;
    color: #000;
    display: block;
    padding: 1em 0.5em 0.75em 1.5em;
    text-align: left;
}

.pfc-nav-wrapper li:hover > ul,
.pfc-nav-wrapper li.focus > ul { /* Display the dropdown on hover */
    left: 0; /* Bring back on-screen when needed */
}

.pfc-nav-wrapper ul ul li:hover > ul,
.pfc-nav-wrapper ul ul li.focus > ul { /* Display the dropdown on hover */
    left: 100%; /* Bring back on-screen when needed */
    top: 0;
}

/* Apply to container element at top of .section to achieve boder overlay */
.border-overlay-spacing {
    margin-top: -2px;
}

/* Apply to heading at top of .section to achieve boder overlay */
.border-overlay {
    border-top: 4px solid #30b14a;
    display: inline-block;
    zoom: 1;
        *display: inline;
    padding-top: 0.25em;
}