#content{
    clear:          both;
    color:          var(--clrText);
    margin:         20px 0px var(--navBarHeight) 0px;
    min-height:     330px;
    padding-left:   20px;
    padding-right:  20px;
    position:       relative;
    z-index:        1;
}

section{
    clear: both;
    margin-bottom:  30px;
}

section:nth-child(odd)  .popout{
    border-radius:      8px 25px 8px 25px;
    float:              left;
    margin-right:       10px;
}
section:nth-child(even) .popout{
    border-radius:      25px 8px 25px 8px;
    float:              right;
    margin-left:        10px;
}

a{color: var(--clrText);}
a:hover{
    color:      var(--clrAccent1);
    font-style: italic;
}

.popout{
    background-color:   var(--clrBG);
    box-shadow:         2px 3px 5px var(--clrAccent2);
    border:             1px solid var(--clrAccent2);
    margin:             0px 0px 5px 0px;
    padding:            14px 14px 3px 14px;
    width:              50%;
        max-width:      650px;
        min-width:      300px;
    outline:            1px solid var(--clrAccent1);
        outline-offset: -7.5px;
}

[name="quoteBox"]{
    background-image:   var(--quoteMark);
    background-repeat:  no-repeat;
    max-width:          400;
}
.quoteText{
    clear:          both;
    float:          left;
    margin-top:     0px;
    margin-bottom:  0px;
    position:       relative;
    z-index:        1;
} .quoteText::before{ /* Places end-quote mark */
    background-image:   var(--quoteMark);
    clear:              none;
    content:            "";
    height:             58px;
    position:           absolute;
        left:           70%;
        top:            20%;
    transform:          rotate(180deg);
    width:              71px;
}
.quoteName{
    clear:          both;
    font-style:     italic;
    text-align:     right;
}

.popoutContent{
    margin:             auto;
    width:              100%;
}section:nth-child(odd)  .popout    {margin-right:  25px;}
 section:nth-child(odd)  .popout img{border-radius:  0px 13px 0px 0px;}
 section:nth-child(even) .popout img{border-radius: 13px  0px 0px 0px;}

.sectionHeader{
    border-bottom:  1px solid var(--clrAccent2);
    color:          var(--clrAccent1);
    font-size:      1.5em;
}section:nth-child(odd)  .sectionHeader{text-align: right;}
 section:nth-child(even) .sectionHeader{text-align: left;}

.sectionSubHead{
    background:         var(--clrAccent1);
    border:             1px solid darkgray;
        border-radius:  17px;
    color:              var(--clrText2);
    font-size:          1.1em;
    font-weight:        1000;
    line-height:        24px;
    margin:             10px 0px;
    padding:            5px 15px;
}
.sectionText{
    text-indent:    2em;
    text-align:     justify;
}

.infoTable{border-spacing: 0px;}
.infoTable th{
    color:          var(--clrText);
    padding:        10px;
    text-align:     right;
    vertical-align: text-top;
    width:          fit-content;
    max-width:      100px;
}
.infoTable td{
    color:          var(--clrText);
    padding:        10px;
    text-align:     left;
    width:          fit-content;
}

.lineItem {border-top:  1px solid var(--clrAccent1);} /* Separates Rows | Attach to all th & td after the first row */
li        {margin:      0px 0px 15px 0px;}
li::marker{color:       var(--clrAccent1);}