.articleGrid.cs1 .wrap {
	border-bottom-color: #0093d2;
}
.articleGrid.cs1 .headline,
.articleGrid.cs1 .campaingFrame .campaingTypeLabel:after {
	background: #0093d2;
	color: #ffffff;
}
.articleGrid.cs1 .btn,
.articleGrid.cs1 button {
	background: #0093d2;
	border-bottom-color: #006e9e;
	color: #ffffff;
}
.articleGrid.cs1 .btn:hover,
.articleGrid.cs1 button:hover {
	background: #006e9e;
	border-bottom-color: #004a69;
	color: #ffffff;
}
.articleGrid.cs1 .headline svg.wave path {
	fill: #0093d2;
}
.articleGrid.cs1 .vid:hover .playIcon {
	border-left-color: #0093d2;
}
.articleGrid.cs1 .vid:hover .playIcon:after {
	border-color: #0093d2;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs1 > a.active,
	#navMain .nav > li.cs1:hover > a,
	#navMain .nav > li.cs1.hover > a,
	#navMain .nav > li.cs1 > ul > li a:hover,
	#navMain .nav > li.cs1 > ul > li:hover > a,
	#navMain .nav > li.cs1 > ul > li a.active {
		color: #0093d2;
	}
	#navMain .nav > li.cs1 > ul {
		border-bottom-color: #0093d2;
	}
	#navMain .nav > li.cs1 > ul > li > ul > li:before {
		background-color: #0093d2;
	}
}
.articleGrid.cs2 .wrap {
	border-bottom-color: #73cbef;
}
.articleGrid.cs2 .headline,
.articleGrid.cs2 .campaingFrame .campaingTypeLabel:after {
	background: #73cbef;
	color: #333333;
}
.articleGrid.cs2 .btn,
.articleGrid.cs2 button {
	background: #73cbef;
	border-bottom-color: #5698b3;
	color: #333333;
}
.articleGrid.cs2 .btn:hover,
.articleGrid.cs2 button:hover {
	background: #5698b3;
	border-bottom-color: #3a6678;
	color: #333333;
}
.articleGrid.cs2 .headline svg.wave path {
	fill: #73cbef;
}
.articleGrid.cs2 .vid:hover .playIcon {
	border-left-color: #73cbef;
}
.articleGrid.cs2 .vid:hover .playIcon:after {
	border-color: #73cbef;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs2 > a.active,
	#navMain .nav > li.cs2:hover > a,
	#navMain .nav > li.cs2.hover > a,
	#navMain .nav > li.cs2 > ul > li a:hover,
	#navMain .nav > li.cs2 > ul > li:hover > a,
	#navMain .nav > li.cs2 > ul > li a.active {
		color: #47beed;
	}
	#navMain .nav > li.cs2 > ul {
		border-bottom-color: #73cbef;
	}
	#navMain .nav > li.cs2 > ul > li > ul > li:before {
		background-color: #73cbef;
	}
}
.articleGrid.cs3 .wrap {
	border-bottom-color: #b1ca35;
}
.articleGrid.cs3 .headline,
.articleGrid.cs3 .campaingFrame .campaingTypeLabel:after {
	background: #b1ca35;
	color: #333333;
}
.articleGrid.cs3 .btn,
.articleGrid.cs3 button {
	background: #b1ca35;
	border-bottom-color: #859828;
	color: #333333;
}
.articleGrid.cs3 .btn:hover,
.articleGrid.cs3 button:hover {
	background: #859828;
	border-bottom-color: #59651b;
	color: #333333;
}
.articleGrid.cs3 .headline svg.wave path {
	fill: #b1ca35;
}
.articleGrid.cs3 .vid:hover .playIcon {
	border-left-color: #b1ca35;
}
.articleGrid.cs3 .vid:hover .playIcon:after {
	border-color: #b1ca35;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs3 > a.active,
	#navMain .nav > li.cs3:hover > a,
	#navMain .nav > li.cs3.hover > a,
	#navMain .nav > li.cs3 > ul > li a:hover,
	#navMain .nav > li.cs3 > ul > li:hover > a,
	#navMain .nav > li.cs3 > ul > li a.active {
		color: #b1ca35;
	}
	#navMain .nav > li.cs3 > ul {
		border-bottom-color: #b1ca35;
	}
	#navMain .nav > li.cs3 > ul > li > ul > li:before {
		background-color: #b1ca35;
	}
}
.articleGrid.cs4 .wrap {
	border-bottom-color: #f6a800;
}
.articleGrid.cs4 .headline,
.articleGrid.cs4 .campaingFrame .campaingTypeLabel:after {
	background: #f6a800;
	color: #333333;
}
.articleGrid.cs4 .btn,
.articleGrid.cs4 button {
	background: #f6a800;
	border-bottom-color: #b97e00;
	color: #333333;
}
.articleGrid.cs4 .btn:hover,
.articleGrid.cs4 button:hover {
	background: #b97e00;
	border-bottom-color: #7b5400;
	color: #333333;
}
.articleGrid.cs4 .headline svg.wave path {
	fill: #f6a800;
}
.articleGrid.cs4 .vid:hover .playIcon {
	border-left-color: #f6a800;
}
.articleGrid.cs4 .vid:hover .playIcon:after {
	border-color: #f6a800;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs4 > a.active,
	#navMain .nav > li.cs4:hover > a,
	#navMain .nav > li.cs4.hover > a,
	#navMain .nav > li.cs4 > ul > li a:hover,
	#navMain .nav > li.cs4 > ul > li:hover > a,
	#navMain .nav > li.cs4 > ul > li a.active {
		color: #f6a800;
	}
	#navMain .nav > li.cs4 > ul {
		border-bottom-color: #f6a800;
	}
	#navMain .nav > li.cs4 > ul > li > ul > li:before {
		background-color: #f6a800;
	}
}
.articleGrid.cs5 .wrap {
	border-bottom-color: #0093d2;
}
.articleGrid.cs5 .headline,
.articleGrid.cs5 .campaingFrame .campaingTypeLabel:after {
	background: #0093d2;
	color: #ffffff;
}
.articleGrid.cs5 .btn,
.articleGrid.cs5 button {
	background: #0093d2;
	border-bottom-color: #006e9e;
	color: #ffffff;
}
.articleGrid.cs5 .btn:hover,
.articleGrid.cs5 button:hover {
	background: #006e9e;
	border-bottom-color: #004a69;
	color: #ffffff;
}
.articleGrid.cs5 .headline svg.wave path {
	fill: #0093d2;
}
.articleGrid.cs5 .vid:hover .playIcon {
	border-left-color: #0093d2;
}
.articleGrid.cs5 .vid:hover .playIcon:after {
	border-color: #0093d2;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs5 > a.active,
	#navMain .nav > li.cs5:hover > a,
	#navMain .nav > li.cs5.hover > a,
	#navMain .nav > li.cs5 > ul > li a:hover,
	#navMain .nav > li.cs5 > ul > li:hover > a,
	#navMain .nav > li.cs5 > ul > li a.active {
		color: #0093d2;
	}
	#navMain .nav > li.cs5 > ul {
		border-bottom-color: #0093d2;
	}
	#navMain .nav > li.cs5 > ul > li > ul > li:before {
		background-color: #0093d2;
	}
}
.articleGrid.cs6 .wrap {
	border-bottom-color: #d1d1d2;
}
.articleGrid.cs6 .headline,
.articleGrid.cs6 .campaingFrame .campaingTypeLabel:after {
	background: #d1d1d2;
	color: #333333;
}
.articleGrid.cs6 .btn,
.articleGrid.cs6 button {
	background: #d1d1d2;
	border-bottom-color: #9d9d9e;
	color: #333333;
}
.articleGrid.cs6 .btn:hover,
.articleGrid.cs6 button:hover {
	background: #9d9d9e;
	border-bottom-color: #696969;
	color: #333333;
}
.articleGrid.cs6 .headline svg.wave path {
	fill: #d1d1d2;
}
.articleGrid.cs6 .vid:hover .playIcon {
	border-left-color: #d1d1d2;
}
.articleGrid.cs6 .vid:hover .playIcon:after {
	border-color: #d1d1d2;
}

@media only screen and (min-width: 880px) {
	#navMain .nav > li.cs6 > a.active,
	#navMain .nav > li.cs6:hover > a,
	#navMain .nav > li.cs6.hover > a,
	#navMain .nav > li.cs6 > ul > li a:hover,
	#navMain .nav > li.cs6 > ul > li:hover > a,
	#navMain .nav > li.cs6 > ul > li a.active {
		color: #9e9e9e;
	}
	#navMain .nav > li.cs6 > ul {
		border-bottom-color: #d1d1d2;
	}
	#navMain .nav > li.cs6 > ul > li > ul > li:before {
		background-color: #d1d1d2;
	}
}