/*
  Overrides to facilitate improved display on mobile devices
*/

.clearfix {
    display: block !important;
}
.clearfix:after {
    clear:both;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.sr-only-focusable:active,.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
.Sub-Header {
    font-size: 15px;
}

#header .head-search #search-form {
    margin-left: 0;
    margin-right: 0;
}
#header .head-search {
    left: auto;
}

#content p,
#content li,
#content dt,
#content dd,
#content th,
#content td,
.page-intro p {
    font-size: 14px !important;
    line-height: 1.4 !important;
}

#content .wide-table {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 15px;
}

#content .wide-table td,
#content .wide-table th,
#content .wide-table p {
    font-size: 11px;
}

#disc_dec .addthis_button,
#electronic-kit .addthis_button {
    display: none;
}

#navigation>#expando {
    display: none;
}
ul#slidernav {
    display: none;
}

ul.unstyled,
ol.unstyled {
    list-style-type: none !important;
    list-style-image: none !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
}

#nest2-top .info-module a {
    font-size: 13px;
    line-height: 1.4;
}

#nest2-top .promo-bucket li,
#nest2-top .promo-bucket a,
#nest2-top #promo-one p {
    font-size: 13px;
    line-height: 1.4;
}

/* for bio photos */
.info-module #promo-one img {
    max-width: 100%;
    height: auto;
}

/* for postal history people and stamp lists */
#content .history-people-table {
    width: 100%;
    max-width: 480px;
    border-collapse: collapse;
}

#content .history-people-table th,
#content .history-stamp-table th {
    vertical-align: bottom;
    padding: 3px;
}

#content .history-people-table td,
#content .history-stamp-table td {
    vertical-align: top;
    padding: 3px;
}

#content .history-people-table p,
#content .history-stamp-table p {
    padding-bottom: 0 !important;
}

@media (max-width: 1000px) {
    body {
        width: 100%;
        min-width: 400px;
        min-height: auto;
    }
    .Sub-Header {
        font-size: 14px;
    }
    #content p,
    #content li,
    #content dt,
    #content dd,
    #nest2-top p {
        font-size: 13px;
        line-height: 1.4;
    }
    #content img {
        max-width: 100%;
        height: auto;
    }
    body #header {
        margin-left: 5px;
    }
    #header a {
        top: 0;
    }
    #header .head-search {
        left: auto;
        right: 3px;
    }
    #header .head-search #search-form {
        margin-left: 0;
        margin-right: 0;
        width: 150px;
    }
    #search-form input#search-text {
        width: 115px
    }
    #header .page-section,
    #page .page-section,
    #footer .page-section {
        width: 100%;
        height: auto;
    }
    #page #navigation-container {
        margin-left: 0;
    }
    body #ls-row-2,
    body #my_row_1 {
        min-height: auto !important;
        background-image: none;
        width: 100%;
        overflow: hidden;
    }
    #ls-row-2-area-1 {
        width: 22%;
    }
    #ls-row-2-area-1 #ls-gen4-ls-area-body {
        width: 100%;
    }
    .has1col #ls-row-2-area-1 {
        width: 100%;
    }
    .has1col #ls-row-2-area-1 #ls-gen4-ls-area-body {
        padding: 0 10px;
        box-sizing: border-box;
    }
    #ls-row-2-area-2.ls-area,
    body #ls-row-2-col-2,
    #nest-col-2 {
        width: 75%;
        margin-top: 0;
    }
    .has3cols #ls-row-2-area-2.ls-area,
    .has3cols #nest-col-2 {
        width: 50%;
    }
    #ls-row-2-area-2 .page-intro-header,
    #ls-row-2-area-2 .page-intro-header .page-intro {
        width: 100%;
    }
    #ls-row-2-area-2 .phxMainContentTitle h1,
    #ls-row-2-col-2 .phxMainContentTitle h1,
    #ls-row-2-col-2 .phxMainContentTitle h3 {
        width: 100% !important;
    }
    #ls-row-2-area-2 hr#gray-hr-line {
        width: 100%;
    }
    #ls-row-2-area-2 #rss-news {
        margin-right: 0;
    }
    #ls-row-2-area-2 #recent-documents table,
    #ls-row-2-area-2 #search-results table {
        width: 100%;
        font-size: 12px;
    }
    #ls-row-2-area-2 #recent-documents .file-type,
    #ls-row-2-area-2 #recent-documents .file-type {
        width: 25%;
    }
    #ls-gen5-ls-area-body.ls-area-body,
    #ls-gen5-ls-col-body.ls-col-body {
        width: 100%;
    }
    #ls-gen6-ls-fxr,
    #ls-gen8-ls-fxr,
    #nest-col-2,
    #ls-gen9-ls-col-body,
    #ls-gen10-ls-fxr,
    #nest1-top,
    #nest1-bottom,
    #nest-col-2 #content {
        width: 100%;
    }
    .has3cols #nest-col-2 {
        width: 70%;
    }
    #nest-col-2 #content img {
        max-width: 100%;
        height: auto;
    }
    .has3cols #nest2-top {
        width: 29%;
    }
    #content .history-table {
        width: 100%;
    }
    #content .history-table td:nth-child(1) {
        width: 40%;
    }
    #content .history-table td:nth-child(2) {
        width: 25%;
    }
    #content .history-table td:nth-child(3) {
        width: 30%;
    }
    body #ls-row-2-area-3,
    body #nest2-top {
        width: 23%;
    }
    #ls-row-2-area-3 #ls-gen6-ls-area-body,
    #nest2-top #ls-gen12-ls-area-body {
        width: 100%;
    }
    #ls-row-2-area-3 .info-module,
    #ls-row-2-area-3 .promo-bucket,
    #nest2-top .info-module,
    #nest2-top .promo-bucket {
        width: 94%;
        margin-left: 3% !important;
        margin-top: 0;
        background-image: none !important;
        border: 1px solid #e2e2e2;
        border-radius: 4px;
    }
    #nest2-top .info-module a {
        font-size: inherit;
    }
    #ls-row-2-area-3 .info-module .promo-bucket-dd-cap,
    #ls-row-2-area-3 .promo-bucket .promo-bucket-dd-cap,
    #nest2-top .info-module .promo-bucket-dd-cap,
    #nest2-top .promo-bucket .promo-bucket-dd-cap {
        display: none;
    }
    #nest2-top .info-module img {
        max-width: 100%;
        height: auto;
        float: none;
        padding: 0 !important;
    }
    #nest2-top #promo-one {
        padding-left: 5px;
    }
    #nest2-top .promo-bucket img.page-type {
        padding: 5px;
        max-width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #nest2-top .promo-bucket h3 {
        padding: 5px;
    }
    #nest2-top .promo-bucket li {
        padding-left: 5px;
    }
#nest2-top .promo-bucket li#right {
    margin-right: 5px;
}
#nest2-top .promo-bucket #fact-sheets li {
    padding-left: 0;
}
#nest2-top .promo-bucket #fact-sheets li.first {
    padding-left: 5px;
}
    #sub-nav-menu h2,
    #sub-nav-menu h2 a {
        width: 100%;
        box-sizing: border-box;
    }
    #sub-nav-menu h2.selected a {
        background-image: none;
        background-color: #4096d1;
    }
    #sub-nav-menu li {
        height: auto !important;
    }
    #sub-nav-sidebar #sub-nav-menu a.selected {
        background-image: none;
        background-color: #3c8ad2;
    }
    #sub-nav-sidebar #sub-nav-menu a:hover,
    #sub-nav-sidebar #sub-nav-menu a:focus,
    #sub-nav-sidebar #sub-nav-menu a.selected {
        /*background-position: -30px -32px; */
        background-image: none;
        background-color: #4096d1;
        border-radius: 4px;
    }
    #footer li.list {
        width: 23%;
    }
    #footer .page-section ul#footer-links {
        width: 100%;
        padding-left: 10px;
        box-sizing: border-box;
    }
    #footer li.list li {
        padding: 5px 0;
    }
    #footer #footer-copyright {
        padding-left: 10px;
    }
    #ls-row-2 #ls-gen3-ls-fxr,
    #my_row_1 #ls-gen3-ls-fxr {
        width: 100%;
    }
    #colA {
        width: 99%;
    }
    #colB {
        clear:both;
        width: 47%;
    }
    #colC {
        width: 46% !important;
    }
}

@media (max-width: 900px) {
    #nav_qt_wrapper {
        background-image: none;
        background-color: #0860A2;
    }
    #navigation {
        height: auto;
    }
    #navigation #nav-cap-left,
    #navigation #nav-cap-right {
        display: none;
    }
}

@media (max-width: 768px) {
    #header .head-search #search-form {
        width: 200px;
    }
    #search-form input#search-text {
        width: 170px;
    }
    #ls-row-2 #ls-gen3-ls-fxr,
    #my_row_1 #ls-gen3-ls-fxr,
    #my_row_1 #ls-gen8-ls-fxr {
        position: relative;
        left: 0;
        transition: all .5s ease-out;
        width: 100%;
    }
    #ls-row-2 #ls-gen3-ls-fxr.active,
    #my_row_1 #ls-gen3-ls-fxr.active {
        left: 40%;
    }
    #navigation-container {
        width: 50%;
    }
    #navigation-list {
        width: 100%;
    }
    #navigation-list>li {
        display: none;
    }
    #navigation>#expando {
        display: inline-block;
        color: #fff;
        padding: 12px 10px 12px 10px;
    }
    #navigation>#expando a {
        color: #fff;
        visibility: visible !important;
        font-size: 12px;
        padding: 5px 3px;
        text-decoration: none;
        margin: 3px 0;
        background-color: #3c8ad2;
        border-radius: 3px;
    }
    #navigation>#expando a::before {
        content: '';
    }
    #navigation>#expando a::after {
        content: ' >';
    }
    #navigation>#expando.active a::before {
        content: '< ';
    } 
    #navigation>#expando.active a::after {
        content: '';
    }
    #navigation li#nav-careers {
        margin-left: 0;
    }
    #navigation h3 a {
        padding-left: 0;
        padding-right: 20px;
    }
    #navigation li.current h3 a {
        margin-left: 2px;
        padding-left: 0;
    }
    ul#slidernav {
        display: block;
        position: absolute;
        top: 0;
        width: 39%;
        left: -40%;
        margin-left: 1%;
    }
    ul#slidernav li {
        font-size: 12px;
        line-height: 1.25;
        padding: 3px 0;
    }
    ul#slidernav>li {
        border-bottom: 1px solid #888;
        padding-bottom: 3px;
        margin-bottom: 3px;
    }
    ul#slidernav li a {
        text-decoration: none;
        margin-left: 3px;
        padding: 3px 0 3px 3px;
        display: block;
    }
    ul#slidernav>li>a {
        font-weight: bold;
    }
    /*ul#slidernav li li a {
        line-height: 1;
    }*/
    ul#slidernav ul {
        margin-left: 6px;
        padding-left: 6px;
        height: 0;
        overflow: hidden;
    }
    ul#slidernav ul.expanded,
    ul#slidernav ul.selected {
        height: auto;
    }
    ul#slidernav a.selected {
        background-color: #3c8ad2;
        color: #fff;
    }
    #ls-row-2-area-1,
    #ls-row-2-area-1 #ls-gen4-ls-area-body {
        display: none;
    }
    .has1col #ls-row-2-area-1,
    .has1col #ls-row-2-area-1 #ls-gen4-ls-area-body {
        display: block;
    }
    #ls-row-2-area-2.ls-area,
    #ls-gen5-ls-area-body.ls-area-body,
    body #ls-gen5-ls-col-body,
    body #ls-row-2-col-2,
    #ls-row-2-col-2 #nest-col-2 {
        width: 100%;
        margin-left: 0;
        padding-left: 5px;
        padding-right: 5px;
        box-sizing: border-box;
    }
    .has3cols #ls-row-2-area-2.ls-area,
    .has3cols #ls-row-2-col-2 #nest-col-2 {
        width: 70%;
    }
    #ls-gen8-ls-fxr,
    #ls-gen9-ls-col-body,
    #ls-gen10-ls-fxr,
    #nest1-top,
    #disc_dec #content,
    #ls-gen12-ls-area-body,
    #ls-row-2-area-2 .page-intro-header,
    #ls-row-2-area-2 .page-intro {
    	width: 100%;
    }
    body #ls-row-2-area-3,
    body #ls-row-2-col-2 #nest2-top {
        width: 29%;
        margin-top: 0 !important;
    }
    #footer li.list {
        width: 47.5%;
        margin-right: 0;
        padding-right: 5px;
        display: inline-block;
        padding-bottom: 10px;
    }
    #footer .lspace-mid,
    #footer .lspace-last {
        padding: 0;
    }
    #colA,#colB,#colC {
        float: none;
        padding: 0 10px;
        width: 100% !important;
        box-sizing: border-box;
    }
    /* archives */
    #article-pagination-bottom {
        width: 100% !important;
        margin-top: 0;
    }
    /* stamp history pages */
    .history-table.MsoNormalTable {
        width: 100% !important;
        margin-left: 0 !important;
    }
    .history-table.MsoNormalTable th:nth-child(1),
    .history-table.MsoNormalTable td:nth-child(1) {
        width: 40% !important;
    }
    .history-table.MsoNormalTable th:nth-child(2),
    .history-table.MsoNormalTable td:nth-child(2) {
        width: 25% !important;
    }
    .history-table.MsoNormalTable th:nth-child(3),
    .history-table.MsoNormalTable td:nth-child(3) {
        width: 30% !important;
    }
}

@media (max-width: 480px) {
    body {
        min-width: 300px;
    }
    #ls-row-2-area-2,
    .has3cols #ls-row-2-area-2.ls-area,
    #ls-row-2-col-2 #nest-col-2,
    .has3cols #ls-row-2-col-2 #nest-col-2,
    #ls-row-2-area-3,
    .has3cols #ls-row-2-area-3,
    body #ls-row-2-col-2 #nest2-top,
    .has3cols #ls-row-2-col-2 #nest2-top,
    #ls-gen12-ls-area-body {
        width: 100%;
        float: none;
        display: block;
    }
    #ls-row-2 #ls-gen3-ls-fxr.active,
    #my_row_1 #ls-gen3-ls-fxr.active {
        left: 60%;
    }
    ul#slidernav {
        width: 59%;
        left: -60%;
    }
    #ls-row-2-area-3 .info-module {
        width: 96%;
        margin-left: 1.5% !important;
    }
    .member.single-entry {
        margin: 0 !important;
        width: 100%;
    }
    .members .two-column {
        width: 100%;
    }
    /* archives */
    #featured-document.call-out {
        width: 100%;
    }
    #news-toolbar-bottom {
        width: 80%;
        height: auto !important;
        padding-bottom: 10px !important;
    }
    #recent-documents .list-table {
        width: 100%;
    }
    #recent-documents .list-table .file-type {
        white-space: nowrap;
    }
}

@media print {
    body {
        max-width: 100%;
        margin: 0;
        padding: 0;
    }
    #nav_qt_wrapper,
    ul#footer-links li.list{
        display: none;
    }
    #footer {
        background-color: #fff;
        color: #000;
        padding-top: 8pt;
    }
    ul#footer-links {
        padding: 8pt 0 0;
    }
}