My pages were HTML heavy until I trimed down what is being allowed in the main drop down menu.
I did create sub menus pertaining to the section of the website that you are currently in.
So many HTML files reduced their size by close to 90KB. That was good.

But I am noticing this about the menu HTML. Here are a couple of HTML code entries that I see around lines 190+
in the source code. And then a repeat of them around lines 400+ in the source code with only TWO TINY
differences.

</div>
 </li><li class="imMnMnFirst imPage" data-link-paths=",/close-out-knobs-and-pulls.html">
<div class="label-wrapper">
<div class="label-inner-wrapper">
  <a class="label" href="../close-out-knobs-and-pulls.html">
Close Out Knobs and Pulls  </a>
</div>
</div>
 </li><li class=" imPage" data-link-paths=",/close-out-bathroom-hardware.html">
<div class="label-wrapper">
<div class="label-inner-wrapper">
  <a class="label" href="../close-out-bathroom-hardware.html">
Close Out Bathroom Hardware  </a>
</div>

---------------------------------------------
</div>
 </li><li class="imMnMnMiddle imPage" data-link-paths=",/close-out-knobs-and-pulls.html">
<div class="label-wrapper">
<div class="label-inner-wrapper">
  <a class="label" href="../close-out-knobs-and-pulls.html">
Close Out Knobs and Pulls  </a>
</div>
</div>
 </li><li class="imMnMnLast imPage" data-link-paths=",/close-out-bathroom-hardware.html">
<div class="label-wrapper">
<div class="label-inner-wrapper">
  <a class="label" href="../close-out-bathroom-hardware.html">
Close Out Bathroom Hardware  </a>
</div>

The difference is:

class="imMnMnFirst is in the first grouping, and then the word First changes to Middle, and then I see Last (in the second grouping). This is just one example. It seems to do it for all menu entries.

What is it doing? Is this repeated code? Or does First, 'nothing', Middle, and Last all have different jobs
 to do?