* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    color: #6f0b0b;
}

body {
    margin: 10px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    /* #header/#container/#footer are separate direct children of body
       with no shared wrapper, each sized to 100% of body. For wide
       content (e.g. #content.table3-content above) to widen the whole
       page, header and footer bars included, rather than just bleeding
       past them, body itself needs to grow to fit it first. */
    width: fit-content;
    /* 100% alone does not subtract this rule's own 10px left/right
       margin, so body overflowed the viewport by exactly that amount
       once a vertical scrollbar was present, confirmed real case: the
       last 10px of every page's content ended up clipped under the
       scrollbar. Not a scrollbar-specific bug, just where that real
       horizontal overflow happened to land. */
    min-width: calc(100% - 20px);
}

#header {
    height: 103px;
    background-color: #513830;
    position: relative;
}

#notice-banner {
    background-color: #fff3cd;
    color: #664d03;
    border-bottom: 1px solid #ffe69c;
    padding: 10px 20px;
    font-family: Arial, sans-serif;
    font-size: 13px;
    text-align: center;
}

#container {
    display: flex;
    flex: 1;
}

#sidenav {
    width: 212px;
    background-color: #c9ad6d;
    display: flex;
    flex-direction: column;
}

#content.browse-page {
    padding: 7px;
}

/* Table III leaf pages are wider than #content's flex-allotted space
   (confirmed real case: table3/94_365.html, driven by the legacy
   content's own absolute-positioned layout -- see .table3-page below).
   #content's default overflow:auto traps that overflow in an awkward
   inner scrollbar instead of letting the page itself grow to fit it. */
#content.table3-content {
    overflow: visible;
}

/* legislation.html's bulleted list, scoped to this one page's own
   content_class rather than sitewide -- the real legacy page gives its
   <ul> li a 10px bottom margin (confirmed via computed style on
   codification/legislation.shtml); its <ol> li gets none, so this is
   scoped to ul > li only. */
#content.legislation-content ul > li {
    margin-bottom: 10px;
}

#content {
    flex: 1;
    padding: 20px;
    background-color: #f4ece2;
    overflow: auto;
}

#footer {
    height: 31px;
    background-color: #513830;
}

#twitter {
    margin-left: 2px;
    margin-top: 2px;
    width: 161px;
    height: 28px;
    float: left;
}

#twitter-logo {
    width: 160px;
    height: 27px;
}

span.footer a {
    color: #f4ece2;
    font-size: 13px;
    margin-left: 32px;
}

#footer-right {
    margin-top: 9px;
    margin-right: 10px;
    width: 310px;
    height: 16px;
    font-family: Arial;
    float: right;
}

.menu_item {
    width: 212px;
    height: 31px;
    background-image: url('images/u6.png');
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-left: 18px;
    padding-bottom: 2px;
    font-family: 'Calibri';
    color: #311c1a;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
}

.change-notice {
    font-family: Calibri;
    color: red;
    font-size: 15px;
    font-weight: bold;
}

.submenu_item {
    width: 212px;
    height: 31px;
    background-image: url('images/u6.png');
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-left: 32px;
    font-family: 'Calibri';
    color: #311c1a;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
    white-space: nowrap;
}

.submenu_item_selected {
    width: 212px;
    height: 31px;
    background-image: url('images/u6.png');
    background-size: 14px 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-left: 32px;
    font-family: 'Calibri';
    color: #311c1a;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
    white-space: nowrap;
    background-color: #f4ece2;
}

.menu_header {
    position: absolute;
    bottom: 1px;
    right: 0px;
    background-color: #c9ad6d;
}

.home_button {
    width: 55px;
    height: 18px;
    background-color: #bb9a4a;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-family: 'Calibri';
    color: #452623;
    font-size: 15px;
    font-weight: bold;
}

.menu_item_selected {
    width: 212px;
    height: 31px;
    background-image: url('images/u6.png');
    background-size: 14px 100%;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    text-decoration: none;
    padding-left: 18px;
    padding-bottom: 2px;
    font-family: 'Calibri';
    color: #311c1a;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    white-space: nowrap;
    background-color: #f4ece2;
}

div.page_content_internal h1 {
    color: #32434F;
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}

div.page_content_internal h2 {
    color: #32434F;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* .editorial-reclass-legacy-style is scoped to just
   editorialreclassification/reclassification.html, not the sitewide
   h1/h2 rules above -- confirmed real case: the legacy site has no
   single consistent heading style across pages (about_code.xhtml and
   faq.xhtml's headers are left-aligned and blue-gray, matching the
   sitewide rules above already), but this one page's own legacy
   counterpart specifically uses centered, uppercase, maroon headings
   with no divider line. Prefix raises specificity above the sitewide
   h1/h2/.section-divider rules, same technique as .popularnames-layout
   and .compact-links below. */
div.page_content_internal .editorial-reclass-legacy-style h1,
div.page_content_internal .editorial-reclass-legacy-style h2 {
    color: #6f0b0b;
    text-align: center;
    text-transform: uppercase;
}

div.page_content_internal .editorial-reclass-legacy-style h2 {
    font-style: normal;
}

.editorial-reclass-legacy-style .section-divider {
    border-top: none;
    padding-top: 0;
}

#titles-list a,
#search-results a,
.browse-titles a {
    text-decoration: none;
}

.browse-titles {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 23px;
    width: auto;
}

p.usc-notice {
    margin-left: 10px;
    margin-right: 20px;
    font-family: Arial;
    font-size: 12px;
}

/* Search and Jump-to boxes on the Browse page */
.search-box,
.jump-to {
    background-color: rgb(225, 210, 174);
    padding: 10px;
}

.jump-to {
    display: flex;
    align-items: flex-end;
    gap: 15px;
}

.jump-to-label {
    font-family: Arial;
    font-size: 13px;
}

.jump-to-fields {
    display: flex;
    gap: 14px;
}

.jump-to-field {
    display: flex;
    flex-direction: column;
}

.jump-to-caption {
    font-family: Arial;
    font-size: 12px;
}

#jump-error {
    font-family: Arial;
    font-size: 12px;
    color: #6f0b0b;
}

#search-input {
    width: 405px;
    height: 25px;
}

#search-btn,
#clear-btn {
    width: 70px;
    height: 25px;
    font-family: Arial;
}

#jump-title {
    width: 75px;
    height: 25px;
}

#jump-section {
    width: 130px;
    height: 25px;
}

#jump-btn {
    width: 33px;
    height: 25px;
}

/* Hierarchical title/chapter/section tree */
details.tree-title {
    margin-bottom: 3px;
}

details.tree-title > summary,
details.tree-node > summary {
    font-family: Arial;
    font-size: 13px;
    color: #6f0b0b;
    cursor: pointer;
    list-style: none;
    padding: 1px 0;
}

details.tree-title > summary::-webkit-details-marker,
details.tree-node > summary::-webkit-details-marker {
    display: none;
}

details.tree-title > summary::before,
details.tree-node > summary::before {
    content: '\002B\00A0';
    font-size: 12px;
    display: inline-block;
    width: 10px;
    vertical-align: middle;
}

details.tree-title[open] > summary::before,
details.tree-node[open] > summary::before {
    content: '\2212\00A0';
}

details.tree-node {
    margin-left: 16px;
    margin-top: 2px;
}

#titles-list summary:hover,
#titles-list .tree-sections a:hover {
    background-color: #E1D2AE;
}

ul.tree-sections {
    list-style: none;
    margin: 2px 0 4px 32px;
    padding: 0;
}

ul.tree-sections li {
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 1px;
}

/* Leaf section links (confirmed legacy value: div.leaf { color: black; })
   are distinct from the "LEVEL-Front Matter" links sharing the same
   ul.tree-sections wrapper -- those stay the sitewide maroon, matching
   the legacy div.item_right style, so this only targets the
   .section-link class, not every link in a tree-sections list. */
.section-link {
    color: black;
}

.section-range {
    color: #494949;
    font-size: 12px;
    margin-left: 5px;
}


/* Shared intro notes under page headings (Tables I-VI, classification tables) */
p.smallitalnote {
    font-family: Arial;
    font-size: 12px;
    font-style: italic;
    color: #555;
    margin-bottom: 0.75em;
}

p.updatedthrough {
    font-family: Arial;
    font-size: 12px;
    color: #555;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.75em;
}

/* ECCT's own "updated through" sentence, same bold+centered treatment */
p.ecct-updatedthrough {
    font-weight: bold;
    text-align: center;
}

p.prepared-by {
    font-weight: bold;
    text-align: center;
}

/* Hanging-indent definitions (e.g. table abbreviation legends) */
p.hanging {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 2em;
    text-indent: -2em;
}

/* Classification tables page */
.classification-table {
    border-collapse: collapse;
    width: 100%;
    margin: 1em 0;
}

.classification-table td {
    font-family: Arial;
    font-size: 13px;
    border: 2px solid #888;
    padding: 12px;
    vertical-align: top;
    width: 50%;
    text-align: center;
}

.classification-table td p {
    margin-bottom: 0.6em;
}

.section-divider {
    border-top: 1px solid blue;
    padding-top: 10px;
    margin-top: 10px;
}

div.page_content_internal p {
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 1em;
}

/* Section page layout */
.section-context {
    font-family: Arial;
    font-size: 12px;
    color: #555;
    margin-bottom: 8px;
}

.section-context .chapter-context::before {
    content: ' / ';
}

h3.section-head {
    font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    color: #32434F;
    margin-bottom: 12px;
}

/* Statutory body indentation levels */
.statutory-body-container {
    margin-bottom: 1em;
}

p.statutory-body {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 0;
}

p.statutory-body-1em {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 2em;
}

p.statutory-body-2em {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 4em;
}

p.statutory-body-3em {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 6em;
}

p.statutory-body-4em {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 8em;
}

p.statutory-body-5em {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 10em;
}

p.statutory-body-6em {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.5em 12em;
}

em.level-heading {
    font-style: normal;
    font-weight: bold;
}

span.smallcaps {
    font-variant: small-caps;
}

/* Source credit */
p.source-credit {
    font-family: Arial;
    font-size: 12px;
    color: #444;
    margin: 0.5em 0 1em 0;
    border-left: 3px solid #c9ad6d;
    padding-left: 8px;
}

/* Notes */
.note-block {
    margin-bottom: 1em;
}

h4.note-head {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: #32434F;
    margin: 0.5em 0 0.25em 0;
}

/* A note's own heading renders maroon, centered, and small-caps on the
   real legacy site -- confirmed universally across all 103 note
   headings on 50 U.S.C. 1701's own page, overriding the generic
   h4.note-head color above. */
h4.note-head.legacy-note-style {
    color: #6f0b0b;
    text-align: center;
    font-variant: small-caps;
}

/* Heading of a whole quoted <section> inside a note (a note can quote
   an entire bill, section by section -- confirmed real case, 50 U.S.C.
   1701). Matches the real legacy page's own h4.note-sub-head: smaller
   and not bold, so it reads as a level below the note's own heading. */
h4.note-sub-head {
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    margin: 0.5em 0 0.25em 0;
}

p.note-body {
    font-family: Arial;
    font-size: 13px;
    margin: 0 0 0.4em 0;
}

/* A prospectiveAmendment note's own paragraphs ("Amendments Not Shown
   in Text") render in italics on the real legacy page, confirmed
   against 5 U.S.C. 405 -- stops at the note's own end, since the next
   note (e.g. Historical and Revision Notes) is a separate element. */
p.prospective-amendment-body {
    font-style: italic;
}

/* Historical and Revision Notes table (embedded directly in the XML --
   see src/parser.py's _render_hnr_table()). Confirmed real user
   report, two rounds of before/after screenshots. First round: the
   table had no CSS rules at all. Second round, a fresh screenshot
   side by side with the real legacy page: the real table is ruled,
   not boxed -- a rule above the header, one under the header row, one
   at the bottom, no vertical lines between columns at all. The first
   round's full grid of cell borders was visibly busier than the real
   page. */
table.hnr-table {
    border-collapse: collapse;
    width: 650px;
    margin: 0.5em auto 1em auto;
    font-family: Arial;
    font-size: 13px;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
}

table.hnr-table th,
table.hnr-table td {
    border: none;
    padding: 6px 10px;
    text-align: left;
    vertical-align: top;
}

table.hnr-table th {
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #000;
}

/* Real legacy page's first two columns are narrower relative to the
   third than an even 3-way split. */
table.hnr-table th:nth-child(1),
table.hnr-table td:nth-child(1) {
    width: 12%;
}

table.hnr-table th:nth-child(2),
table.hnr-table td:nth-child(2) {
    width: 23%;
}

table.hnr-table th:nth-child(3),
table.hnr-table td:nth-child(3) {
    width: 65%;
}

/* Data tables (classification change tables, etc.) */
table.data-table {
    border-collapse: collapse;
    margin: 1em 0;
}

table.data-table th,
table.data-table td {
    border: 1px solid #999;
    padding: 0.25em 0.5em;
    text-align: left;
    vertical-align: top;
}

/* Title Front Matter (chapter-level table of contents) -- borderless,
   matching the legacy site's own Front Matter page */
table.frontmatter-toc th,
table.frontmatter-toc td {
    border: none;
}

table.frontmatter-toc td.chapter-num {
    white-space: nowrap;
}

table.frontmatter-toc td.section-num {
    text-align: right;
    white-space: nowrap;
}

table.frontmatter-disposition {
    margin-top: 1.5em;
}

table.frontmatter-disposition caption {
    font-weight: bold;
    margin-bottom: 0.5em;
    text-align: left;
}

p.frontmatter-link {
    margin-bottom: 0.75em;
    font-family: Arial;
    font-size: 13px;
}

/* Popular Name Tool */
/* Matches the old site's behavior: the entry list scrolls in its own box,
   the heading and A-Z jump nav stay put. Sized against the viewport directly
   (100vh minus the known fixed chrome: #header 103px, #notice-banner ~37px
   on one line, #footer 31px, body's 10px margin top+bottom, #content's
   20px padding top+bottom) rather than via a height:100% chain through
   html/body/#container, which would require making body a flex column
   globally, changing scroll behavior on every other page, not just this
   one. #notice-banner's height depends on how its text wraps at the
   current viewport width, so this number is an approximation, not an
   exact match, the same way the rest of this calculation already was. */
.popularnames-layout {
    display: grid;
    grid-template-columns: 1fr 150px;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "headings headings"
        "content  links";
    column-gap: 1.5em;
    height: calc(100vh - 231px);
}

.popularnames-layout > .headings {
    grid-area: headings;
}

.popularnames-layout > .content {
    grid-area: content;
    min-width: 0;
    overflow-y: auto;
}

.popularnames-layout > .links {
    grid-area: links;
    align-self: start;
}

.links p.jump {
    font-family: Arial;
    font-size: 13px;
    margin-bottom: 0.4em;
}

.popular-name-table-entry {
    margin-bottom: 0.75em;
}

/* .popularnames-layout prefix raises specificity above the sitewide
   `div.page_content_internal p { margin-bottom: 1em; }` rule, which was
   otherwise winning and giving every line the same gap regardless of
   whether it's within an entry or between two entries. */
.popularnames-layout p.popular-name {
    font-weight: bold;
    margin: 0;
}

/* div.page_content_internal .compact-links prefix raises specificity
   above the sitewide `div.page_content_internal p { margin-bottom: 1em; }`
   rule (same problem/fix as .popularnames-layout above -- a single class
   plus "p" alone isn't specific enough, since the sitewide rule itself
   already has one class plus two elements), for pages that render a
   plain list of links as individual <p> tags (matching the legacy markup
   -- see editorialreclassification/reclassification.html) and want them
   packed tight like a real list, not spaced like prose. */
div.page_content_internal .compact-links p {
    margin: 0;
}

.popularnames-layout p.popular-name-information {
    margin: 0;
    margin-left: 1.5em;
}

/* Download page -- fluid width (100% of the browser window), not the
   legacy site's fixed 800px/750px reading column */
div.pageframe {
    border-style:solid;
    border-width:5px;
    padding:3px;
    border-color:rgb(187, 154, 74);
    width:800px;
    overflow: auto;
}

.pageframe div.uscitemlist {
    padding: 15px;
    width:750px;
}

.pageframe div.uscitem {
    width: auto;
    overflow:hidden;
}

.pageframe div.uscitemblank {
    width: auto;
    overflow:hidden;
}

.pageframe div.uscitem:hover {
    background-color:rgb(225, 212, 174);
}

.pageframe div.usctitle {
    float:left;
    text-align:left;
    text-indent: -70px;
    padding-left: 70px;
}

.pageframe div.usctitlechanged {
    float:left;
    text-align:left;
    text-indent: -70px;
    padding-left: 70px;
    font-weight: bold;
}

.pageframe div.usctitleminoreditorialchange {
    float:left;
    text-align:left;
    text-indent: -70px;
    padding-left: 70px;
    color: Grey;
    font-weight: bold;
}

.pageframe div.usctitle#alltitles {
    float:left;
    text-align:left;
    text-indent: -70px;
    padding-left: 70px;
}

.pageframe div.usctitleappendix {
    float:left;
    text-align:left;
    padding-left:70px;
    font-style:italic;
}

.pageframe div.usctitleappendixchanged {
    float:left;
    text-align:left;
    padding-left:70px;
    font-style:italic;
    font-weight: bold;
}

.pageframe div.itemcurrency {
    display:none;
}

.pageframe div.usctitleheading {
    float:left;
    width:350px;
    text-align:left;
    text-indent: -70px;
    padding-left: 70px;
    font-size: smaller;
    text-decoration: underline;
}

.pageframe div.currencyheading {
    display:none;
}

.pageframe div.itemdownloadlinks {
    float:right;
    text-align:right;
    font-size: smaller;
}

.pageframe div.schemacss {
    padding-left:30px;
    font-style:italic;
    font-size: 90%;
}

.pageframe a.fn {
    text-decoration: none;
}

.pageframe span.deadlink {
    color:grey;
    text-decoration: underline;
    cursor: default;
}

.pageframe h3.releasepointinformation {
    text-indent: 10px;
    font-style: italic;
    font-size: larger;
    margin-bottom: 0px;
}

.pageframe h3.releasepointinformationline2 {
    text-indent: 10px;
    font-weight: normal;
    color: black;
    margin-top: 0px;
}

.pageframe h4.inpageheader {
    text-indent: 10px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.pageframe p.uscxmlresources {
    padding-top: 0px;
    margin-top: 15px;
    text-indent: 0px;
}

.pageframe p.releasepointdescription {
    text-indent: 0px;
    margin-top: 15px;
}

.pageframe hr.textbreak {
    width: 400px;
}

/* Table III (merged + scoped from uscTable3.css) */
/* All the absolute-position offsets throughout this block (.headings,
   .documentlevel, .inputarea, .menu_header, the caption spans, etc.)
   were authored assuming .table3-page's own element -- not any of our
   page chrome -- is their coordinate origin (confirmed: in the real
   standalone legacy page, nothing in its own ancestor chain is
   positioned, so they anchor to the page root, which .table3-page's own
   box approximates once in normal flow). Embedded in our page template
   without this, they anchor to our #header instead (position:relative),
   landing on top of our own header/sidenav/caption bar -- confirmed real
   case, table3/94_365.html. Making .table3-page itself the positioning
   anchor restores their original relative-to-each-other layout, as a
   single fix instead of patching each child individually. */
.table3-page {
 position: relative;
}
.table3-page body{
/* margin-left: 3em;*/
 width: 650px;
 background: tan;

}.table3-page div{
 float: left;
 width: 650px;
}
/* Duplicate "Table III Tool" banner + description, redundant with our
   own site chrome and the Table III index pages -- hidden rather than
   repositioned (confirmed real case, see commit history). */
.table3-page .headings {
 display: none;
}
/* top offsets below were authored to clear space for .headings (the
   duplicate "Table III Tool" banner, see above) in the legacy standalone
   page. Since .headings is hidden here rather than shown, that space
   isn't needed -- confirmed real case, the original top:9.3em left a
   ~140px blank gap above the table with nothing above it. Reduced by
   the same ~9.3em for both, preserving their original ~4em relative
   vertical offset from each other (documentlevel start to inputarea
   start) so inputarea stays level with the caption bar. */
.table3-page div.documentlevel{
 position: absolute;
 top: 0;
 left: 9em;
}.table3-page div.inputarea{
 position: absolute;
 top: 4em;
 left: 820px;
}.table3-page h1{
 text-align: center;
 margin-bottom: 3px;
}.table3-page h2{
 text-align: center;
 margin-bottom: 3px;
}.table3-page h3{
  text-align: center;
  margin-top: 50px;
  margin-bottom: 3px;
  text-indent: -2em;
  padding-left: 2em;
  margin-left: 0em;
 }.table3-page h4{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 3px;
  font-variant: small-caps;
  text-indent: -2em;
  padding-left: 2em;
  margin-left: 0em;
}.table3-page p{
 padding: 0em;
 margin: 0em;
 text-indent: 1em;
}.table3-page p.footnote{
 margin: 1em;
 font-style: italic;
}.table3-page p span.monospaced{
 font-family: monospace;
}.table3-page cap-smallcap{
 font-variant: small-caps;
}.table3-page caption{
 margin: .25em;
 text-align: center;
 /*font-weight: bold;*/
 /*font-variant: small-caps;*/
 font-size: 1.05em
}.table3-page /********************* TABLE III *******************/


div.lrcmenu{
 position:absolute;
 top:7em;
 left:.5em;
 padding-right: 2em;
 /*width: 10em;*/
}.table3-page p.lrcmenulink{
    padding-bottom: 3px;
    font-variant: small-caps;
}.table3-page p.lrcmenulink:hover{
  color:yellow;

}.table3-page span{
 position: absolute;
}.table3-page a{
  color: black;
  text-decoration: none;
}
/* Caption link colors below (header + t3top*view) also updated to the
   current legacy palette, same reasoning as the table colors above --
   confirmed against static.css: all of these are #6F0B0B / #B28F47
   hover now, not lightblue/yellow. */
.table3-page a.header{
 color:#6F0B0B;
}.table3-page a#home{
 color:black;
}.table3-page a#home:hover{
  color:yellow;
}.table3-page a#search{
 color:black;
}.table3-page a#search:hover{
  color:yellow;
}.table3-page a#download{
 color:black;
}.table3-page a#download:hover{
  color:yellow;
}.table3-page a#updates{
 color:black;
}.table3-page a#updates:hover{
  color:yellow;
}.table3-page a#codification{
 color:black;
}.table3-page a#codification:hover{
  color:yellow;
}.table3-page a#popnames{
 color:black;
}.table3-page a#popnames:hover{
  color:yellow;
}.table3-page a#about{
 color:black;
}.table3-page a#about:hover{
  color:yellow;
}.table3-page a#currency{
 color:black;
}.table3-page a#currency:hover{
  color:yellow;
}.table3-page a.inline{
  color: purple;
  font-style: italic;
  font-weight: bold;
}.table3-page a:hover{
    color:yellow;
}.table3-page p.lrcmenulink{
    padding-bottom: 3px;
    font-variant: small-caps;
}.table3-page p.lrcmenulink:hover{
  color:yellow;

}.table3-page a.t3topyearsview{
  color: #6F0B0B;
  text-decoration: none;
  font-weight: bold;
}.table3-page a.t3topcongressesview{
  color: #6F0B0B;
  text-decoration: none;
  font-weight: bold;
}.table3-page a.t3topstatutesatlargevolumeview{
  color: #6F0B0B;
  text-decoration: none;
  font-weight: bold;
}.table3-page a.t3topyearsview:hover{
    color:#B28F47;
}.table3-page a.t3topcongressesview:hover{
    color:#B28F47;
}.table3-page a.t3topstatutesatlargevolumeview:hover{
    color:#B28F47;
}.table3-page a.t3topyearsinactiveview{
  color: #6F0B0B;
  text-decoration: none;
  font-weight: bold;
}.table3-page a.t3topyearsinactiveview:hover{
    color:#B28F47;
}.table3-page a.t3topstatutesatlargeinactiveview{
  color: #6F0B0B;
  text-decoration: none;
  font-weight: bold;
}.table3-page a.t3topstatutesatlargeinactiveview:hover{
  color: #B28F47;
}.table3-page a.t3topcongressesinactiveview{
  color: #6F0B0B;
  text-decoration: none;
  font-weight: bold;
}.table3-page a.t3topcongressesinactiveview:hover{
    color:#B28F47;
}.table3-page div.lrclogo{
 position: absolute;
 top: .5em;
 left: .5em;
}.table3-page div.headings{
 position: absolute;
 top: 1em;
 left: 4em;
 height: 7em;
 width: 40em;
 overflow: hidden;
 margin-left: 5em;
 /*margin: 0 15% 1em 10%;*/
 padding: 10px;
}.table3-page div.verbose-content{
 position: absolute;
 top: 1em;
 left: 4em;
 margin-left: 5em;
 /*margin: 0 15% 1em 10%;*/
 padding: 10px;
}.table3-page div.links{
 position: absolute;
 top: 11em;
 left: 51em;
 width: 4.5em;
 /*border-style: solid;
 border-width: 1px;*/
}.table3-page div.alltable3years{
  position: absolute;
 top: 15.1em;
 left: 9em;

  background-color: #E0E0E0;
  border: inset;
 border-color: lightblue;
 padding-top: 1em;
 padding-bottom: 2em;

}.table3-page div.alltable3congresses{
 position: absolute;
 top: 15.1em;
 left: 9em;

  background-color: #E0E0E0;
  border: inset;
 border-color: lightblue;
 padding-top: 1em;
 padding-bottom: 2em;

}.table3-page div.alltable3statutesatlargevolumes{
 position: absolute;
 top: 15.1em;
 left: 9em;

  background-color: #E0E0E0;
  border: inset;
 border-color: lightblue;
 padding-top: 1em;
 padding-bottom: 2em;

}.table3-page div.content{
 position: absolute;
 top: 15.1em;
 left: 4em;
 width: 40em;
 overflow: auto;
 height: 65%;
 margin-left: 5em;
 /*margin: 0 15% 1em 10%;*/
 padding: 15px;
}.table3-page div.yearsmasterhead{
 position: absolute;
 top: 9.3em;
 left: 9em;

 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
 margin-top: 1em;
 margin-bottom: 1em; 
}.table3-page div.congressesmasterhead{
 position: absolute;
 top: 9.3em;
 left: 9em;

 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
 margin-top: 1em;
 margin-bottom: 1em;
}.table3-page div.statutesatlargevolumesmasterhead{
 position: absolute;
 top: 9.3em;
 left: 9em;

 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
 margin-top: 1em;
 margin-bottom: 1em;
}.table3-page div.yearmasterhead{
 position: absolute;
 top: 9.3em;
 left: 9em;

 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
 margin-top: 1em;
 margin-bottom: 1em;
 
}.table3-page div.yearmaster{
 position: absolute;
 top: 15.1em;
 left: 9em;

 background-color: #E0E0E0;
  border: inset;
 border-color: lightblue;
 padding-top: 1em;
 padding-bottom: 2em;
}.table3-page div.congressmasterhead{
 position: absolute;
 top: 9.3em;
 left: 9em;

 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
 margin-top: 1em;
 margin-bottom: 1em;
 
}.table3-page div.congressmaster{
 position: absolute;
 top: 15.1em;
 left: 9em;

 background-color: #E0E0E0;
  border: inset;
 border-color: lightblue;
 padding-top: 1em;
 padding-bottom: 2em;
}.table3-page div.statutesatlargevolumemasterhead{
 position: absolute;
 top: 9.3em;
 left: 9em;

 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
 margin-top: 1em;
 margin-bottom: 1em;
 
}.table3-page div.statutesatlargevolumemaster{
 position: absolute;
 top: 15.1em;
 left: 9em;

 background-color: #E0E0E0;
  border: inset;
 border-color: lightblue;
 padding-top: 1em;
 padding-bottom: 2em;
}.table3-page span.allyears{
/*  width: 200px;
 text-align: center;
 left: 253px;*/
 width: 200px;
 text-align: right;
 left: 445px; 
 
}.table3-page span.allcongresses{
/*  width: 200px;
 text-align: center;
 left: 253px;*/
 width: 200px;
 text-align: left;
 left: 15px; 
 
}.table3-page span.allstatutesatlargevolumes{
/*  width: 200px;
 text-align: center;
 left: 253px;*/
 width: 200px;
 text-align: center;
 left: 213px; 
 
}.table3-page span.allyears{
/*  width: 200px;
 text-align: center;
 left: 253px;*/
 width: 200px;
 text-align: right;
 left: 445px; 
 
}.table3-page span.prioryear{
 width: 200px;
 text-align: left;
 left: 15px;
 top: 40px; 
}.table3-page span.thisyear{
 width: 200px;
 color:black;
 position: absolute;
 text-align: center;
 font-size: 1.5em;
 left: 213px;
 top: 30px; 
}.table3-page span.nextyear{
 width: 200px;
 text-align: right;
 left: 440px;
 top: 40px;
}.table3-page span.selectview{
 width: 200px;
 color:black;
 position: absolute;
 text-align: center;
 font-size: 1em;
 left: 213px;
 top: 30px; 
}.table3-page span.congressinactiveview{
 width: 200px;
 text-align: left;
 left: 25px;
 top: 40px;
}.table3-page span.congressactiveview{
 width: 200px;
 text-align: left;
 color:#E0E0E0;
 font-size: 1.2em;
 font-weight: bold;
 left: 25px;
 top: 37px;
}.table3-page span.statutesatlargeactiveview{
 width: 250px;
 position: absolute;
 text-align: center;
 left: 213px;
 color:#E0E0E0;
 font-size: 1.2em;
 font-weight: bold;
 top: 37px; 
}.table3-page span.statutesatlargeinactiveview{
 width: 200px;
 color:black;
 position: absolute;
 text-align: center;
 left: 213px;
 top: 40px; 
}.table3-page span.yearsinactiveview{
 width: 200px;
 text-align: right;
 left: 440px;
 top: 40px;
}.table3-page span.yearsactiveview{
 width: 200px;
 text-align: right;
 left: 440px;
 color:#E0E0E0;
 font-size: 1.2em;
 font-weight: bold; 
 top: 37px;
}.table3-page span.priorcongress{
 width: 200px;
 text-align: left;
 left: 15px;
 top: 40px;
 
 
}.table3-page span.thiscongress{
 width: 200px;
 color:black;
 position: absolute;
 text-align: center;
 font-size: 1.5em;
 left: 213px;
 top: 30px; 
}.table3-page span.nextcongress{
 width: 200px;
 text-align: right;
 left: 440px;
 top: 40px;
}.table3-page span.priorstatutesatlargevolume{
 width: 200px;
 text-align: left;
 left: 15px;
 top: 40px;
 
 
}.table3-page span.thisstatutesatlargevolume{
 width: 200px;
 color:black;
 position: absolute;
 text-align: center;
 font-size: 1.5em;
 left: 213px;
 top: 35px; 
}.table3-page span.nextstatutesatlargevolume{
 width: 200px;
 text-align: right;
 left: 440px;
 top: 40px;
}.table3-page a.pubr{
 font-size: .6em;
 
}.table3-page span.yearmasterfilelink1{
 left: 17px;
}.table3-page span.yearmasterfilelink2{
 left: 97px;
}.table3-page span.yearmasterfilelink3{
 left: 177px;
 /*width: 70px;*/
/* background-color: white;*/
}.table3-page span.yearmasterfilelink4{
 left: 257px;
}.table3-page span.yearmasterfilelink5{
 left: 337px;
}.table3-page span.yearmasterfilelink6{
 left: 417px;
}.table3-page span.yearmasterfilelink7{
 left: 497px;
}.table3-page span.yearmasterfilelink8{
 left: 577px;
}.table3-page span.congressmasterfilelink1{
 left: 17px;
}.table3-page span.congressmasterfilelink2{
 left: 97px;
}.table3-page span.congressmasterfilelink3{
 left: 177px;
 /*width: 70px;*/
/* background-color: white;*/
}.table3-page span.congressmasterfilelink4{
 left: 257px;
}.table3-page span.congressmasterfilelink5{
 left: 337px;
}.table3-page span.congressmasterfilelink6{
 left: 417px;
}.table3-page span.congressmasterfilelink7{
 left: 497px;
}.table3-page span.congressmasterfilelink8{
 left: 577px;
}.table3-page span.statutesatlargevolumemasterfilelink1{
 left: 17px;
}.table3-page span.statutesatlargevolumemasterfilelink2{
 left: 97px;
}.table3-page span.statutesatlargevolumemasterfilelink3{
 left: 177px;
 /*width: 70px;*/
/* background-color: white;*/
}.table3-page span.statutesatlargevolumemasterfilelink4{
 left: 257px;
}.table3-page span.statutesatlargevolumemasterfilelink5{
 left: 337px;
}.table3-page span.statutesatlargevolumemasterfilelink6{
 left: 417px;
}.table3-page span.statutesatlargevolumemasterfilelink7{
 left: 497px;
}.table3-page span.statutesatlargevolumemasterfilelink8{
 left: 577px;
}.table3-page span.yearslink1{
 left: 39px;
}.table3-page span.yearslink2{
 left: 101px;
}.table3-page span.yearslink3{
 left: 163px;
/* background-color: white;*/
}.table3-page span.yearslink4{
 left: 225px;
}.table3-page span.yearslink5{
 left: 286px;
}.table3-page span.yearslink6{
 left: 347px;
}.table3-page span.yearslink7{
 left: 408px;
}.table3-page span.yearslink8{
 left: 469px;
}.table3-page span.yearslink9{
 left: 530px;
}.table3-page span.yearslink10{
 left: 591px;
}.table3-page span.congresseslink1{
 left: 39px;
}.table3-page span.congresseslink2{
 left: 101px;
}.table3-page span.congresseslink3{
 left: 163px;
/* background-color: white;*/
}.table3-page span.congresseslink4{
 left: 225px;
}.table3-page span.congresseslink5{
 left: 286px;
}.table3-page span.congresseslink6{
 left: 347px;
}.table3-page span.congresseslink7{
 left: 408px;
}.table3-page span.congresseslink8{
 left: 469px;
}.table3-page span.congresseslink9{
 left: 530px;
}.table3-page span.congresseslink10{
 left: 591px;
}.table3-page span.statutesatlargevolumeslink1{
 left: 39px;
}.table3-page span.statutesatlargevolumeslink2{
 left: 101px;
}.table3-page span.statutesatlargevolumeslink3{
 left: 163px;
/* background-color: white;*/
}.table3-page span.statutesatlargevolumeslink4{
 left: 225px;
}.table3-page span.statutesatlargevolumeslink5{
 left: 286px;
}.table3-page span.statutesatlargevolumeslink6{
 left: 347px;
}.table3-page span.statutesatlargevolumeslink7{
 left: 408px;
}.table3-page span.statutesatlargevolumeslink8{
 left: 479px;
}.table3-page span.statutesatlargevolumeslink9{
 left: 530px;
}.table3-page span.statutesatlargevolumeslink10{
 left: 591px;
}.table3-page table{
 margin-top: 1em;
 margin-bottom: 2em;
 width:650px;
}
/* Colors below updated to match the real current legacy site (tan/gold,
   confirmed against a fresh pull of its actual current stylesheet,
   static.css) -- the gray/light-blue scheme previously here came from
   uscTable3.css, which turned out to be a stale snapshot of a design the
   legacy site has since replaced. Positioning/layout technique
   deliberately left as-is (still the absolute-position scheme our
   generated markup already matches, now correctly anchored via
   .table3-page's own position:relative above) -- only the colors were
   wrong, not the layout. */
.table3-page table caption{
 background-color: #E1D2AE;
 height: 60px;
 vertical-align: middle;
}.table3-page table caption span{
 color:#6F0B0B;
 font-size: .9em;
 font-weight: bolder;
 position: absolute;
}.table3-page table caption span.congress{
 width: 200px;
 text-align: left;
 left: 15px;
/* padding-left: 10px;*/
}.table3-page table caption span.statutesatlargevolume{
 width: 200px;
 text-align: center;
 left: 213px;
}.table3-page table caption span.textdate{
 width: 200px;
 text-align: right;
 left: 440px; 
}.table3-page table caption span.act{
 width: 200px;
 color:black;
 position: absolute;
 text-align: center;
 font-size: 1.5em;
 left: 213px;
 top: 50px; 
}.table3-page table caption span.prioract{
 width: 200px;
 text-align: left;
 left: 15px;
 top: 60px;
 /*padding-left: 5px;*/
}.table3-page table caption span.nextact{
 width: 200px;
 text-align: right;
 left: 435px;
 top: 60px;
}.table3-page table th{
 background-color: #E1D2AE;
 color: black;
 margin: 0px;
 font-weight: bold;
 border: none;
}.table3-page table tr.table3row_even{
 background-color: #E1D2AE;

}.table3-page table tr.table3row_odd{
 background-color: #C9AD6D;
}.table3-page table td{
 padding-right: .5em;
 padding-left: 1.25em;
 text-indent: -1em;
 vertical-align: top;
}.table3-page table.table3act td{
 padding-left: 1.5em;
 padding-right: .5em;
 vertical-align: top;
}.table3-page table.table3act td.actsection{
 width: 90px;
}.table3-page table.table3act td.statutesatlargepage{
 width: 70px;
}.table3-page table.table3act td.unitedstatescodetitle{
 width: 38px;
 /*padding-left: 1.5em;*/
 text-align: center;
}.table3-page table.table3act td.unitedstatescodestatus{
 width: 60px;
 padding-left: 1.5em;
}.table3-page td p{
 text-indent: -1em;
 text-align:left;
 color: red;
}.table3-page li.plain{
 list-style-type: none;
}

/* table3explanation.html (own wrapper class, not .table3-page above --
   that class's layout was built for the archived Table III act-page
   tree's absolute-positioned captions/headings/links, which this plain
   flowing document doesn't have). Values confirmed against the real
   legacy page's own computed styles (table3/table3explanation.htm):
   #content and div.page_content_internal p already match the legacy
   background and base font sitewide, so only the real differences are
   overridden here. */
.table3-explanation .verbose-content {
    margin-left: 5em;
    padding: 10px;
}

.table3-explanation p.explanation {
    text-indent: 1em;
    margin-bottom: 0;
}

.table3-explanation h2.explanation {
    font-style: normal;
    margin-left: 10px;
}

.table3-explanation li {
    list-style-type: none;
    margin-left: 10px;
}

/* popularnames/popularnamesexplanation.html -- same verbose-content/
   explanation shape as table3-explanation above, but its own class
   since the two pages are otherwise unrelated. */
.popularnames-explanation .verbose-content {
    margin-left: 5em;
    padding: 10px;
}

.popularnames-explanation p.explanation {
    text-indent: 1em;
    margin-bottom: 0;
}

.popularnames-explanation h2.explanation {
    font-style: normal;
}

/* table3maintenance.html: more room below the heading than the
   sitewide default h1/p margins give it. */
p.table3-maintenance-notice {
    margin-top: 2em;
}

/* ecct.html / ecct_119-1.html (merged + scoped; identical inline <style> block in both) */

div.doc-container{
 width: 650px;
}

div.ecct-table{
 margin-left:1em;
}

.doc-container table th{
 padding: .25em;
}

.doc-container table td{
 padding: .25em;
 text-indent: 0em;
 vertical-align: top;
}

#explanation{
 margin-top: 1em;
 margin-left: 1em;
 margin-bottom: 1em;
 text-indent: 0em;
 text-align: justify;
}

#explanation p{
 text-indent: 0em;
 margin-bottom: 1em;
}

#boxheads{
 border-width: thin;
}

/* Tables I/II/IV/V/VI (usctable1.html and friends) -- the title-jump
   list ("TITLE 1 General Provisions", etc.) was missing its border box
   entirely; these classes never got merged in from the legacy
   stylesheet (confirmed against a fresh pull, old_site/static.css).
   Link color needed no fix -- #6f0b0b already matches the legacy
   global `a` color exactly (rgb(111, 11, 11)). */
div.usctable1analysisrow {
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
}

div.usctable1analysis {
 margin-top: 40px;
 margin-bottom: 60px;
 border-width: medium;
 border-style: solid;
 padding-bottom: 15px;
 width: 95%;
 left-margin: 10px;
 font-size: 13px;
}

span.usctable1analysisrowcol1data {
 left: 30px;
}

span.usctable1analysisrowcol2data {
 left: 170px;
}

/* uscsupplementrytable/linkedheadings -- the shared wrapper classes
   every one of usctable1/2/4/5/6.html uses, confirmed completely
   missing from this stylesheet (0 matches) before this. Ported
   verbatim from the real current stylesheet, including the apparent
   gray/lightblue caption + tan/gold row color mix -- that's genuinely
   what the real site defines here (a different, less-updated color set
   than Table III's own table.table3act rules), not something to
   "correct" to match Table III. */
#t1formersection {
 margin-left: 10px;
}

div.uscsupplementrytable {
 top: 9.6em;
 left: 9em;
}

div.uscsupplementrytable a {
 color: black;
 text-decoration: none;
}

div.uscsupplementrytable a:hover {
 color: yellow;
}

div.uscsupplementrytable table {
 border-style: solid;
 border-color: black;
 border-top-width: 1px;
 border-bottom-width: 1px;
 border-right: none;
 border-left: none;
 margin-top: 1em;
 margin-bottom: 2em;
 width: 650px;
}

div.uscsupplementrytable table caption {
 background-color: #A8A8A8;
 height: 60px;
 vertical-align: middle;
 border: inset;
 border-color: lightblue;
}

div.uscsupplementrytable table caption span {
 color: lightblue;
 font-size: .9em;
 font-weight: bolder;
}

div.uscsupplementrytable table th {
 background-color: #C9AD6D;
 margin: 0px;
 font-weight: bold;
 border-top: 5px;
 border-bottom: 1px solid;
 border-right: none;
 border-left: none;
}

div.uscsupplementrytable table tr {
 background-color: #E1D2AE;
}

div.uscsupplementrytable table td {
 padding-right: .5em;
 padding-left: 1.25em;
 text-indent: -1em;
 vertical-align: top;
}

div.uscsupplementrytable table td p {
 text-indent: -1em;
 text-align: left;
 color: red;
}

div.linkedheadings {
 top: 1em;
 left: 0;
 width: 40em;
 overflow: hidden;
 margin-left: 0;
 padding: 0;
}

div.linkedheadings h1 {
 margin-bottom: 3px;
}

div.linkedheadings h2 {
 margin-bottom: 3px;
}

div.linkedheadings h2.usc {
 margin-top: 3px;
 margin-bottom: 3px;
}

div.linkedheadings h4 {
 text-align: center;
 margin-top: 10px;
 margin-bottom: 3px;
 font-variant: small-caps;
 text-indent: -2em;
 padding-left: 2em;
 margin-left: 0em;
}