@media screen and (min-width: 768px) {

	#localnav {
		background-color:#0054a3;
	}

	#localnav .nav-pills {
		margin-left:auto;
		margin-right:auto;
		border-collapse:separate;
		border-spacing:2px 0px;
	}

	#localnav .nav-pills > li {
		padding-left:15px;
		padding-right:15px;
	}

	#localnav .nav-pills > li > a {
		line-height:40px;
		border-width:0px 0px 2px;
		border-style:solid;
		border-color:transparent;
	}

	#localnav .nav-pills > li > a:hover {
		font-weight:bold;
		border-color:inherit;
	}

	#localnav .nav-pills > li.active > a {
		font-weight:bold;
		border-color:inherit;
	}

}
@media screen and (max-width: 767px) {

	#localnav .nav-pills {
		margin-left:auto;
		margin-right:auto;
		padding-top:0px;
		padding-bottom:0px;
	}

	#localnav #localnav-header {
		padding-left:15px;
		padding-right:15px;
	}

	#localnav .nav-pills > li {
		padding-top:0px;
		padding-bottom:0px;
		padding-left:0px;
		padding-right:0px;
		border-width:0px 0px 1px;
		border-style:solid;
		border-color:inherit;
	}

	#localnav span#localnav-title {
		line-height:40px;
	}

	#localnav span#localnav-title-icon {
		float:right;
		padding-left:12px;
		padding-right:12px;
		line-height:40px;
	}

	#localnav .nav-pills > li > a {
		padding-top:0px;
		padding-bottom:0px;
		padding-left:15px;
		padding-right:15px;
		line-height:40px;
	}

	#localnav .nav-pills > li > a:hover {
		font-weight:bold;
	}

	#localnav .nav-pills > li.active > a {
		font-weight:bold;
	}

}