/* MUST OVER RIDE THE NEXT TWO */
#block-cms-mb-1 {
	position: relative; bottom: 0; right: 0; width: 100%;
	height: 64px;
}
#block-cms-mb-2 {
	position: absolute; top: 0; right: 0;
}
/* non size specific declarations */
ul.cms-mb, ul.cms-mb li {
	list-style: none; list-style-image: none; margin: 0; padding: 0; -webkit-padding-start: 0; -webkit-margin-before: 0;-webkit-margin-after:0; -webkit-margin-start:0; -webkit-margin-end:0;
}
/* next two rules fix the 4px spacing issue */
ul.cms-mb {
	letter-spacing: -4px;
}
ul.cms-mb li {
	letter-spacing: 0;
}

/* horizontal */
ul.cms-mb.horizontal li {
	display: inline-block; text-indent: 0; padding: 0; margin: 0;
}
ul.cms-mb.horizontal li a {
	padding: 0.3em 1em; display: block;
}
ul.cms-mb.horizontal li.active-trail a.active,
ul.cms-mb.horizontal li a:hover {
	background: rgba(0,0,0,0.4); color: #fff;
}

/* ddso */
ul.cms-mb.ddso li ul {
	display: none;
}

/* vertical */

@media only screen and (min-width: 980px) {
	/* desktop */
	ul.cms-mb.ddso li {
		display: inline-block;
	}
	ul.cms-mb.ddso li a {
		padding: 10px 1em; /* may need adjustment */
		height: 10px; /* may need adjustment */
		background: rgba(0,0,0,0.6); /* may need adjustment */
		border: 1px solid rgba(255,255,255,0.8); /* may need adjustment */
	}
	ul.cms-mb.ddso li li a {
		display: block; white-space: nowrap;
		height: 1em; /* may need adjustment */
		padding: 0.5em 1em 0.9em; /* may need adjustment */
	}
	ul.cms-mb.ddso li:hover {
		position: relative;
	}
	ul.cms-mb.ddso li:hover ul {
		display: block; text-indent: 0; margin: 0; padding: 0; position: absolute; left: 0;
		top: 28px; /* may need adjustment */
		border: 1px solid rgba(255,255,255,0.8); /* may need adjustment */
		border-top: none;
	}
	ul.cms-mb.ddso li:hover ul ul {
		display: none;
	}
	ul.cms-mb.ddso li li:hover ul {
		display: block; text-indent: 0; margin: 0; padding: 0; position: absolute; top: 0; left: 100%;
	}
	ul.cms-mb.ddso li ul li {
		margin: 0; padding: 0; display: list-item; list-style: none; list-style-image: none;
	}
}

@media only screen and (max-width: 979px) {
	/* tablets large phones */
	#small-nav-menu {
		display: block;
	}
	#expand {
		position: absolute; display: block; width: 50px; height: 50px; background: transparent url(nav-sprite.png) no-repeat 0 0;
		top: 0; /* may need adjustment */
		right: 0; /* may need adjustment */
	}
	#small-nav-menu ul.cms-mb {
		display: none;
	}
	#small-nav-menu ul.expanded {
		display: block; margin: 0; padding: 0;
	}
	#small-nav-menu ul.cms-mb.ddso.expanded li.active-trail.menuparent ul {
		display: block; margin: 0; padding: 0;
	}
	.touch-menu ul.cms-mb.expanded {
		min-height: 1em; z-index: inherit; display: normal;
	}
	ul.cms-mb.ddso li a {
		display: block; padding: 0.3em 1em;
	}
	ul.cms-mb.ddso li li a {
		padding: 0.3em 0 0.3em 2em;
	}
}