.StepIcon {
			height: 30px;
			width: 30px;
			display: inline-block;
			background-color: #5E7E25;
			color: white;
			border-radius: 50%;
			text-align: center;
			padding: 0px;
			vertical-align: middle;
			line-height: 30px;
			font-size: 19px;
			font-weight: bold;
		}
		.DropMenuContainer:before {
			display: block;
			content: '';
			position: absolute;
			top: 0;
			width: 22%;
			height: 100%;
			background: #78a22f;
			-webkit-transform: skewX(15deg);
			/* transform: skewX(9deg); */
			opacity: 0;
			left: -100%;
			-webkit-transition: .5s cubic-bezier(0.11, 0.95, 0.51, 1.01);
			transition: .5s cubic-bezier(0.11, 0.95, 0.51, 1.01);
		}
		#GetStartedStepsContainer a span, #CampusLifeListContainer a span {
			border-bottom: 1px solid #fff;
			color: white!important;
			background-color: transparent;
		}
		.NavTitle {
			color: white!important;
			margin-top: 20px;
			margin-bottom: 0px;
		 	background-color: transparent;
			font-size: 17px;
		}		
		.CalListDesc a {
			font-size: 11px;
			line-height: 14px;
			background-color: transparent;
		}
		.DropMenuContainer {
			background-color: #333e48;
			/* background-color: rgba(67, 119, 143, 0.95); */
			padding: 0px 5% 2% 8%;
			position: absolute;
			top: 40px;
			width: 100%;
			color: white;
			border-bottom: 1px solid #f4f4f4;
			left: 0;
			margin-top: -99990px;
			text-align: left;
		}
		#CollegeLogo img {
			height: 45px;
			left: 0;
			position: absolute;
			margin-left: 3%;
			top: 5px;
		}
		#HeaderNavigationList {
			text-align: center;
			background: #0e1e32;
			top: 60px;
			position: absolute;
			width: 100%;
			height: 40px;
			/* border-top: 1px solid #df7b1d; */
		}
		#ClarkMainHeader {
			position: fixed;
			top: 0;
			transition: top 0.4s ease-in-out;
			width: 100%;
			z-index: 200;
			background-color: rgba(23,48,76,.9);
			
		}
		.DropMenuTrigger {
			color: white!important;
			display: block;
			padding: 5px 10px 5px 5px;
			margin-top: 10px;
			background-color: transparent;
			border: 0px;
			font-size: 18px;
			font-weight: normal;
			padding: 0px;
			text-transform: uppercase;
			/* border-top: 1px solid; */
		}
		#IconNavigationContainer a {
			background-color: transparent;
			color: white;
			padding: 8px 0px 8px 0px!important;
			border-radius: 3px;
			width: 45px;
			display: block;
			text-align: center;
			line-height: 20px;
			margin-left: 1px;
			font-size: 20px;
			vertical-align: middle;
		}
		.SloganContainer h1 {
			color: white;
			background-color: #0e1e32!important;
			text-align: center;
			font-family: 'Arvo', serif;
			font-size: 28px;
			letter-spacing: 2px;
			margin: 0px;
			padding: 4px 0px 4px 0px;
		}
		.AcademicsIconContainer {
			height: 100px;
			width: 100px;
			color: white!important;
			background-color: transparent;
		}
		
		@media only screen and (max-width: 767px) 
		{
			#HeaderNavigationList {
				width: 100%;
				clear: both;
				margin-left: 0px;
				margin-top: 35px;
				width: 100%;
				z-index: 300;
				height: 99vh!important;
				/* background-color: rgba(85, 85, 85, 0.95)!important; */
			}
			.DropMenuTrigger, .DropMenuTrigger:focus {
				color: white!important;
				display: block;
				padding: 15px 20px 15px 15px;
				margin-top: 0px;
				width: 100%;
				font-size: 16px;
				text-align: left;
				background-color: rgba(73, 125, 158, 0.95);
				border: 1px solid #555;
			}
			.CloseMenu {
				position: absolute;
				color: white!important;
				width: 100%;
				font-size: 15px;
				left: 0;
				top: 0;
				height: 45px;
				line-height: 45px;
				background-color: #666;
				border: 1px solid #888;
				text-align: center;
			}
			.DropMenuContainer {
				padding: 40px 0px 0px 0px;
				background-color: #333e48;
				height: 100vh;
			}
			#CollegeLogo img {
				height: 35px!important;
			}
			.ShowDrop {
				margin-top: -40px!important;
			}
		}