.covidMessage{
	padding: 40px;
	padding-left: 50px;
	background-color: #fff;
	float: left;
	width: 100%;
}
.insideMessage{
	padding-left: 20px;
	border-left: 5px solid #FF0000;
}
#home-content .insideMessage h3{
	font-size: 2.1em;
	text-transform: uppercase;
	color: #441F49;
	line-height: 1.1em;
}
#home-content .insideMessage h3, #home-content .insideMessage h3:after{
	border-bottom: none;
	background: none;
}

#leftColumn
{
	padding-right: 15px;
}
/**IMAGE PLACEMENT**/
#home-content .imgRight{
	float: right;
	padding-left: 10px;
}
#home-content .imgLeft{
	float: left;
	padding-right: 10px;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}

/* 
This is the section css for
conductProcess timeline
*/

/** TIMELINE **/
#home-content .timeline{
	position: relative;
	width: 100%;
}
#home-content .timeline h3{
	border-bottom: none;
	margin: 0;
	padding-top: 10px;
	color: #441F49;
}
#home-content .timeline h4{
	border-bottom: 3px solid #441F49;
}
#home-content .timeline h3:after{
	display: none;
}
#home-content .timeline:after{
	content: '';
	position: absolute;
	width: 6px;
	margin-left: -3px;
	background-color: #441F49;
	top: 0;
	bottom: 0;
	left: 50%;
}
#home-content .timeline > div{
	margin: 0;
	position: relative;
}
#home-content .timeline > .right{
	margin-top: 50px;
}
#home-content .timeline p{
	margin-top: 0;
}
#home-content .timeline > .left{
	width: calc(50% - 20px);
	float: left;
}
#home-content .timeline > .right{
	width: calc(50% - 20px);
	float: right;
}
#home-content .timeline .date{
	border: 2px solid #EEE;
	padding: 5px 10px;
	margin: 10px 0;
	position: relative;
}
#home-content .timeline .left .date{
	box-shadow: 0px 0px 5px 2px #B094B5;
}
#home-content .timeline .right .date{
	box-shadow: 0px 0px 5px 2px #D9AA2A;
}
#home-content .timeline > div > .grid12:after{
	content: '';
	width: 20px;
	height: 20px;
	background: #FFF;
	position: absolute;
	border-radius: 50%;
	top: -15px;
	z-index: 1;
}
#home-content .timeline > div.left > .grid12:after{
	border: 4px solid #B094B5;
}
#home-content .timeline > div.right > .grid12:after{
	border: 4px solid #D9AA2A;
}
#home-content .timeline .left > .grid12:after{
	right: -35.5px;
}
#home-content .timeline .right > .grid12:after{
	left: -35.5px;
}
#home-content .timeline .right img,
#home-content .timeline .left img{
	display: block;
	margin: 10px auto;
	max-width: 400px;
	width: 100%;
}
#home-content .timeline .grid6,
#home-content .timeline .grid4{
	padding: 0 10px;
}

@media only screen and (max-width:850px){
	#home-content .timeline:after{
		left: 0;
		margin-left: 0;
	}
	#home-content .timeline > .left{
		padding: 0;
	}
	#home-content .timeline > .right{
		padding: 0;
	}
	#home-content .timeline > .left, #home-content .timeline > .right{
		padding-left: 25px;
	}
	#home-content .timeline .left > .grid12:after, #home-content .timeline .right > .grid12:after{
		left: -38px;
	}
}

/****** END OF TIMELINE CSS*****/


#home-content .process{
	float: right;
}

#home-content .moveNotice{
	padding: 10px;
	background: #763775;
	border: 3px solid #FFBD07;
}
#home-content .moveNotice h2{
	color: #FFF;
}

#home-content .btnCare{
	width: 35%;
}

#home-content .grid3{
	padding-left: 20px;
}
#home-content .hearing{
	float: right;
}
#home-content .moveNotice p{
	color: #FFF;
	margin-bottom: 0;
}
#home-content .moveNotice .fa{
	color: #FFF;
	font-size: 5em;
}
#home-content .moveNotice .grid1{
	text-align: center;
	padding: 0 10px;
}
#home-content .moveNotice .grid11{
	padding-left: 20px;
}
#home-content .moveNotice > .row-responsive{
	margin-bottom: 0;
}
#matchBox{
	background-color: #441F49;
}


/**new home**/
#home-content .yellowButtons .wcuPurpleTile{
	font-size: 1.3em;
	background-color:#FFBD07;
	color: #000;
}
#home-content .yellowButtons .wcuPurpleTile:visited{
	font-size: 1.3em;
	background-color:#FFBD07;
	color: #000;
}

#home-content .yellowButtons .grid3{
	padding: 30px;
}

#home-content .btnMain .hpBtn{
	width: 100%;
}

#home-content .scholarshipsBtn{
	padding-top: 40px;
}

/**block Button**/
#home-content .studentResources .grid3{
	padding-right: 20px;
}
#hdnContent{
	display: none;
	padding: 20px;
	min-width: 600px;
	max-width: 1200px;
}
#hdnContent ul{
	margin-left: 20px;
}

/**********HOMEPAGE**********/
#home-content .greyGrid{background-color: #eee; padding: 15px 10px; margin: 15px 0;}
#home-content .greyGrid h3, #home-content .greyGrid h4, #home-content .greyGrid h2{margin-top: 0;}
#home-content .leftGrid{padding-right: 20px;}
#home-content .rightGrid{padding-left: 20px;}
#home-content .firstGrid{padding-right: 10px;}
#home-content .midGrid{padding: 0 5px;}
#home-content .lastGrid{padding-left: 10px;}
#home-content .homepage .linkWrapper{margin-top: 20px;}
#home-content .grid3 .btn{width: 100%;}
#home-content .homepage .grid3 .btn{margin-top: 20px; margin-bottom: 0px;}
#home-content .emergency,
#home-content .emergencyResponse h4{
	color: #900;
}
#hdnList {
	margin-left:2em;
	margin-top:15px;
}
#home-content .homeLeft{
	padding-right: 10px;
}
#home-content .reportTitle{
	border: none;
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 2em;
	margin-top: 20px;
}
#home-content .reportTitle:after{
	display: none;
}
#home-content .reportButton{
	padding: 5px;
}
#homeRgt img
{
	margin-top: 10px;
	max-width: 143px;
}
#homeRgt img:nth-child(odd)
{
	margin-left: 2%;
}

#images.linkWrapper>.grid6
{
	padding-right: 10px;
}
#images.linkWrapper>.grid4{
	padding-right: 10px;
	margin-top: 12px;
}
#images.linkWrapper+.grid6
{
	clear: left;
}
#homePnlCtrs > .grid6, #homePnlCtrs > .grid4
{
	margin-top: 15px;
	padding-right: 10px;
}
#homePnlCtrs > #images
{
	position: relative;
	top: 4px;
}
#home-content .shadow{
	width: 100%;
}
#home-content span.panelTitle{
	height: 48px;
}


/**********STAFF**********/
#staffPage .grid4 img{
	display: block;
	margin: 0 auto;
}
#staffPage .grid4 ul{
	list-style-type: none;
	margin-left: 0;
}

/**********PANELS**********/

.linkWrapper .grid6 img{width: 100%;}
/*.gPadding{margin: 3px;}*/
.gPaddingLink{margin: 0;}
.gPadding p{text-align: justify; margin-top: 0;}
.panelInfo{
	display: block;
	text-decoration: none;
	position: relative;
	font-family:'OpenSansBold';
	line-height: normal;
	font-size: .975em;
}
.panelInfo span.panelTitle{
	position: absolute;
	bottom: 4px;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background: rgba(118, 55, 117, .8);
	color: white;
}
.panelInfo:hover{
	transform: scale(1.03);
}
.panel{display: block;}
.panel h2{
	line-height: 30px;
	padding-top: 15px;
}
.panel .backBtn{
	float: right;
	font-size: small;
}
#home-content .grayBox{
	background-color: #eee;
	padding: 20px;
}
#home-content .whiteBox{
	padding: 20px;
}


@media only screen and (max-width:1280px){
	#home-content .yellowButtons .wcuPurpleTile, #home-content .yellowButtons .wcuPurpleTile:visited{
		font-size: 1.1em;
	}
	#home-content .yellowButtons .grid3{
		padding: 15px;
	}
}

@media only screen and (max-width:1124px){
	#home-content .yellowButtons .grid3{
		padding: 10px;
	}
	#home-content .yellowButtons .wcuPurpleTile:visited{
		font-size: 1em;
	}
}

@media only screen and (max-width:1066px){
	#home-content .yellowButtons .grid3{
		width: 50%;
	}
}

@media only screen and (max-width:768px){
	#home-content .leftGrid{padding-right: 0px;}
	#home-content .rightGrid{padding-left: 0px;}
	#home-content .firstGrid, #home-content .midGrid, #home-content .lastGrid{padding: 0 5px;}
	#home-content .linkWrapper .grid6{width: 50%; padding: 0 10px;}
	#home-content .reportButton{
		width: 33%;
		margin: 0;
	}
	#home-content .homeLeft{
		padding: 0;
	}
	#home-content .yellowButtons .grid3{
		width: 100%;
	}

	/**********STAFF**********/
	#home-content #staffPage div.grid4{
		width: 100%;
	}
}

@media only screen and (max-width:480px){
	#home-content .linkWrapper .grid6{width: 100%; padding: 0;}
	#home-content .reportButton{
		width: 50%;
	}
}