.sports-nav {
	height: 44px;
	width: 968px;
	background: #222;
	margin-bottom: 10px;
	border-top: 1px solid #484848;
	padding: 0 9px;
	position: relative;
}

.sports-nav.active { height: 80px; }

.sports-nav ul { 
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

.sports-nav li { float: left; }

.sports-nav a {
	display: block;
	text-decoration: none;
}

/* three nav subsections */
.sports-nav > ul { float: left; }

.sports-nav > ul:not(:first-child) { /* visual line and spacing between subsections */
	padding-left: 20px;
}
.sports-nav > ul:not(:first-child):before {
	content: ' ';
	display: block;
	float: left;
	width: 1px;
	padding: 10px 0;
	margin-top: 12px;
	margin-right: 20px;
	background-color: #fff;
}

.sports-nav .olympics-menu { float: right; }

/* top-level menu links */
.sports-nav .ntoplvl > a {
	padding: 13px 2px 8px;
	margin: 0 8px;
	font-family: "Source Sans Pro", sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
}

.sports-nav .ntoplvl.active > a, .sports-nav .ntoplvl > a:hover, .sports-nav .ntoplvl > a:focus {
	color: #fff;
	border-bottom: 5px solid #ec0028;
	text-decoration: none;
}

/* top-level menu links that are hidden */

.usually-hidden:not(.active) { display: none; }

/* active breadcrumb first sub-menu */
.sports-nav .active > ul {
	display: block;
	height: 37px;
	width: 974px;
	padding-left: 12px;
	border-bottom: 1px solid #efefef;
	background-color: #fff;
	overflow: hidden;
	position: absolute;
	top: 44px;
	left: 0;
}

.sports-nav .ntoplvl li { 
	padding: 12px 8px;
}

.sports-nav .ntoplvl li a {
	color: #000;
	font-weight: bold;
}

.sports-nav .ntoplvl li.active > a { color: #ec0028; }

.sports-nav .ntoplvl li a:hover, .sports-nav .ntoplvl li a:focus { 
	color: #ec0028;
	text-decoration: underline; 
}

/* hidden (inactive) breadcrumb sub-menus */
.sports-nav li:not(.active) > ul { display: none; }

/* third-level sub-menus (e.g. soccer) */
.sports-nav ul ul .active ul { top: 0; }

/* red 'road to the olympic games' link on home page */
#redbox {
	padding-top: 9px;
	background-color: #ec0028;
	font-size: 14px;
	float: right;
	font-family: 'Source Sans Pro',arial,sans-serif;
	text-transform: uppercase;
}

#redbox a {
	color: #fff
}