Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
#bottom-nav { margin-top:15px position: relative; top: 0px; width: 100%; font-size: 75%; padding-bottom: 2em; margin: 2em 3.3em 0; text-shadow: 0 2px 4px #fff, 0 2px 4px #fff, 0 1px 4px #fff; float:left; /*makes the entire box enclose the list */ background-color: rgba(255,255,255,0.5); /* colors the background behind the box*/ a:link {color: #000;} background:#930B00; /* BACKGROUND COLORS FOR ENTIRE BOX 930B00 = DARK RED */ margin:7px -2px -2px -2px; padding:0; } #bottom-nav h3 { list-style:none; position:relative; float:left; margin:0; padding:0 } #bottom-nav h3 a { display:block; color:#333; text-decoration:none; font-weight:700; font-size:12px; line-height:32px; padding:0 15px; font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif } #bottom-nav h3 li { position:relative; float:left; margin:0; padding:0 } #bottom-nav ul li.current-menu-item { background:#ddd } #bottom-nav ul li:hover { background:#f6f6f6 } #bottom-nav ul ul { display:none; position:absolute; top:100%; left:0; background:#fff; padding:0 } #bottom-nav ul ul li { float:none; width:200px } #bottom-nav ul ul a { line-height:120%; padding:10px 15px } #bottom-nav ul ul ul { top:0; left:100% } #bottom-nav ul li:hover > ul { display:block }