Add parent in CSS List Menu

Hi, I have a side menu that is to render as follows:

HTML is as follows:

<div class="roundShadow secNav hidden-print">
        <ul>
            <li class="sectionTitle"><h2>Employee Resources</h2></li>
            <li><a href="" class="current">Total Rewards</a></li>
                <ul>
                    <li><a href="Content-Compensation.html">Compensation</a></li>
                    <li><a href="">Job Evaluation</a></li>
                    <li><a href="">Rewards & Recognition</a></li>
                    <li><a href="">Employee Benefits</a></li>
                    <li><a href="">Other Benefits</a></li>
                </ul></li>
            <li><a href="">Learning & Development</a></li>
            <li><a href="">Forms</a></li>
            <li><a href="">FAQs</a></li>
        </ul>
      </div>

The first list item, Employee Resources is the parent page. Each page will display with the parent page and will only display the pages for that section. Is there any way to include the parent in a CSS List Menu?