body#home #nav li#homenav a,
body#design #nav li#designnav a,
body#contact #nav li#contactnav a,
body#colophon #nav li#colophonnav a {
   color: #336699;
   background-color: #fff;
}

body#home #nav li#homenav a:hover,
body#design #nav li#designnav a:hover,
body#contact #nav li#contactnav a:hover,
body#colophon #nav li#colophonnav a:hover {
   color: #000;
   background-color: #fff;
}

#nav {
   height: 22px;
   margin: 0;
   padding: 0 1px 0 0;
   color: #666;
   background-color: #f3f3f3;
   font: bold 11px/14px Verdana, sans-serif;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
}

#nav li, #nav ul,
#nav2 li,
#nav2 ul {
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
}

#nav a, #nav a:visited { /*
   a:link breaks in older versions of Opera */
   float: left;
   margin: 0;
   padding: 4px 10px;
   color: #666;
   background-color: #f3f3f3;
   border-right: 1px solid #ccc;
}

#nav li a:hover,
#nav2 li a:hover {
   color: #000;
   background-color: #fff;
   text-decoration: none; /* 
   putting the text-decoration rule in '#nav a' breaks in Opera 6 */
}

#nav #next {
   float: right; /* 
   using absolute positioning instead of float does not work in Opera 6 */
   border-left: 1px solid #ccc;
   border-right: none;
}

/* ------------------------------------------------- */

#nav2 {
   height: 22px;
   margin: 0;
   padding: 0;
   color: #666;
   background-color: #f3f3f3;
   font: bold 11px/14px Verdana, sans-serif;
   border-top: 1px solid #ccc;
}

#nav2 a,
#nav2 a:visited { /*
   a:link breaks in older versions of Opera */
   float: left;
   margin: 0;
   padding: 4px 0;
   width: 99px;
   color: #666;
   background-color: #f3f3f3;
   text-align: center;
}

#nav2 li a:hover span { 
   color: #ff0000;
   background-color: transparent;
}

#nav2 #next {
   border-left: 1px solid #ccc;
   border-right: none;
}