#TopPageH1
			{
				margin: 0px;
				padding: 0px;
			}
			#SkipToContent
			{
				height: 0px;
				z-index: -9999;
				color: white;
				width: 0px;
				position: absolute;
			}
			#SkipToContent:active, #SkipToContent:focus
			{
				height: 95px;
				width: 200px!important;
				padding: 20px;
				background-color: #444;
				z-index: 9999;
				color: white;
				width: 0px;
				position: absolute;
				display: block;
				left: 0;
				top: 0;
			}		
			#ClarkMainHeader
			{
				position: fixed; 
				top: 0;
				transition: top 0.4s ease-in-out;
				width: 100%;
				z-index: 200;
				background-color: rgba(58,81,92,.9); 
				/*
				
				background-color: rgba(51,62,72,.9); 
				 background-color: rgba(51,62,72,0.7); */
				
				
				/* background-color:rgba(67, 63, 64,0.7); First Grey*/
				
				/* background-color:rgba(51,62,72,0.7); Slate */
				/* background-color:rgba(18,73,127,0.7) Blue */;
			}
			#MobileMenuSandwich a
			{
				position: absolute;
				top: 20px;
				color: white;
				right: 20px;
				font-size:50px;
				padding: 3px;
			}
			#MobileMenuSandwich a span
			{
				font-size: 17px;
				padding: 3px;
				vertical-align: middle;
			}
			#CollegeLogo img
			{
				height: 55px; left: 0; position: absolute; margin-left: 3%;
				top: 10px;
			}
			#HeaderNavigationList
			{
				float: left;
				margin-left: 30%;
			}
			#HeaderNavigationList > li
			{
				float: left;
				list-style: none;

			}
			#HeaderNavigationList h2
			{
				margin: 0px;
			}
			.DropMenuTrigger
			{

				color: white!important;				
				display: block;
				padding: 5px 10px 5px 5px;
				margin-top: 58px;
				background-color: transparent;
				border: 0px;
				font-size: 15px;
				font-weight: normal;
				padding: 0px;
			}
			.DropSelected
			{
				/*color: #df7b1d!important;*/
				font-weight: bold;
				font-size: 16px;
				text-decoration: underline;
				color: #f4f4f4!important;
				line-height: 18px;
			}

			#ClarkStudentsTab
			{
				top: 0;
				margin-left: 47%;
			}
			#ClarkStudentsTab  a
			{
				padding: 10px;
				background-color: #433f40;
				border-bottom-left-radius: 5px;
				border-bottom-right-radius: 5px;
			}
			#IconNavigationContainer
			{
				right: 0;
				margin-right: 3%;
				margin-left: 0px;
				padding: 0px;
				position: absolute;
				margin-top: 10px;
			}
			#IconNavigationContainer a
			{
				background-color: #df7b1d;
				color: white;
				padding: 6px 6px 6px 6px;
				border-radius: 3px;
			}
			#IconNavigationContainer a:hover
			{
				background-color: #497d9e;
				color: white;
				padding: 4px 6px 4px 6px;
				border-radius: 3px;
			}
			
			#IconNavigationContainer > li
			{
				float: left;
				list-style: none;
				padding: 0px;
				margin: 0px;
				padding: 1px;
			}
			#IconNavigationContainer >  li a
			{
				
			}
			.nav-up {
				top: -99px!important;
			}
			#HeaderTopPlaceHolder
			{
				height: 100px; 
				background-color: #fff;
			}
			.DropMenuContainer h2
			{
				color: white!important;
				padding: 0px;
				margin: 20px 0px 0px 0px;
			}
			#GetStartedStepsContainer, #CampusLifeListContainer
			{
				list-style: none; 
				padding-left: 0px;
				padding: 0px;
				margin-top: 10px;
				margin-left: 0px;							
			}
			#GetStartedStepsContainer li, #CampusLifeListContainer li
			{
				padding: 0px 0px 5px 0px;
				font-size: 20px;
				margin: 0px;
				padding: 2px;
				margin 0px;
				color: white;
				margin-top: 4px;
			}
			#GetStartedStepsContainer a, #CampusLifeListContainer a
			{
				color: white!important;
				
			}
			#GetStartedStepsContainer a span, #CampusLifeListContainer a span
			{
				border-bottom: 1px solid #fff;
				color: white!important;
				background-color: #4B7D94;
			}
			.AthleticsIconContainer
			{
				color: white!important;

			}
			.StepIcon
			{
				height: 30px;
				width: 30px;
				display: inline-block;
				background-color: #df7b1d;
				color: white;
				border-radius: 50%;
				text-align: center;
				padding: 0px;
				vertical-align: middle;
				line-height: 30px;
				font-size: 19px;
				font-weight: bold;
			}
			.AcademicsIconContainer
			{
				height: 100px;
				width: 100px;
				color: white!important;
				background-color: #4A7C9B;
			}
			.ListIcon
			{
				height: 10px;
				width: 10px;
				display: inline-block;
				background-color: #df7b1d;
				color: white;
				border-radius: 50%;
				text-align: center;
				padding: 2px;
				vertical-align: middle;
				line-height: 15px;
				font-size: 12px;
				font-weight: bold;
			}
			.AcademicsIconContainer i
			{
				font-size: 25px;
				color: #004780!important;
				height: 54px;
				width: 54px;
				border-radius: 50%;
				border: 3px solid #004780;
				text-align: center;
				vertical-align: middle;
				background-color: white;
				line-height: 45px;
			}
			.AcademicsIconContainer img
			{
				font-size: 30px;
				color: #004780!important;
				height: 55px;
				width: 55px;
				border-radius: 50%;
				border: 3px solid #004780;
				text-align: center;
				vertical-align: middle;
				background-color: white;
				padding: 5px;

			}
			.AcademicsIconContainer:hover :before
			{
				color: #df7b1d!important;
			}
			.HeaderIconContainer 
			{
				margin-left: 0px;
			}
			.HeaderIconContainer li
			{
				padding: 0px 10px 0px 10px;
				list-style: none;
				float: left;
				text-align: center;
				width: 120px;
				height: 110px;
				margin-left: 0px;
			}
			.HeaderIconContainer li a
			{
				font-size: 15px;
				display: block;
			}
			.MonthListContainer
			{
				color: white;
				font-size: 12px;
				background-color: #4D626C;
				border-bottom: 1px solid #666;
			}
		
			.MonthDayListContainer
			{
				color: #4B7D94;
				font-weight: bold;
				font-size: 24px;
				/* color: #004780; */
				/* color: #df7b1d; */
				background-color: white;
				line-height: 30px;
				padding-top: 0px;
				text-align: center;
				
			}
			#GetStartedStepsContainer a:hover
			{
				text-decoration: none!important;
				color: #eee!important;
				font-weight: bold;
			}
			
			.MonthCalListContainer
			{
				/* color: #df7b1d; */

				font-weight: bold;
				padding-top: 1px;
				text-align: center;
				display: inline-block; 
				position: relative; 
				vertical-align: top;
				width: 40px;
				color: #004780!important;
				border: 1px solid #666;
				border-radius: 3px;
				margin-right: 10px;
			}
			.CalListDesc
			{
				width: 240px;
				position: relative;
				display: inline-block;
			}
			.CalListDesc a
			{
				font-size: 11px;
				line-height: 14px;
				background-color: #4B7D94;
			}
			#IamDropMenu ul
			{
				margin: auto;
			}
			#IamDropMenu ul li
			{
				width: 23%;
				height: 80px;
				border: 1px solid #ccc;
				float: left;
				list-style: none;
				margin: 4px;
				vertical-align: middle;
				background-color: rgba(67, 63, 64, 0.3);
				border-radius: 3px;
			}
			#IamDropMenu ul li a
			{
				display: block;
				color: white!important;
				width: 100%;
				height: 100%;
				padding: 5%;
				background-color: #4D626C;
			}
			#IamDropMenu ul li a:hover
			{
				background-color: rgba(67, 63, 64, 0.5);
			}
			#NavigationTopDropsContainer
			{
				background-color: rgba(73, 125, 158, 0.95);
				padding: 30px;
				position: absolute;
				top: 100px;
				width: 100%;
				color: white;
				border-bottom: 1px solid #f4f4f4;
				margin-top: -910px;
			}
			.DropMenuContainer
			{
				background-color: #4A7C9B;
				/* background-color: rgba(67, 119, 143, 0.95); */
				padding: 0px 5% 2% 8%;
				position: absolute;
				top: 100px;
				width: 100%;
				color: white;
				border-bottom: 1px solid #f4f4f4;
				left: 0;
				margin-top: -99990px;
			}
			.DropMenuContainer:before
			{

				display: block;
				content: '';
				position: absolute;
				top: 0;
				width: 22%;
				height: 100%;
				background: #df7b1d;
				-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);
			}
			.animate:before
			{
				left: -17%;
				opacity: 1;
			}

			.DropMenu
			{

			}
			.ShowDrop
			{
				margin-top: 0px!important;
			}
			.ShoMenu
			{

			}
			.AcademicsIconContainer .NavLandingIcon
			{
				color: #77A140!important;
			}
			.NavTitle
			{
				color: white!important;
				margin-top: 20px;
				margin-bottom: 0px;
				background-color: #4A7C9B;
				font-size: 17px;
			}
			/***********************************************************
			Main Image and Navigation CSS
			***********************************************************/

			.MainImage
			{
				position: relative;
			}
			.MainImageCallOut
			{
				float: right;
				position: relative;
				margin-top: 30px;
				background-color:rgba(67, 63, 64,0.7); 
				
				padding: 20px 30px 20px 20px;
				right: 0%;
				width: 800px;
				border-radius: 3px;
			
				right: -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);
			}
			.MainImageCallOutAnimate
			{
				right: 0;
			}
			.MainImageCallOut h2
			{
				color: #fff;
				font-size: 30px;
			}
			.MainImageCallOut div:nth-child(2)
			{
				color: #eee!important;
				font-size: 26px!important;
				line-height: 100%;
				margin-bottom: 10px;
			}
			.MainImageCallOut div:nth-child(3)
			{
				color: #eee!important;
				font-size: 17px!important;
				line-height: 17px;
				margin-top: 10px!important;
			}
			#ImageOverlayCallout
			{
				color: white;
				position: absolute;
				height: 130px; 
				width:100vw; 
				background-color: rgba( 51,85,110,0.75); 
				padding: 10px 19px 20px 15%;	
				border-top: 1px solid #df7b1d;
				bottom: 0;
				z-index: 150;
			}
			#ImageOverlayCallout h2
			{
				font-size: 33px!important; 
				color: white!important; 
				margin-bottom: 10px; 
				margin-top: 0px; 
				padding-top: 0px;
			}
			.CalloutSecondaryText
			{
				font-size: 23px!important;		
				font-weight: bold;
			}
			.CalloutDescriptionText
			{
				margin-top: 4px;
				font-size: 15px;			
			}
			#ImageOverlayCallout:before
			{

				display: block;
				content: '';
				position: absolute;
				top: 0;
				width: 22%;
				height: 100%;
				background: #df7b1d;
				-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);
			}
			.animate:before
			{
				left: -17%!important;
				opacity: .7!important;
			}
			@media only screen and (max-width: 1320px) 
			{
				#ImageOverlayCallout
				{
					height: 100px; 
					width:100vw; 
					padding: 10px 19px 20px 15%;	
				}
				#ImageOverlayCallout h2
				{
					font-size: 26px!important; 
					margin-bottom: 10px; 
					margin-top: -5px; 
					padding-top: 0px;
				}
				.CalloutSecondaryText
				{
					font-size: 15px!important;	
				}
				.CalloutDescriptionText
				{
					margin-top: 4px;
					font-size: 12px;			
				}
			}
			@media only screen and (max-width: 774px) 
			{
				#ImageOverlayCallout
				{
					height: 100%; 
					width:100vw; 
					padding: 10px 19px 20px 5%;	
					background-color: rgba( 51,85,110,0.9); 
					position: relative;
				}
				#ImageOverlayCallout h2
				{
					font-size: 20px!important; 
					margin-bottom: 10px; 
					margin-top: 0px; 
					padding-top: 0px;
				}
				.CalloutSecondaryText
				{
					font-size: 13px!important;	
				}
				.CalloutDescriptionText
				{
					margin-top: 3px;
					font-size: 11px;			
				}
				.animate:before
				{
					left: -17%!important;
					opacity: 0!important;
				}
			
				#NewsLeft, #NewsRight {
					display: none!important;
				}
				.MainImageCallOut
				{
					float: right;
					position: relative;
					margin-top: 30px;
					background-color:rgba(67, 63, 64,0.7); 

					padding: 20px 30px 20px 20px;
					right: 0%;
					width: 100%;
					border-radius: 3px;
				}
				.MainImageCallOut img
				{
					display: none;
				}
				.MainImageCallOutAnimate
				{
					right: 0;
				}
				.MainImageCallOut h2
				{
					color: #fff;
					font-size: 20px;
				}
				.MainImageCallOut div:nth-child(2)
				{
					color: #eee!important;
					font-size: 17px!important;
					line-height: 100%;
					margin-bottom: 10px;
				}
				.MainImageCallOut div:nth-child(3)
				{
					color: #eee!important;
					font-size: 14px!important;
					line-height: 14px;
					margin-top: 10px!important;
				}
			}
			#IconNavigationContainer a
			{
				background-color: #df7b1d;
				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;
			}