/* ----------- GENERAL STYLES ----------------*/
a.white {
    color: white;
}
.grey {
    color: #555559;
}
.bold {
    font-weight: 700;
}
.copyright {
    vertical-align:super; font-size:10px;
}
#contentWrap {
    max-width: 1340px;
    margin: 0 auto;
    overflow: hidden;
}
#hero {
    width: 100%;
    position: relative;
}
#hero img {
    width: 100%;
}
.vidEmbed {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 0 0 20px;
}
.vidEmbed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.greyBorderBox200px {text-align: left; background-color: #efefef; width: 200px; margin: 20px; padding: 20px; border: solid 1px #555559; display: block;}
.internalPage .greyBorderBox200px ul {
    font-size: 16px;
    line-height: 24px;
    margin: 0px;
}
.mediaContactBox {
    text-align: left;
    background-color: #efefef;
    margin: 0 20px 20px;
    padding: 20px 20px 0;
    border: solid 1px #555559;
    display: block;
    float: right;
    clear: right;
}

@media only screen and (max-width: 1023px) {
    .greyBorderBox {
        width: 100%;
        clear: both;
        margin: 10px 0 20px 0;
        float: none;
    }
}

@media only screen and (max-width: 950px) {
    .mediaContactBox {
        width: auto;
        margin: 0 0 20px;
        float: none;
    }
}

/* --------- FEATHER LIGHT ----------*/
 @media all {
    .featherlight {
        display: none;
        /* dimensions: spanning the background from edge to edge */

        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2147483647;
        /* z-index needs to be >= elements on the site. */
        /* position: centering content */

        text-align: center;
        /* insures that the ::before pseudo element doesn't force wrap with fixed width content; */

        white-space: nowrap;
        /* styling */

        cursor: pointer;
        background: #333;
        /* IE8 "hack" for nested featherlights */

        background: rgba(0, 0, 0, 0);
    }
    /* support for nested featherlights. Does not work in IE8 (use JS to fix) */

    .featherlight:last-of-type {
        background: rgba(0, 0, 0, 0);
    }
    .featherlight:before {
        /* position: trick to center content vertically */

        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -0.25em;
    }
    .featherlight .featherlight-content {
        /* make content container for positioned elements (close button) */

        position: relative;
        /* position: centering vertical and horizontal */

        text-align: center;
        /* vertical-align: middle; */
        display: inline-block;
        /* dimensions: cut off images */

        overflow: auto;
        padding: 30px 120px 70px;
        /* dimensions: handling small or empty content */

        max-width: 40%;
        min-width: 630px;
        /* dimensions: handling large content */

        margin-left: 5%;
        margin-right: 5%;
        margin-top: 160px;
        max-height: 95%;
        /* styling */

        background: #fff;
        cursor: auto;
        /* reset white-space wrapping */

        white-space: normal;
        border: 1px solid #555559;
    }
    /* contains the content */

    .featherlight .featherlight-inner {
        /* make sure its visible */

        display: block;
    }
    .featherlight .featherlight-close-icon {
        /* position: centering vertical and horizontal */
        position: absolute;
        z-index: 9999;
        top: 10px;
        right: 0;
        width: 55px;
        cursor: pointer;
        text-align: center;
        color: #3a75c4;
        font-size: 24px;
    }
    .featherlight .featherlight-image {
        /* styling */

        width: 100%;
    }
    .featherlight-iframe .featherlight-content {
        /* removed the border for image croping since iframe is edge to edge */

        border-bottom: 0;
        padding: 0;
    }
    .featherlight iframe {
        /* styling */

        border: none;
    }
}
/* handling phones and small screens */
@media only screen and (max-width: 1023px) {
    .featherlight .featherlight-content {
        /* dimensions: maximize lightbox with for small screens */

        margin-left: 10px;
        margin-right: 10px;
        max-height: 98%;
        padding: 10px;
    }
}
.lightbox {
    display: none;
}
.lightbox h2 {
    background: #3a3e42;
    padding: 20px;
    color: #ffffff;
    border-radius: 3px;
    text-align: center;
    margin: 0;
}
.title {
    text-align: center;
    margin-top: 250px;
    text-transform: uppercase;
    color: #f75220;
    font-weight: bold;
    margin-top: 0px !important;
}
.lightBoxContent {
    background: #ffffff;
    padding: 20px;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.lightBoxContent p {
  margin-bottom: 70px;
}
.lightclose {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #3596D4;
    border-radius: 15px;
    color: #006ab0;
    padding: 6px 10px;
    position: relative;
    text-decoration: none;
}
.lightBoxContent .clearer {
    height: auto;
    line-height: initial;
    padding: 20px 0;
}
.zip_search input {
    font-family: inherit;
}
label.hidden {
  position: absolute;
  left: -99999px;
}
.zip_search input {
    padding: 0;
    margin: 0;
    border: none;
    height: 36px;
    line-height: 36px;
    float: left;
}
input#zip_search_submit {
    cursor: pointer;
    background: #ed1b2d;
    border: 0;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin-left: -45px;
    width: 48px;
    height: 38px;
    line-height: 38px;
    font-family: 'lato', sans-serif;
}
.zip_search input#zipCodeValue {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #555559 -moz-use-text-color #555559 #555559;
    border-image: none;
    border-style: solid solid solid solid;
    border-width: 1px 1px 1px 1px;
    font-size: 16px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 20px;
    padding: 0 20px;
    width: 190px;
    font-size: 14px;
    font-family: 'lato', sans-serif;
}

.styled-select {
    background: url(/images/select-arrow-down.gif) no-repeat scroll right center #fff;
    background-size: 587px 38px;
    border: 1px solid #555559;
    border-radius: 25px 25px 25px 25px;
    float: left;
    height: 26px;
    overflow: hidden;
    padding: 5px 0;
    width: 235px;
 }

 .styled-select select {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-radius: 0 0 0 0;
    font-size: 12px;
    height: 25px;
    line-height: 1;
    padding: 0;
    width: 120%;
}

/* .styled-select {
    border: 1px solid #555559;
    border-radius: 25px 25px 25px 25px;
    float: left;
    height: 26px;
    padding: 5px 10px;
    width: 210px;
    overflow: hidden;
}
.styled-select select {
    border: 0 none;
    border-radius: 0 0 0 0;
    font-size: 12px;
    height: 25px;
    line-height: 1;
    padding: 0;
    background-color: #ffffff;
}
#state_select select {
  width: 115%;
} */
input#zip_search_submit:hover, input#zip_search_submit:focus{
    background-color :#bad80a;
}
.zip_search > div, .state_search > div {
    float: left;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    color: #555559;
    width: 230px;
    text-align: right;
    margin-right: 30px;
}
.zip_search form {
  float: left;
}

@media only screen and (max-width: 768px) {
    .featherlight .featherlight-content {
        max-width: 89%;
        min-width: 220px;
        margin-top: 0;
    }
    .zip_search > div, .state_search > div {
        float: none;
        width: auto;
        margin: 0;
        text-align: center;
        font-size: 18px;
    }
    .zip_search form {
        float: none;
        margin: 10px auto 0;
        width: 240px;
    }
    .styled-select {
        margin:10px auto 0;
        float: none;
    }
    .lightBoxContent p {
        margin: 20px auto 20px;
    }
}
/* ----------- ABOUT STYLES -----------------*/
#heroMessageLanding {
    background-color: rgba(255, 255, 255, 0.85);
    border: 0 none;
    color: #555559;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 100%;
}
#heroMessageLanding p {
    font-size: 40px;
    font-weight: 700;
    margin: auto;
    max-width: 1340px;
    line-height: 130%;
}
#landingTop {
    width: 100%;
    margin: 0 auto;
    padding: 55px 0 70px 0;
    font-size: 24px;
    line-height: 36px;
    background: #ed1b2d;
}
#subLandingTop {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 70px 0;
    font-size: 24px;
    line-height: 36px;
    background: #ed1b2b;
    margin-top: -70px;
}
#subLanding #aboutCols img {
    margin: 0;
}
#landingTop p {
    max-width: 1040px;
    color: #fff;
    margin: 0 auto;
    text-align: left;
    padding: 0 20px;
}
#landingTop p strong {
    font-weight: 700;
}
#aboutCols {
    max-width: 1040px;
    margin: 70px auto;
    overflow: hidden;
}
.aboutBox {
    width: 45.2%;
    float: left;
    font-size: 18px;
    line-height: 30px;
}
.aboutBox:first-child {
    margin-right: 9.6%;
}
.aboutBox.fullwidth {
    width: 100%;
    float: none;
}
.aboutBox.fullwidth:first-child {
    margin-right: 0;
}
.aboutBox h2, .aboutBox h3 {
	font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    background-color: #555559;
    line-height: 200%;
    padding: 0 3%;
    border-radius: 0 20px 0 0;
}
.aboutBox > div {
    margin: 7px 0 0 0;
    padding: 12px 25px 30px 25px;
    border: 1px solid #a3a9ac;
    border-top: none;
}
.aboutBox.fullwidth > div {
    display: inline-block;
    width: 99.9%;
    width: calc(100% - 2px);
    width: -webkit-calc(100% - 2px);
    width: -moz-calc(100% - 2px);
    width: -ms-calc(100% - 2px);
    width: -o-calc(100% - 2px);
    padding: 0;
}
.aboutBox.fullwidth > div img {
    display: inline-block;
    float: left;
    margin: -7px 0 -1px -1px;
}
.aboutBox.fullwidth > div span {
    display: inline-block;
    padding: 10px 25px 30px;
    float: left;
    width: 49%;
    width: calc(100% - 522px);
    width:  -webkit-calc(100% - 522px);
    width: -moz-calc(100% - 522px);
    width: -ms-calc(100% - 522px);
    width: -o-calc(100% - 522px);
}
.aboutBox ul {
    padding-left: 30px;
    line-height: normal;
}
.aboutBox li {
    padding-bottom: 25px;
}
.aboutBox li a {
    font-weight: 700;
}
.Box ul.ex {
    padding-left: 0px;
}
.ex li > a {
    font-weight: 700;
}
.ex li > a {
    color: #555559;
}
.aboutBox p, .statePage p {
  margin-bottom: 20px;
}
.aboutListSub {
    font-size: 14px;
    color: #555559;
    line-height: 24px;
    font-style: italic;
}
.aboutListSubNoBullet {
    font-size: 14px;
    color: #555559;
    line-height: 24px;
    font-style: italic;
    margin-left: 19px;
}
@media all and (max-width: 1380px){
    #heroMessageLanding {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 1023px){
    #subLanding .stopImg {
        float: none;
        margin: 0 auto 20px;
    }
    #heroMessageLanding p {
        font-size: 18px;
    }
    .aboutBox:first-child {
      margin-right: 4.6%;
    }.aboutBox {
      width: 47.7%;
    }
}
@media all and (max-width: 900px){
    .aboutBox.fullwidth > div img {
        width: 56.1%;
    }
    .aboutBox.fullwidth > div span {
        width: 36.9%;
        width: calc(43.9% - 50px);
        width: -webkit-calc(43.9% - 50px);
        width: -moz-calc(43.9% - 50px);
        width: -ms-calc(43.9% - 50px);
        width: -o-calc(43.9% - 50px);
    }
}
@media all and (max-width: 768px){
    #landingTop p {
        font-size: 14px;
        line-height: 24px;
        padding: 0px;
    }
    #landingTop {
        width: auto;
        padding: 25px 20px;
        margin: 0;
    }
    .landingSpace#landingTop {
        margin-bottom: 20px;
    }
    #subLandingTop {
        padding-top: 0;
        width: auto;
        padding: 25px 20px;
        margin-bottom: 20px;
        margin-top: -20px;
    }
    .aboutBox {
        float: none;
        width: 100%;
        margin: 0 auto 20px;
        font-size: 14px;
        line-height: 24px
    }
    .aboutBox > div {
        font-size: 14px;
        line-height: 24px;
    }
    .aboutBox.fullwidth > div {
        width: 100%;
        margin: 0;
        border: 0 none;
    }
    .aboutBox img {
        width: 100%;
        float: none;
    }
    .aboutBox.fullwidth > div img {
        width: 100%;
        margin: 0;
    }
    .aboutBox.fullwidth > div span {
        width: 92.7%;
        width: calc(100% - 52px);
        width: -webkit-calc(100% - 52px);
        width: -moz-calc(100% - 52px);
        width: -ms-calc(100% - 52px);
        width: -o-calc(100% - 52px);
        margin: 7px 0 0 0;
        padding: 12px 25px 30px 25px;
        border: 1px solid #a3a9ac;
        border-top: none;
    }
    #aboutCols {
        margin: 0;
    }
    .aboutBox h2, .aboutBox h3 {
        font-size: 14px;
        line-height: 30px;
    }
    .aboutBox li {
     padding-bottom: 20px;
    }
    .aboutListSub {
        font-size: 12px;
        line-height: 18px;
    }
}
/* ---- END ABOUT STYLES ----*/
/*--------------- INTERNAL PAGE STYLES -----------------*/
.internalPage {
    margin-bottom: 80px;
}
.internalPage input[type="checkbox"] {
    -webkit-appearance: checkbox;
}
.internalPage input[type="radio"] {
    -webkit-appearance: radio;
}
.main {
    width: 70%;
    width: calc(100% - 330px);
    width: -webkit-calc(100% - 330px);
    width: -moz-calc(100% - 330px);
    max-width:915px;
    /* padding-bottom: 40px; --- for related content */
}
.internalSidebar {
    width:300px;
    margin: 0 30px 30px 0;
}
/*#content img { - this is messing with stuff
    display: block;
}*/
/* LAYOUT Structure */
.internalPage h1 {
    font-size: 36px;
    color: #ED1B2D;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 50px;
}
.internalPage h2 {
    font-size: 30px;
    color: #555559;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 36px;
}
.internalPage h3 {
    font-size: 24px;
    color: #555559;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 30px;
}
.internalPage h4 {
    font-size: 24px;
    color: #ED1B2D;
    margin-bottom: 20px;
    font-weight: bold;
    line-height: 30px;
}
.internalPage h5 {
    font-size: 18px;
    color: #555559;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 30px;
}
.internalPage h6 {
    font-size: 18px;
    color: #ED1B2D;
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 30px;
}
.internalPage ul {
    list-style: none;
    list-style-position: inside;
    margin: 20px 0 30px 50px;
    font-size: 18px;
    line-height: 30px;
}
/* .internalPage ol {
    list-style-type: none;
    list-style-position: inside;
    margin: 20px 0 30px 50px;
    font-size: 18px;
    line-height: 30px;
} */
.internalPage ul > li:before {
    content: "\2022";
    color: #a3a9ac;
    margin-right: 8px;
}
.internalPage ul ul > li:before {
    content: "\25CB";
    color: #a3a9ac;
}
#vdp_faq li::before, #sources li::before, #tob_cess_lib li::before, #major_findings li::before {
    content: none;
}
ul#sources.ex li ol {
    margin: 0 1.5em 1.5em 18px;
}
ul#sources.ex li div.content ol > li {
    text-indent: 0;
}
ul#sources.ex li ol > li a {
    color: #3a75c4;
    font-weight: 400;
    word-wrap: break-word;
}
/* .internalPage ol, .internalPage ol ol, .internalPage ol ol ol {
    counter-reset: item;
}
.internalPage ol > li {
    display: block;
} */
.internalPage ol > li {
    margin-bottom:10px;
}
 .internalPage ul > li {
    display: block; text-indent: -18px; margin-bottom: 10px;
 }
/* .internalPage ol > li:before {
    content: counter(item) ". ";
    counter-increment: item;
    color: #a3a9ac;
    margin-left: -2.25em;
    position: absolute;
    width: 2em;
    text-align: right;
}
.internalPage ol ol > li:before {
    content: counter(item, lower-alpha) ") ";
    counter-increment: item;
    color: #a3a9ac;
    margin-left: -2px;
} */
/* .internalPage ol > li > ul, .internalPage ol > li > ol, .internalPage ol ul, .internalPage ol ol, .internalPage ul > li > ol, .internalPage ul ol */
.internalPage ul > li > ul, .internalPage ul ul {
   list-style-type: none;
   list-style-position: inside;
    margin-top: 0;
    margin-bottom: 0;
}
.internalPage ol {
    margin: 0 1.5em 1.5em 54px;
    font-size: 18px;
    line-height: 30px;
    list-style-type:decimal;
}
.internalPage ol ol {
    list-style: upper-alpha;
}
.internalPage ol ol ol {
    list-style: lower-roman;
}
.internalPage ol ol ol ol {
    list-style: lower-alpha;
}
.internalPage p {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 20px;
}
.internalPage sup {
    vertical-align: super;
    font-size: small;
}
.internalPage sub {
    vertical-align: sub;
    font-size: small;
}
.internalPage blockquote {
    margin-left: 30px;
    font-style: italic;
    line-height: 30px;
}
.internalPage .imgLeft {
    float: left;
    margin:40px 40px 40px 0;
}
.internalPage .imgRight {
    float: right;
    margin:40px 0 40px 40px;
}
.internalPage .footnote {
    font-size: 14px;
    line-height: 24px;
}
.pageTitle {
    max-width: 100%;
    text-align: right;
    margin: 0 auto 75px;
}
.statePage h1 {
    margin-bottom:30px;
}
/* .internalPage img { too specific for all the pages
    margin: 40px auto;
} */
.internalPage .paginator td {
    padding-right: 5px;
}
.internalPage .paginator {
    margin-bottom: 20px;
}
.sidebarMenuHeader {
    background-color: #3a75c4;
    color: #ffffff;
    font-weight: bold;
    font-size: 18px;
    padding: 18px 0 18px 25px;
    margin: 0 auto 7px;
    -webkit-border-radius: 25px 0px 0px 0px;
    -moz-border-radius: 25px 0px 0px 0px;
    border-radius: 25px 0px 0px 0px;
}
.sidebarMenu{
    line-height: 30px;
    font-size: 14px;
    padding: 12px 10px 30px 25px;
    border: 1px solid #a6a6a6;
    border-top: none;
    margin: 0 0 70px 0;
}
.sidebarActive {
    font-weight: bold;
}
.sidebarAds, .sidebarAds img {
    margin: auto;
}
#subnav li.inSameFolder .submenu {
    display: block;
}
#subnav li .submenu {
    display: none;
    padding-left: 35px;
}
ul .submenu li {
    line-height: 20px;
    margin-top: 10px;
}
ul .submenu {
    margin-bottom: 10px;
}
#subnav li.parentOfActive ul.submenu {
    display: block;
}
#subnav li.active > a {
  font-weight: 700;
  color: #555559;
}
.col2 img, .col3 img {
    width: 100%;
}
.col2 .even {
    width: 49.2%;
    margin: 0 0 0 1.6%;
    float:  left;
}
.col3 .even {
    width: 32.26%;
    margin: 0 0 0 1.6%;
    float:left;
}
.even:first-child {
    margin-left: 0;
}
.lineBreak {
    width: 100%;
    border-bottom: 1px solid #000000;
    padding-top: 65px;
    margin-bottom:65px;
}
.relatedContent {
    margin-bottom: 70px;
}
.relatedContent li {
    margin: 15px 0 0 35px;
    font-size: 18px;
    line-height: 30px;
}
.internalPage .relatedContent li:before {
    display: none;
}
.relatedContent ul > li {
    text-indent: 0;
}
ul#relatedContentUL {
    margin: 20px 0 0 0;
}
ul.bold.relatedWeb {
    margin-top: 0;
}
#nationalState p {
    margin-bottom: 70px;
}
#nationalState .zip_search, #nationalState .state_search {
    margin: auto;
    width: 522px;
}
/* CTA FOOTER SECTION */
.ctaFooterItem a {
    background: #555559 repeat scroll 0 0 transparent;
    border: 0 none;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: 35px;
    line-height: 35px;
    margin-top: 30px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
.ctaFooterItem a:hover {
  background: #bad80a;
}
a.blueBack{
    background-color: #3a75c4;
}
a.redBack{
    background-color: #ed1b2d;
}
a.tealBack{
    background-color: #00bfd5;
}
.ctaFooterItem {
    border-left: 1px solid #a3a9ac;
    float: left;
    width: 29%;
        padding: 30px 1% 30px 3%;
}
.ctaFooterItem:first-child {
    border: 0;
}
#ctaFooter {
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #a3a9ac;
    -webkit-border-radius: 20px 0px 20px 0px;
    -moz-border-radius: 22px 0px 20px 0px;
    border-radius: 20px 0px 20px 0px;
    padding: 30px 0;
    overflow:hidden;
    margin-bottom: 70px;
}
.ctaTitle {
    font-size: 18px;
    font-weight: bold;
}
.ctaTitle:after {
    content:'';
    display:block;
    clear: both;
}
.ctaFooterItem img {
    float:left;
    margin-right: 10px;
}
@media all and (max-width: 1023px){
    #nationalState .zip_search > div, #nationalState .state_search > div {
        float: none;
        margin: 0 0 10px 0;
        text-align: center;
    }
    #nationalState p {
        text-align: left;
    }
    #nationalState .clearer {
        padding: 10px 0;
        width: 240px;
    }
    #nationalState p {
        margin-bottom: 30px;
    }
    #nationalState .zip_search, #nationalState .state_search {
        width: auto;
    }
}
@media all and (max-width: 940px){
    .ctaFooterItem {
        float: none;
        border:0;
        border-top: 1px solid #a3a9ac;
        width: auto;
        margin: 0 auto;
    }
    .ctaFooterItem img {
        float: none;
        clear: both;
        margin: 0px auto 20px;
    }
    .ctaTitle {
        text-align: center;
    }
    .ctaFooterItem p {
        text-align: center;
    }
    .ctaFooterItem a {
        margin: 30px auto 0;
    }
    #ctaFooter {
        padding: 30px 15px;
    }
    .ctaFooterItem:first-child {
        padding-top: 0px;
    }
    .ctaFooterItem:last-child {
        padding-bottom: 0px;
    }
}
@media all and (max-width: 768px){
    .main, .internalSidebar {
        clear: both;
        float: none;
        width: 100%;
    }
    .relatedContent {
         margin-bottom: 30px;
    }
    #ctaFooter {
        margin-bottom: 30px;
    }
    .internalPage .imgLeft, .internalPage .imgRight {
        float: none;
        display: block;
        margin:20px 20px 20px 20px;
    }
    #nationalState .clearer {
        width: auto;
    }
}
/* to make colums collapse
@media all and (max-width: 567px){
    .col2 .even {
        float: none;
        display: block;
        width: 100%;
    }
} */
@media all and (max-width: 567px){
    .relatedContent {
        margin-bottom: 30px;
    }
    .relatedContent li {
        font-size: 14px;
        line-height: 24px;
        margin-left: 0px;
    }
    .pageTitle {
        margin: 0 auto 30px;
    }
    .sidebarMenu {
        margin: 0 0 33px 0;
    }
    .statePage h1 {
        margin-bottom: 20px;
    }
    .internalPage img {
        margin: 20px auto;
    }
    .internalPage p, .relatedContent {
        font-size: 14px;
        line-height: 24px;
    }
    .internalPage h1, .internalPage h2, .internalPage h3, .internalPage h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .internalPage h5, .internalPage h6 {
        font-size: 14px;
        line-height: 24px;
        margin-bottom: 0;
     }
    .internalPage ul, .internalPage ol {
        margin: 20px 0 30px 30px;
        font-size: 14px;
        line-height: 24px;
    }
    #nationalState {
        padding-top: 0;
    }
}
/*---- END INTERNAL STYLES ----*/
/*--------------- SUPPORT STYLES -----------------*/
.supportLandingBox {
    max-width: 1040px;
    margin: 0 auto;
    overflow: hidden;
    padding-top:50px;
}
.supportLandingBtn a, .supportLandingBtn div {
  background: #ffffff;
  color: #ed1b2d;
  border: 0 none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  width: 225px;
  margin:auto;
}
.supportLandingBtn a:hover {
    color: #ffffff;
    background: #bad80a;
}
.supportLandingBtn {
    float: left;
    width: 33%;
}
#localassoc_xml li {
    cursor: pointer;
    margin-bottom: 20px;
}
.ex .expanded:before {
    content: '\f147';
    float: left;
    font-family: FontAwesome;
    line-height: 30px;
    color: #3a75c4;
    width: 2em;
}
.ex .collapsed:before {
    content: '\f196';
    float: left;
    font-family: FontAwesome;
    line-height: 30px;
    color:#3a75c4;
    width: 2em;
}
.expander {
    display: block;
}
.ex .content {
    text-indent: 0;
    padding-left: 20px;
    line-height: 28px;
}
@media all and (max-width: 768px){
    .supportLandingBox {
        margin: 0 auto;
        padding-top:0;
    }
    .supportLandingBtn {
        float: none;
        margin:auto;
        padding-bottom: 30px;
        width: auto;
    }
    .supportLandingBtn:last-child {
        padding-bottom: 0;
    }
    ul.ex {
      font-size: 14px;
    }
    .ex .content {
        line-height: 24px;
    }
}
/* ----- END SUPPORT STYLES ----- */
/*------------------- LUNG STTLES -----------------------*/
.commonLungBox {
    margin-left: 8.2%;
    margin-bottom: 65px;
  overflow: hidden;
    clear: both;
}
.commonLung {
    max-width: 1040px;
    margin:auto;
}
.commonLung h2 {
    color: #555559;
    margin-bottom: 70px;
}
.commonLung h3 {
    color: #3a75c4;
}
.lungCopy {
    float: left;
    max-width: 82%;
    padding-left: 55px;
}
.lungCopy p {
    margin-bottom:20px;
    margin-top: 20px;
    line-height: 30px;
    font-size: 18px;
}
.lungCopy a:after {
    content: ' »';
}
.lungCopy h3 a:after {
    content: none;
}
.colorCircle {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: left;
}
.yellow.colorCircle {
    background-color: #fca311;
}
.orange.colorCircle {
    background-color: #f77f00;
}
.green.colorCircle {
    background-color: #7fba00;
}
.blue.colorCircle {
    background-color: #3a75c4;
}
.ltblue.colorCircle {
    background-color: #00a5db;
}
.turquoise.colorCircle {
    background-color: #2dc6d6;
}
.violet.colorCircle {
    background-color: #872b93;
}
.purple.colorCircle {
    background-color: #4c4b83;
}
.lungLandingBox {
    max-width: 1040px;
    margin: auto;
    padding: 50px 0;
}
.lungForm {
  background: #ffffff;
  color: #555559;
  border: 0 none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  text-decoration: none;
  max-width: 290px;
  margin:auto;
}
.lungFormBtn a {
    color: #555559;
}
.lungLandingBtn {
    float: left;
    width: 33%;
}
#lungCols {
    max-width: 1040px;
    margin: 70px auto;
    overflow: hidden;
}
.lungBox {
    width: 27.8%;
    float: left;
    margin:0 8% 0 0;
}
.lungBox:first-child {
    margin-left: 0%;
}
.lungBox:last-child {
    margin-right: 0%;
}
.lungBox h2, .lungBox h3 {
	font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    background-color: #555559;
    line-height: 200%;
    padding: 0 3%;
    border-radius: 0 20px 0 0;
}
.lungBox > div {
    margin: 7px 0 0 0;
    padding: 12px 25px 30px 25px;
    border: 1px solid #a3a9ac;
    border-top: none;
    font-size: 18px;
    line-height: 30px;
}
.lungBox li {
    margin-bottom: 20px;
}
.lungBox li > a {
    font-weight: 700;
}
.lungBox p {
  margin-bottom: 20px;
}
a.lungBtn {
    background-color: #3a75c4;
  border: 0 none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  width: 160px;
  margin: 35px auto 0;
  position: relative;
  bottom 20px;
}
.stopBox h2, .stopBox h3 {
	font-size: 24px;
    font-weight: 700;
    color: #ffffff;
    background-color: #555559;
    line-height: 170%;
    padding: 5px 3%;
    border-radius: 0 20px 0 0;
    margin-bottom: 0;
}
.stopBoxContent {
    margin: 7px 0 0 0;
    padding: 23px 30px 30px 30px;
    border: 1px solid #a3a9ac;
    border-top: none;
    font-size: 18px;
    line-height: 30px;
    overflow: hidden;
}
#ways_items {
    margin-top: 0;
}
#ways_list {
    margin-bottom: 0;
}
.stopBox li {
    margin-bottom: 20px;
    margin-left: 35px;
}
.stopBox li > a {
  font-weight: 700;
}
.stopBox ul {
    margin-top: 25px;
}
.stopImg {
    float: left;
    margin-right: 25px;
    max-width: 50%;
}
.stopCopy {
    overflow: hidden;
    margin-top: 60px;
}
.getCopy {
    overflow: hidden;
}
a.stopBtn {
  background-color: #3a75c4;
  border: 0 none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  width: 160px;
  margin: 35px 0 0;
  position: relative;
}
@media all and (max-width: 1023px) {
    .lungLandingBtn .lungForm {
        max-width: 220px;
        font-size: 14px;
    }
    .lungBox {
        width: 29.9%;
        margin: 0 4.9% 0 0;
    }
    .lungBox h2, .lungBox h3 {
        font-size: 18px;
        line-height: 30px;
    }
    #lungCols {
        margin: 0 auto;
    }
    .stopBoxContent {
        font-size: 14px;
        line-height: 24px;
        min-height: 50px;
    }
    .stopBox {
        margin-bottom: 30px;
    }
    a.stopBtn {
        margin: 35px auto 0;
    }
}
@media all and (max-width: 768px) {
    .stopBox h2, .stopBox h3 {
        font-size: 14px;
        line-height: 30px;
    }
    .colorCircle {
        width: 20px;
        height: 20px;
    }
    .lungCopy {
        padding-left: 20px;
    }
    .lungCopy p {
        font-size: 14px;
    }
    .lungCopy a {
      font-size: 14px;
    }
    .commonLung h2 {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .commonLung h3 {
        font-size: 16px;
    }
    .commonLungBox {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .lungBox {
        float: none;
        width: 100%;
        margin: 0 auto 20px;
    }
    .lungBox img {
        width: 100%;
    }
    .lungBox > div {
        font-size: 14px;
        line-height: 24px;
        min-height: 50px
    }
    .lungLandingBtn .lungForm {
      max-width: 100%;
      font-size: 18px;
    }
    .lungLandingBtn {
        margin: 0 auto 30px;
    }
    .lungLandingBtn:last-child {
        margin: 0 auto;
    }
    .lungLandingBox {
        margin: 0 auto 0;
        padding: 0;
    }
    .lungLandingBtn {
        float: none;
        width: auto;
    }
    a.lungBtn {
        margin: 0 auto;
    }
    .stopImg {
        float:none;
        margin: 0 auto 25px;
        max-width: 100%;
    }
    .stopImg img {
        width: 100%;
    }
    .stopCopy {
        margin-top: 0px;
    }
}

/*display template styles */

.careerBox {margin-bottom: 40px;}
.careerBox p {margin-bottom: 0px;}

/*-- lung search on landing page */
#diseaseDropDown ul {
    background: #fff none repeat scroll 0 0;
    border-color: #ed1b2d;
    border-image: none;
    border-radius: 20px 20px 20px 20px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    position: relative;
    left: -999em;
    width: 575px;
    top: 10px;
    height: 44px;
}
#diseaseDropDown li {
  float: left;
  margin: 0 5px;
  line-height: 44px;
}
#diseaseDropDown li:first-child {
  margin-left: 25px;
}
#diseaseDropDown {
    cursor: pointer;
    padding: 0 0 0 20px;
}
#diseaseDropDown:hover ul{
  left: -170px;
}
#diseaseDropDown:hover a#updateLocation{
    border-radius: 20px 20px 0 0;
}
#searchLetter {
    background: url('/images/button-select-bg3.gif') no-repeat right;
}
a.lungFormBtn {
  background: #ffffff;
  color: #555559;
  border: 0 none;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: block;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  text-decoration: none;
  max-width: 290px;
  margin: auto;
  overflow: hidden;
    background: url('/images/button-link-bg3.gif') no-repeat right #ffffff;
}
a .lungFormBtnText {padding-left: 20px;}
#letterDrop {position: absolute;}
.lung_mobile {display: none;}
a.lungForm:hover {
    text-decoration: none;
}
#letterDrop_mobile {display: none; margin-top: 20px;}
@media (max-width: 1023px) {
    a.lungFormBtn {
      max-width: 220px;
      font-size: 14px;
    }
    #glossaryResults {margin-bottom: 20px;}
}
@media (max-width: 768px) {
    a.lungFormBtn {
      max-width: 100%;
      font-size: 18px;
    }
    .lung_desktop {display: none;}
    .lung_mobile {display: block}

    #diseaseDropDown_mobile {
        background: #fff none repeat scroll 0 0;
        border-radius: 20px 20px 20px 20px;
    }
    #diseaseDropDown_mobile li {
        float: left;
        margin: 0 5px;
        line-height: 44px;
    }
    #diseaseDropDown_mobile ul {
        overflow: hidden;
    }
    .diseaseDropWrap_mobile {
        padding: 5px 20px;
    }
}
.internalPage #glossaryPage {
    margin-top: 40px;
}
.disease-search {position: relative;}
.disease-search label.hidden, #lung_select label.hidden {position: absolute; left: -99999px;}
.disease-browse {clear: both;padding-top: 20px;}
div.autocomplete { position: relative; width: inherit !important; background-color: transparent; margin:0px; padding:0px; }
div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; text-indent: 0px; border:1px solid #a3a9ac; }
div.autocomplete ul li.selected { background-color: #dfe1e2; }
div.autocomplete ul li { list-style-type:none; display:block; margin:0px; padding:2px 5px; height:auto; cursor:pointer; text-align: left; text-indent: 0; background-color: #ffffff;}
div.autocomplete ul li:before { content: ""; margin-right: 0; }
.glossary-title {margin: 15px 0 3px 0; padding:0; font-size: 1.1em; line-height: 30px;}
.glossary-summary {margin: 0 0 0 0; padding:0; line-height: 28px;}
#glossary-area {margin: 1em auto 0; max-width: 1040px;}
.alpha { margin: 1em 0 0 0; }
input#sbKeywords {padding: 2px 0 2px 10px;font-size: 1em;margin-left: 10px;border: 0;width: 230px;font-family: inherit;color: #555559;}
.internalPage input#sbKeywords {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #555559 -moz-use-text-color #555559 #555559;
    border-image: none;
    border-radius: 20px;
    border-style: solid;
    border-width: 1px;
    font-family: "lato",sans-serif;
    font-size: 14px;
    padding: 0 20px;
    width: 320px;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0;
}
.internalPage input.search-btn {
    background: #ed1b2d none repeat scroll 0 0;
    border: 0 none;
    border-radius: 25px;
    color: #ffffff;
    cursor: pointer;
    font-family: "lato",sans-serif;
    font-size: 16px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    margin-left: -45px;
    width: 48px;
    float: left;
}
.search-btn {color: #3a75c4; font-size: 17px; background: none; border:0; padding-left: 0; cursor: pointer;}
.glossaryHighlight {background-color: transparent;}

@media all and (max-width: 1023px){
    input#sbKeywords {width: 165px;}
}
@media all and (max-width: 768px){
    #glossaryPage {
        margin-top: 0;
    }
    input#sbKeywords {width: 80%;}
}

/*---- END LUNG STYLES -----*/
/*---- STATE STLYES --------*/
.statePage {
    font-size: 18px;
    line-height: 30px;
}
.stateHeader {
    overflow: hidden;
}
.stateHeader h1 {
    float: left;
    max-width: 79%;
    line-height: normal;
}
.stateHeadLinks {
    margin-top:25px;
}
.stateBoxContent {
  margin: 0 0 70px 0;
  border-top: none;
  font-size: 18px;
  line-height: 30px;
  overflow: hidden;
}
.stateImg {
    float: left;
    margin-right: 65px;
}
#stateInits img {
    width: 256px;
}
.stateCopy {
    overflow: hidden;
}
.statePage h4 {
    color: #3a75c4;
    margin-bottom: 20px;
}
.statePage h3 {
    margin-bottom: 60px;
}
a.stateBtn {
  background-color: #ed1b2d;
  border: 0 none;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  width: 195px;
  margin: 60px 0 70px;
  position: relative;
}
a.stateBtnBlue {
    background-color: #3a75c4;
}
a.stateBtn:hover {
  background: #bad80a;
}
.statePage .socmed {
    float: right;
}
.followUs {
    color:#3a75c4;
    font-weight: 700;
    display: none;
}
@media all and (max-width: 1023px){
    .stateImg {
        float: none;
        margin: 0 auto 25px;
    }
    .stateImg img {
        margin: auto;
    }
    .stateHeader h1, .statePage .socmed {
        float: none;
        width: 100%;
    }
    .stateHeader h1 {
        margin-bottom: 0;
    }
    .followUs {
        display: block;
        padding-right:10px;
        margin-bottom: 25px;
    }
}
@media all and (max-width: 768px){
    .search-letters {
        width: 180px;
    }
    .internalPage input#sbKeywords {
        width: 200px;
    }
    .stateCopy, .statePage h4, .statePage p {
        font-size: 14px;
        line-height: 24px;
        margin-bottom:0;
    }
    .stateBoxContent {
        margin-bottom: 30px;
    }
    .statePage h3 {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: initial;
    }
    a.stateBtn {
        margin: 30px auto;
    }
    a.stateBtnBlue {
        margin-bottom: 0;
    }
}

@media all and (max-width: 567px) {
    .statePage h1 {
        font-size: 18px;
        line-height: 24px;
    }
}

/*----- END STATE STYLES ------*/

/*--------------- SEARCH STYLES -----------------*/
.searchNavigation {margin-bottom: 30px;}

.searchTitle {font-size: 20px;}

.searchTimeStamp, .searchDescription {display: none;}

.searchTeaser {margin-top: -20px;}