<ul id="project-list">
  <li><a href="#">Civil Engineering</a>
    <ul>
      <li><a href="#">Cowley Hall Parking Lot Recontruction</a></li>
      <li><a href="#">Culver’s Home Office</a></li>
      <li><a href="#">First Addition to Highland Addition</a></li>
      <li><a href="#">Fox Point Apartments</a>
        <ul>
          <li><a href="#">East Side</a></li>
          <li><a href="#">West Side</a></li>
        </ul>
      </li>
      <li><a href="#">Metropolitan Place Phase II</a></li>
      <li><a href="#">Oak Park Place of Baraboo</a></li>
      <li><a href="#">Premier Coop</a></li>
      <li><a href="#">Sleep Inn &amp; Suites</a></li>
      <li><a href="#">Tradewinds Business Center</a></li>
      <li><a href="#">UW-Madison Nielsen Tennis Stadium</a></li>
    </ul>
  </li>
  <li><a href="#">Environmental Engineering</a></li>
  <li><a href="#">Telecommunications Engineering</a>
    <ul>
      <li><a href="#">Nsight TeleServices (CellCom) Wisconsin</a></li>
      <li><a href="#">Oakland County/Radian Communications Michigan</a></li>
      <li><a href="#">T-Mobile Site Deployment</a></li>
      <li><a href="#">U.S. Cellular Network Development</a></li>
      <li><a href="#">Western Wireless South Dakota</a></li>
    </ul>
  </li>
</ul>

* {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}
a {
  text-decoration: none;
}
body {
  max-width: 500px;
  margin: 0 auto;
  font-family: system-ui;
}

#project-list {
  background: transparent
    url(https://assets.codepen.io/3/graypixel.png?format=auto) repeat-y scroll
    15px 0;
  width: 340px;
}

#project-list li {
  font-size: 16px;
  margin: 15px 0 20px;
  padding: 0 0 0 10px;
}

#project-list li a {
  background: white none repeat scroll 0 0;
  color: #1f6dd9;
  display: block;
  padding: 3px;
}

#project-list li a:hover {
  color: #84b8ff;
}

#project-list li ul li {
  background: transparent
    url(https://assets.codepen.io/3/graypixel.png?format=auto) repeat-x scroll 0
    8px;
  font-size: 13px;
  margin: 4px 0 4px 5px;
  padding: 0 0 0 20px;
}

#project-list li ul li a {
  padding: 0 0 0 3px;
}

#project-list li ul li ul {
  background: transparent
    url(https://assets.codepen.io/3/graypixel.png?format=auto) repeat-y scroll
    15px 0;
  margin-bottom: 10px;
}

#project-list li ul li ul li {
  margin-left: 16px;
  padding-left: 10px;
}