diff --git a/stylesheets/lfs.css b/stylesheets/lfs.css
index 68c23331d..171cf400a 100644
--- a/stylesheets/lfs.css
+++ b/stylesheets/lfs.css
@@ -214,6 +214,32 @@ div.segmentedlist p {
   margin: 0px auto;
 }
 
+div.package span.segtitle {
+  display: block;
+  float: left;
+  width: 23em;
+}
+
+div.package span.seg {
+  display: block;
+  padding-left: 23em;
+}
+
+div.content span.segtitle {
+  display: block;
+  float: left;
+  width: 10em;
+}
+
+div.content span.seg {
+  display: block;
+  padding-left: 10em;
+}
+ 
+div.seg {
+  clear: left;
+}
+
 /* itemizedlist */
 
 div.itemizedlist {
diff --git a/stylesheets/xhtml/lfs-mixed.xsl b/stylesheets/xhtml/lfs-mixed.xsl
index e95acc52c..a70098212 100644
--- a/stylesheets/xhtml/lfs-mixed.xsl
+++ b/stylesheets/xhtml/lfs-mixed.xsl
@@ -62,6 +62,27 @@
     </div>
   </xsl:template>
 
+    <!-- segementedlist -->
+  <xsl:template match="seg">
+    <xsl:variable name="segnum" select="count(preceding-sibling::seg)+1"/>
+    <xsl:variable name="seglist" select="ancestor::segmentedlist"/>
+    <xsl:variable name="segtitles" select="$seglist/segtitle"/>
+      <!-- Note: segtitle is only going to be the right thing in a well formed
+      SegmentedList.  If there are too many Segs or too few SegTitles,
+      you'll get something odd...maybe an error -->
+      <div class="seg">
+      <strong>
+        <span class="segtitle">
+          <xsl:apply-templates select="$segtitles[$segnum=position()]" mode="segtitle-in-seg"/>
+          <xsl:text>: </xsl:text>
+        </span>
+      </strong>
+      <span class="seg">
+        <xsl:apply-templates/>
+      </span>
+    </div>
+  </xsl:template>
+
     <!-- Body attributes -->
   <xsl:template name="body.attributes">
     <xsl:attribute name="id">