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
}