Move Makemenu from footer to header

14 files changed, 557 insertions, 39 deletions

diff --git a/themes/colors/css/aquamarine.css b/themes/colors/css/aquamarine.css
index 8c595caa91..0a2aa4e771 100644
--- a/themes/colors/css/aquamarine.css
+++ b/themes/colors/css/aquamarine.css
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/ash.css b/themes/colors/css/ash.css
index 3bf58a1002..42e2e74c1c 100644
--- a/themes/colors/css/ash.css
+++ b/themes/colors/css/ash.css
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/belgianchocolate.css b/themes/colors/css/belgianchocolate.css
index 420e302e16..6b9662f4fe 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/bluelagoon.css b/themes/colors/css/bluelagoon.css
index fd0732ea3d..809608d90b 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/bluemarine.css b/themes/colors/css/bluemarine.css
index 47725ac78c..7573c475c4 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/coldday.css b/themes/colors/css/coldday.css
index acb5d9feb9..2716b48f4d 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/greenbeam.css b/themes/colors/css/greenbeam.css
index 13fd644eff..7ddd11037b 100644
--- a/themes/colors/css/greenbeam.css
+++ b/themes/colors/css/greenbeam.css
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/mediterranio.css b/themes/colors/css/mediterranio.css
index 045b2bb42e..0a2d9137ef 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/mercury.css b/themes/colors/css/mercury.css
index f4071552c9..95fa6c1cb7 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #707070;}
+a.icon_large_gedcom:link {color: #707070;}
+a.icon_language:link {color: #707070;}
+a.icon_color {color: #707070;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/nocturnal.css b/themes/colors/css/nocturnal.css
index 91b23c91c5..14611ac44a 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/olivia.css b/themes/colors/css/olivia.css
index 370c38c8f8..f93c3fb2ec 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/pinkplastic.css b/themes/colors/css/pinkplastic.css
index ccdbbb4e53..6ddb15f3de 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/shinytomato.css b/themes/colors/css/shinytomato.css
index e68ef2a2de..d69eb85cfa 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}
diff --git a/themes/colors/css/tealtop.css b/themes/colors/css/tealtop.css
index da2d9cfac3..e544809772 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 8898 2010-06-19 23:37:25Z rob $
+* $Id: ash.css 8910 2010-06-20 12:04:23Z rob $
 */
 
 .something {
@@ -89,6 +89,11 @@ a:hover {
 color: red;
 text-decoration: none;
 }
+a.icon_small_theme:link {color: #ffffff;}
+a.icon_large_gedcom:link {color: #ffffff;}
+a.icon_language:link {color: #ffffff;}
+a.icon_color {color: #ffffff;}
+
 
 /*	Define Alert Color					*/
 
@@ -122,7 +127,7 @@ padding-left: 10px;
 }
 
 .toplinks_right {
-padding-right: 15px;
+padding-right: 13px;
 } 
 
 .icon, .adminicon {
@@ -1635,7 +1640,7 @@ clear:both;
 /* Classes for the INDI page header */
 
 #indi_header h1 {
-	color: #00066;
+	color: #000066;
 	font-size: 2em;
 	padding: 0 .5em;
 	margin: 0.25em 0 0 0;
@@ -1833,3 +1838,35 @@ font-weight: bold;
 font-size: 90%;
 padding: 0 10px;
 }
+
+/* Use CSS menus based on nested <ul> */
+.makeMenu li {
+	display:inline;
+	position:relative;
+	white-space:nowrap;
+}
+
+.makeMenu li ul {
+	display:none;
+	position:absolute;
+	left:0px;
+	background-color:#EEE;
+	border:thin solid #AAA;
+	z-index:999;
+}
+
+.makeMenu li ul li {
+	display:block;
+	text-align:left;
+}
+
+.makeMenu, .makeMenu li ul {
+    color: #fff;
+	list-style:none;
+	margin:0;
+	padding:1px;
+}
+
+.makeMenu li:hover > ul {
+	display:block;
+}