/*
    footnotes.css
    
    Place "footnotes" section at the bottom of a Navigatior or Basic page;
    
    Alternately, a footnotes section can appear within a section, after a section's content;
    
    Ex:
    
    Reference in content:
    
    <ul>
        <li id="footnote-1-return">People engaged in a professional<sup><a href="#footnote-1">1</a></sup> or teaching capacity in or for a nonprofit institution designated under the IRS tax code as a religious, charitable, or educational organization. Teachers must only be performing teaching duties to be exempt from coverage.</li>
    </ul>
    
    
    Footnotes:
    
    <div class="footnotes">
        <h2>Footnotes</h2>
        <div class="footnote" id="footnote-1">
            <p><sup>1</sup> <strong>Professional Capacity</strong></p>
            <p>A person engaged in a &quot;professional capacity&quot; exercises discretion and judgment rather than outside supervision in work that is predominantly intellectual and varied in character.</p>
            <p>A person is engaged in a &quot;professional capacity&quot; when:</p>
            <ul>
                <li>Their primary work requires knowledge of an advanced field of science or learning, usually earned through specialized intellectual; or</li> 
                <li>They do original and creative work in a recognized artistic field that depends primarily on their invention, imagination or talent</li>
            </ul>
            <p><a href="#footnote-1-return">Back</a></p>
        </div>
        <div class="footnote" id="footnote-2">
            ...
        </div>
        ...
    </div>
    
    
    Alternately, you can put the "return" link on the super-script number, rather than "Back" text:
    
    <div class="footnotes">
        <div class="footnote" id="footnote-1">
            <p><sup><a href="#footnote-1-return">1</a></sup> There is a fee for this process; please refer to 12 NYCRR &sect; 325-5.6 for the delineation of the relevant fees.</p>
        </div>
    </div>

*/

.basic-page #content .footnotes,
.navigator-page #content .np-content .footnotes {
    font-size: 14px;
    color: #000000;
    margin-top: 42px;
}

.basic-page #content .footnotes #footnote-1 p,
.navigator-page #content .np-content .footnotes #footnote-1 p {
    margin-top: .4em;
    margin-bottom: .4em;
}

.basic-page #content .footnotes #footnote-1 ul li,
.navigator-page #content .np-content .footnotes #footnote-1 ul li {
    margin-top: .2em;
    margin-bottom: .2em;
}

.basic-page #content .footnotes h2,
.navigator-page #content .np-content .footnotes h2 {
    color: #000000;
    font-size: 1.25em;
    margin-top: 1em;
}