diff --git a/src/plugins/webstuff/css/Web_Basic-Ash.css b/src/plugins/webstuff/css/Web_Basic-Ash.css
index 7b997ec28..ce4c5871f 100644
--- a/src/plugins/webstuff/css/Web_Basic-Ash.css
+++ b/src/plugins/webstuff/css/Web_Basic-Ash.css
@@ -485,6 +485,38 @@ table.individuallist tbody tr td.ColumnName a:hover {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places table.infolist tbody tr td.ColumnName {
diff --git a/src/plugins/webstuff/css/Web_Basic-Blue.css b/src/plugins/webstuff/css/Web_Basic-Blue.css
index 8a7b02471..9c1984a68 100644
--- a/src/plugins/webstuff/css/Web_Basic-Blue.css
+++ b/src/plugins/webstuff/css/Web_Basic-Blue.css
@@ -380,6 +380,62 @@ table.infolist tbody tr td.ColumnParents span.mother:before {
     content: "+ ";
 }
 
+/* Individuals
+================================================= */
+div#Individuals {
+    margin: 0;
+    padding: 0;
+}
+div#Individuals table.individuallist {
+    border-bottom: solid 1px #000;
+}
+div#Individuals table.individuallist tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover,
+div#Individuals table.individuallist tbody tr td.ColumnSurname a:active {
+    cursor: default;
+    color: #000;
+    background: none;
+}
+div#Individuals table.individuallist tbody tr td.ColumnName a {
+    vertical-align: middle;
+}
+div#Individuals div table.infolist tr td p {
+    font:normal .9em/1.2em sans-serif;
+    vertical-align: top;
+}
+div#Individuals div table.infolist tr td p a {
+    display: inline;
+}
+div#IndividualDetail {
+    padding: 0;
+    margin: 0;
+}
+#IndividualDetail div table.infolist tr td {
+    font: normal .9em/1.2em sans-serif;
+    vertical-align: top;
+}
+div#IndividualDetail div table.infolist tr td a {
+    display: inline;
+}
+div#IndividualDetail table.infolist tr td a:hover {
+    text-decoration: none;
+}
+div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
+    width: 10%;
+}
+div#IndividualDetail div.subsection table tr td:first-child {
+    padding-left: 20px;
+}
+#familymap a.familymap {
+    margin-left:20px;
+    text-decoration:none;
+}
+#familymap a.familymap:hover {
+    text-decoration:underline;
+}
+
 /* Surnames
 ----------------------------------------------------- */
 #Surnames {
@@ -460,60 +516,36 @@ table.surname tbody tr td.ColumnParents {
     width: 25%;
 }
 
-/* Individuals
+/*    Relationships
 ================================================= */
-div#Individuals {
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
     margin: 0;
     padding: 0;
 }
-div#Individuals table.individuallist {
-    border-bottom: solid 1px #000;
-}
-div#Individuals table.individuallist tbody tr td {
-    border-bottom: dashed 1px #000;
-}
-div#Individuals table.individuallist tbody tr td.ColumnSurname a:hover,
-div#Individuals table.individuallist tbody tr td.ColumnSurname a:active {
-    cursor: default;
-    color: #000;
-    background: none;
-}
-div#Individuals table.individuallist tbody tr td.ColumnName a {
-    vertical-align: middle;
-}
-div#Individuals div table.infolist tr td p {
-    font:normal .9em/1.2em sans-serif;
-    vertical-align: top;
-}
-div#Individuals div table.infolist tr td p a {
-    display: inline;
-}
-div#IndividualDetail {
-    padding: 0;
-    margin: 0;
-}
-#IndividualDetail div table.infolist tr td {
-    font: normal .9em/1.2em sans-serif;
-    vertical-align: top;
-}
-div#IndividualDetail div table.infolist tr td a {
-    display: inline;
-}
-div#IndividualDetail table.infolist tr td a:hover {
-    text-decoration: none;
-}
-div#IndividualDetail table.infolist tbody tr td.ColumnAttribute {
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
     width: 10%;
 }
-div#IndividualDetail div.subsection table tr td:first-child {
-    padding-left: 20px;
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
 }
-#familymap a.familymap {
-    margin-left:20px;
-    text-decoration:none;
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
 }
-#familymap a.familymap:hover {
-    text-decoration:underline;
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
 }
 
 /* Places
diff --git a/src/plugins/webstuff/css/Web_Basic-Cypress.css b/src/plugins/webstuff/css/Web_Basic-Cypress.css
index 722819f33..5672ebf8b 100644
--- a/src/plugins/webstuff/css/Web_Basic-Cypress.css
+++ b/src/plugins/webstuff/css/Web_Basic-Cypress.css
@@ -482,6 +482,38 @@ table.individuallist tbody tr td.ColumnName a:hover {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places table.infolist tbody tr td.ColumnName {
diff --git a/src/plugins/webstuff/css/Web_Basic-Lilac.css b/src/plugins/webstuff/css/Web_Basic-Lilac.css
index b3cdad003..5caf558b4 100644
--- a/src/plugins/webstuff/css/Web_Basic-Lilac.css
+++ b/src/plugins/webstuff/css/Web_Basic-Lilac.css
@@ -483,6 +483,38 @@ table.individuallist tbody tr td.ColumnName a:hover {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places table.infolist tbody tr td.ColumnName {
diff --git a/src/plugins/webstuff/css/Web_Basic-Peach.css b/src/plugins/webstuff/css/Web_Basic-Peach.css
index cf84bbe03..b012cb317 100644
--- a/src/plugins/webstuff/css/Web_Basic-Peach.css
+++ b/src/plugins/webstuff/css/Web_Basic-Peach.css
@@ -484,6 +484,38 @@ table.individuallist tbody tr td.ColumnName a:hover {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places table.infolist tbody tr td.ColumnName {
diff --git a/src/plugins/webstuff/css/Web_Basic-Spruce.css b/src/plugins/webstuff/css/Web_Basic-Spruce.css
index e755e504b..94969f1c9 100644
--- a/src/plugins/webstuff/css/Web_Basic-Spruce.css
+++ b/src/plugins/webstuff/css/Web_Basic-Spruce.css
@@ -484,6 +484,38 @@ table.individuallist tbody tr td.ColumnName a:hover {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places table.infolist tbody tr td.ColumnName {
diff --git a/src/plugins/webstuff/css/Web_Mainz.css b/src/plugins/webstuff/css/Web_Mainz.css
index 8d8089677..8682cb3d2 100644
--- a/src/plugins/webstuff/css/Web_Mainz.css
+++ b/src/plugins/webstuff/css/Web_Mainz.css
@@ -496,6 +496,38 @@ table.individuallist tbody tr td.ColumnName a {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places table.infolist {
diff --git a/src/plugins/webstuff/css/Web_Nebraska.css b/src/plugins/webstuff/css/Web_Nebraska.css
index 1922fbf8d..4b54298b2 100644
--- a/src/plugins/webstuff/css/Web_Nebraska.css
+++ b/src/plugins/webstuff/css/Web_Nebraska.css
@@ -478,6 +478,38 @@ table.individuallist tbody tr td.ColumnName a:hover {
     padding-bottom:.5em;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */
 #Places {  }
diff --git a/src/plugins/webstuff/css/Web_Print-Default.css b/src/plugins/webstuff/css/Web_Print-Default.css
index f1fb60e5f..5a2a953c6 100644
--- a/src/plugins/webstuff/css/Web_Print-Default.css
+++ b/src/plugins/webstuff/css/Web_Print-Default.css
@@ -295,6 +295,38 @@ table.surname thead tr th.ColumnParents, table.surname tbody tr td.ColumnParents
 /* Individuals
 ----------------------------------------------------- */
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Gallery
 ----------------------------------------------------- */
 #GalleryDetail h2 {
diff --git a/src/plugins/webstuff/css/Web_Visually.css b/src/plugins/webstuff/css/Web_Visually.css
index 9e730d700..be466c056 100644
--- a/src/plugins/webstuff/css/Web_Visually.css
+++ b/src/plugins/webstuff/css/Web_Visually.css
@@ -518,6 +518,38 @@ div#IndividualDetail div.subsection table tr td:first-child {
     text-decoration:underline;
 }
 
+/*    Relationships
+================================================= */
+div#Relationships {
+    font: normal 1em sans-serif;
+    margin: 0 auto;
+    padding: 0;
+}
+table.relationships {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+}
+table.relationships thead tr th.ColumnMarriage,
+table.relationships thead tr th.ColumnDivorce {
+    width: 10%;
+}
+table.relationships thead tr th.ColumnHyper {
+    width: 15%;
+}
+table.relationships thead tr th.ColumnMedia {
+    width: 15%;
+}
+table.relationships tbody tr#FirstLetter {
+    border-bottom: solid 1px #000;
+}
+table.relationships tbody tr td {
+    border-bottom: dashed 1px #000;
+}
+table.relationships tbody tr td.ColumnRowLabel a {
+    background: none;
+}
+
 /* Places
 ----------------------------------------------------- */