Updates to the INDI display

14 files changed, 543 insertions, 473 deletions

diff --git a/themes/colors/css/aquamarine.css b/themes/colors/css/aquamarine.css
index 72554deda4..f6e6a418ab 100644
--- a/themes/colors/css/aquamarine.css
+++ b/themes/colors/css/aquamarine.css
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/ash.css b/themes/colors/css/ash.css
index f8f891fdcd..3b1b13e930 100644
--- a/themes/colors/css/ash.css
+++ b/themes/colors/css/ash.css
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/belgianchocolate.css b/themes/colors/css/belgianchocolate.css
index 046991d1c5..3755296a36 100644
--- a/themes/colors/css/belgianchocolate.css
+++ b/themes/colors/css/belgianchocolate.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/bluelagoon.css b/themes/colors/css/bluelagoon.css
index 80a70595ff..ec0c28f587 100644
--- a/themes/colors/css/bluelagoon.css
+++ b/themes/colors/css/bluelagoon.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/bluemarine.css b/themes/colors/css/bluemarine.css
index b4e5b1c5fa..543abb507d 100644
--- a/themes/colors/css/bluemarine.css
+++ b/themes/colors/css/bluemarine.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/coldday.css b/themes/colors/css/coldday.css
index acd3fff60e..1bcaf7e56c 100644
--- a/themes/colors/css/coldday.css
+++ b/themes/colors/css/coldday.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/greenbeam.css b/themes/colors/css/greenbeam.css
index cd4f806d02..184f1a25a8 100644
--- a/themes/colors/css/greenbeam.css
+++ b/themes/colors/css/greenbeam.css
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/mediterranio.css b/themes/colors/css/mediterranio.css
index a6034c8f95..9c5148a88d 100644
--- a/themes/colors/css/mediterranio.css
+++ b/themes/colors/css/mediterranio.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/mercury.css b/themes/colors/css/mercury.css
index da1f2898c6..0ad8323d31 100644
--- a/themes/colors/css/mercury.css
+++ b/themes/colors/css/mercury.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/nocturnal.css b/themes/colors/css/nocturnal.css
index 945bade489..6c796097b6 100644
--- a/themes/colors/css/nocturnal.css
+++ b/themes/colors/css/nocturnal.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/olivia.css b/themes/colors/css/olivia.css
index 8016d74182..be39f3332e 100644
--- a/themes/colors/css/olivia.css
+++ b/themes/colors/css/olivia.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/pinkplastic.css b/themes/colors/css/pinkplastic.css
index c05e979a98..6f5640e109 100644
--- a/themes/colors/css/pinkplastic.css
+++ b/themes/colors/css/pinkplastic.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/shinytomato.css b/themes/colors/css/shinytomato.css
index 320f701696..e25813de07 100644
--- a/themes/colors/css/shinytomato.css
+++ b/themes/colors/css/shinytomato.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {
diff --git a/themes/colors/css/tealtop.css b/themes/colors/css/tealtop.css
index e4db23fd13..3249348451 100644
--- a/themes/colors/css/tealtop.css
+++ b/themes/colors/css/tealtop.css
@@ -3,7 +3,7 @@
 *
 * Based on standard theme, which is Copyright (C) 2002 to 2010  PGV Development Team.        
 *
-* $Id: ash.css 8517 2010-05-29 12:26:54Z rob $
+* $Id: ash.css 8653 2010-06-08 00:48:24Z rob $
 */
 
 .something {
@@ -1615,29 +1615,39 @@ text-align: center;
 }
 
 dl {
-	margin: 0;
+	margin:0;
 }
 
 dt {
 	float:left; 
 	font-weight:bold;
-	margin-right:10px; 
-	clear:both;
+	margin-right:10px;
+	clear:both; 
 }
 
 /* Classes for the INDI page header */
 
-#indi_top {
-white-space:nowrap;
+#indi_header h1 {
+	color: #00066;
+	font-size: 2em;
+	padding: 0 .5em;
+	margin: 0.25em 0 0 0;
 }
 
-#indi_name {
-	vertical-align:	top;
-	width: 35%;
+#indi_header a {
+	color: #333377;
+	font-size: .75em;
+	font-weight: normal;
 }
 
-#indi_name a {
-	color: #333377;
+#indi_header a:hover {
+	color: red;
+}
+
+#indi_mainimage {
+	margin-right:	15px;
+	vertical-align:	top;
+	float: 			left;
 }
 
 #indi_name_details {
@@ -1647,36 +1657,24 @@ white-space:nowrap;
 	width: 85%;
 }
 
-#indi_details dt:after { content: ":"; }
-
-#indi_mainimage, #nameparts, #sex, #mainfacts {
-	margin-right:25px;
-	vertical-align:	top;
+#indi_name_details a {
+	color: #333377;
 }
 
-#facts_content dd {
-	float:left;
-	width: 70%;
-}
+#indi_name_details dt:after { content: ":"; }
 
-#indi_mainimage {
-	margin-right:	15px;
-	vertical-align:	top;
-	float: 			left;
+#indi_note {
+	margin:	0 0 5px 0;
 }
 
-#indi_details {
-	display: block;
-	width: 100%;
-}
-#indi_facts {
-	float:left;
-	padding: 0 15px 0 0;
-	width: 45%;
-}
 #nameparts1 {
 	float: left;
 	margin-right: 20px;
+	max-width:50%;
+}
+
+#nameparts2, #nameparts3, #nameparts4, #nameparts5, #nameparts6  {
+	clear: left;
 }
 
 #name1 {
@@ -1684,15 +1682,22 @@ white-space:nowrap;
 	padding-bottom:	2px;
 }
 
+#indi_facts {
+	float:left;
+	padding: 3px 15px 0 0;
+	width: 45%;
+}
+
 #sex, #mainfacts {
 	vertical-align:	top;
 }
 
 #hitcounter {
 	display: block;
-	width: 100%;
 	margin-bottom:10px;
+	padding-left: 10px;
 }
+/* =================================== */
 
 /* tables for Module Admin tab */
 table.tablesorter {