Tried this, but it's just listing the main groups and they're indented underneath each other.

Thanks..

<xsl:key name="data-by-maingroup" match="udt:Data" use="udt:Main_x0020_Groupings" />
<xsl:key name="data-by-subgroup" match="udt:Data" use="udt:Sub_x0020_Groupings" />

<xsl:template match="/udt:UserDefinedTable">
    <ul>
      <xsl:for-each select="udt:Data[count(. | key('data-by-maingroup', udt:Main_x0020_Groupings)[1]) = 1]">
        <li>
          <div style="font-size: 16px;">
            <xsl:value-of select="udt:Main_x0020_Groupings" disable-output-escaping="yes" />
          </div>
          <xsl:variable name="currentData" select="key('data-by-maingroup', udt:Main_x0020_Groupings)" />
          <xsl:if test="$currentData">
            <ul>
              <xsl:for-each select="udt:Data[count(. | key('data-by-subgroup', udt:Sub_x0020_Groupings)[1]) = 1]">
                <li>
                  <div style="font-size: 12px;">
                    <xsl:value-of select="udt:Sub_x0020_Groupings" disable-output-escaping="yes" />
                  </div>
                  <xsl:variable name="subData" select="key('data-by-subgroup', udt:Sub_x0020_Groupings)" />
                  <xsl:if test="$subData">
                    <ul>
                      <xsl:apply-templates select="$subData" mode="list">
                        <xsl:sort select="udt:Changed_x0020_at" order="descending" />
                      </xsl:apply-templates>
                    </ul>
                  </xsl:if>
                </li>
              </xsl:for-each>
            </ul>
          </xsl:if>
        </li>
      </xsl:for-each>
    </ul>
  </xsl:template>