--- reference/library/src/webapp/skin/default/portal.css	(revision 31566)
+++ reference/library/src/webapp/skin/default/portal.css	(working copy)
@@ -263,7 +263,6 @@
 	background: #09c url(images/sitenavback.jpg) top left repeat-x;
 	padding: 0;
 	margin: 0;
-	float: left;
 	border-top: 1px solid #09c;
 	clear:both;
 }
@@ -270,13 +269,21 @@
 
 /*wrapper for the site links and site <select> blocks - children are #siteNav and #tabNav */
 #siteNav{
+	xposition: relative;
 	width:100%;
+	padding-bottom: 0;
 }
 
+#siteNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+#siteNav { display: inline-block; }
+#siteNav { display: block; }
+
 /*wrapper for the site link list   - the #siteLinkList child)*/
 #linkNav{
-	float:left
+	float:left; 
 }
+
+
 /*wrapper for the site <select> that is displayed when more than x sites are in the link list*/
 #selectNav{
 	padding: .4em .4em .2em .2em;
@@ -282,8 +289,40 @@
 	padding: .4em .4em .2em .2em;
 	text-align: right;
 	vertical-align: middle;
-	float:right
+	background-color: #FFFFFF;
 }
+#selectNav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
+#selectNav { display: inline-block; }
+#selectNav { display: block; }
+
+
+/** selectNav is really a bunch of <ul>s for each term **/
+#selectNav .termContainer {
+   float: left;
+   padding: 5px;
+}
+
+#selectNav .termContainer h4 {
+   margin: 0;
+   text-align: left;
+}
+
+#selectNav ul {
+   list-style: none;
+   margin: 0;
+   padding: 0;
+   text-align: left;
+}
+
+#selectNav a {
+	font-family: 'Trebuchet MS',Verdana,sans-serif;
+	color: #6A0101;
+}
+
+#selectNav a:hover {
+	color: #D35353;
+	text-decoration: none;
+}
 
 /*the <select> contextually defined*/
 #selectNav select{