#home-wrapper, .headerWrapper, #footer, body{
	overflow: visible !important;
}
.headerWrapper{
	float: left;
	width: 100%;
}
.contentHolder .row-responsive:first-of-type{
	display: flex;
	width: 100%;
}
@media screen and (max-width: 768px){
	.contentHolder .row-responsive:first-of-type{
		display: block;
		width: 100%;
	}
}



#home-content .leftGrid{padding-right: 10px;}
#home-content .pdfIcon{margin-left: 3px;}
#home-content .docListItem{margin-left: 3px;}
#home-content .hideOnScroll{display: none;}
#home-content .showOnScroll{display: block;}
#home-content .divSpacing > div > .grid6{padding: 0 5px;}
#home-content .topBtn{
	float: right;
	margin-left: 10px;
}
#home-content .tableCenter img{
	padding: 10px 10px;
}
#home-content .grid6{
	padding-right: 20px;
}


/* side menu */
#home-content .hideMenu{
	display: none;
}
#home-content .sideLinks{
	margin-top: 10px;
	padding-right: 20px;
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
}
#home-content .sideLinks .grid12{
	margin: 0;
}
#home-content .sideLinks a{
	display: block;
	padding: 10px;
	text-decoration: none;
	color: #575757;
	font-weight: bold;
	padding-left: 13px;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
}

#home-content .sideLinks > .grid12:last-of-type > a{
	color: #575757;
	font-weight: bold;
	color: #FFF;
	padding-left: 13px;
	border-bottom: none;
	border-right: none;
}

#home-content .sideLinks > .grid12:first-of-type > a{
	border-top: 1px solid #DDD;
}
#home-content .sideLinks .subSideLink{
	font-size: .9em;
	padding: 5px 10px 3px 30px;
	border-left: 0;
	font-weight: bold;
	text-indent: -10px;
	line-height: 20px;
}
#home-content .sideLinks .subSideLink:before{
	content: "\203A"; 
	padding-right: 5px; 
	position: relative;
	top: -1px;
	color: #6e3061;
}
#home-content .sideLinks .grid12 a:hover{
	color: #6e3061;
	border-left: 3px solid #FFE800;
}
#home-content .sideLinks > .grid12:last-of-type > a:hover{
	color: none;
	border-left: 2px solid #6e3061;
	border-right: 2px solid #6e3061;
	border-bottom: 2px solid #6e3061;
}
#home-content .sideLinks .activeSideLink{
	color: #6e3061;
	border-left: 3px solid #6e3061;
}
#home-content .inactive{
	display: none;
}
#home-content .active{
	display: block;
}


#home-content .pageWrapper{
	position: relative;
	z-index: 1;
}

/* mobile images div */
#home-content .mobileImgs img{
	margin-top: 10px;
	float: right;
}
#home-content .mobileImgs a{
	text-decoration: none;
}
#home-content .itBtn{
	margin-right: 10px;
	width: 20%;
	margin: 0;
}


/* sliding content card feature */
#home-content .cardContainer{
	/*width: 20%;*/
	padding: 0 10px;
	margin-bottom: 10px;
}
#home-content .card{
	position: relative;
	overflow: hidden;
	height: 200px;
	width: 100%;
	transition: all .5s ease;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.75);
}
#home-content .card img{
	visibility: hidden;
}
#home-content .front{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,.3);
}
#home-content .hidden{
	position: absolute;
	left: 0;
	top: -220%;
	width: 100%;
	padding: 10px;
	text-align: center;
	background: rgba(0,0,0,.75);
	transition: all .5s ease;
}
#home-content .front .fa{
	font-size: 4em;
	color: #FFF;
	position: absolute;
	top: 5px;
	right: 10px;
}
#home-content .front h3{
	border-bottom: none;
	position: absolute;
	margin: 0;
	top: 15px;
	left: 10px;
	color: #FFF;
}
#home-content .hidden h3{
	border-bottom: 1px solid #FFF;
	border-top: 1px solid #FFF;
	color: #FFF;
	margin: 10px 0;
	padding: 5px;
}
#home-content .card h3{
	text-transform: uppercase;
}
#home-content .card h3:after{
	display: none;
}
#home-content .hidden ul{
	list-style-type: none;
	margin-left: 0;
	font-weight: bold;
}
#home-content .hidden li{
	border-bottom: 1px solid #DDD;
}
#home-content .hidden li:last-of-type{
	border-bottom: none;
}
#home-content .hidden li a{
	text-decoration: none;
	display: block;
	padding: 10px 0;
	color: #FFF;
}
#home-content .hidden li a:hover{
	color: #6e3061;
	background-color: #FFF;
}
#home-content .card:hover .hidden{
	top: 0;
	transition: all .5s ease;
	height: 100%;
}
#home-content .about{
	clear: left;
}
#home-content .work{
	text-align: center;
}
#home-content .card .question{
	position: absolute;
	top: 5px;
	right: 10px;
	text-align: center;
}
#home-content .card .question a{
	color: #FFF;
	text-decoration: none;
}
#home-content .card .question .fa{
	font-size: 4em;
}
#home-content .card .question a:hover{
	color: #FFE800;
}

/** card background images **/
#home-content .allCards .cardContainer:nth-of-type(1) .card{
	background: url('/infoServices/images/helpSupport1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home-content .allCards .cardContainer:nth-of-type(1) .card:hover h3{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(1) .card:hover .front .fa{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(2) .card{
	background: url('/infoServices/images/services1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home-content .allCards .cardContainer:nth-of-type(2) .card:hover h3{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(2) .card:hover .front .fa{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(3) .card{
	background: url('/infoServices/images/aboutNewHP.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home-content .allCards .cardContainer:nth-of-type(3) .card:hover{
	height: 430px;
	transition: all .5s ease;
}
#home-content .allCards .cardContainer:nth-of-type(3) .card li > span{
	color: #FFF;
	display: block;
	margin: 10px 0;
}
#home-content .allCards .cardContainer:nth-of-type(4) .card{
	background: url('/infoServices/images/media.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}
#home-content .allCards .cardContainer:nth-of-type(4) .card:hover h3{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(4) .card:hover .front .fa{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(5) .card{
	background: url('/infoServices/images/blog.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home-content .allCards .cardContainer:nth-of-type(5) .card:hover{
	height: 300px;
	transition: all .5s ease;
}
#home-content .allCards .cardContainer:nth-of-type(6) .card{
	background: url('/infoServices/images/distanceEd1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
#home-content .allCards .cardContainer:nth-of-type(6) .card:hover h3{
	color: #FFE800;
}
#home-content .allCards .cardContainer:nth-of-type(6) .card:hover .front .fa{
	color: #FFE800;
}
#home-content .distanceEdBtn{
	clear: left;
}

#home-content .imgRight{
	float: right;
	padding-left: 10px;
}
#home-content .imgLeft{
	float: left;
	padding-right: 10px;
}
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}


/********** WHAT'S NEW **********/
#home-content .whatsNewRow img{
	float: left;
	margin-right: 10px;
}
#home-content .whatsNewRow h3{
	border-bottom: none;
	clear: none;
}
#home-content .whatsNewRow h3:after{
	display: none;
}
#home-content .whatsNewRow{
	border-bottom: 2px solid #EEE;
	padding: 10px 0;
	padding-top: 0;
	margin: 10px 0;
	margin-top: 0;
}
#home-content .whatsNewImg{
	max-width: 400px;
}

/********** BLOG **********/
#home-content .istBlog ul{
	list-style-type: none;
	margin-left: 0;
	color: #6e3061;
	font-weight: bold;
}

/*********** TECH CIVILITY ***********/
#home-content .techCivility{
	display: block;
	margin: 0 auto;
}

/********** HELP AND SUPPORT **********/
#home-content .helpSupportBtns .grid4{
	padding: 0 10px;
}
#home-content .helpSupportBtns a{
	display: block;
	background: #6e3061;
	color: #FFF;
	text-decoration: none;
	padding: 10px;
	font-size: 2em;
	text-align: center;
	border-radius: 5px;
}
#home-content .helpSupportBtns .fa{
	margin-right: 10px;
	font-size: 1.2em;
	color: #FFF;
}
#home-content .helpSupportBtns a:hover{
	color: #FFE800;
}
#home-content .helpSupportBtns a:hover .fa{
	color: #FFE800;
}
#home-content .helpSpacing{
	padding: 0 10px;
}
#home-content .helpSupportQuestion{
	margin: 10px;
	text-align: center;
}
#home-content .helpSupportQuestion a{
	text-decoration: none;
	color: #382140;
}
#home-content .helpSupportQuestion .fa-question-circle{
	font-size: 4em;
}
#home-content .helpSupportQuestion a:hover{
	color: #FFE800;
}
#home-content .quickHelpList{
	list-style-type: none;
	margin-left: 0;
}
#home-content .quickHelpList li{
	border-bottom: 2px solid #EEE;
	margin: 10px 0;
	padding: 10px 0;
	padding-top: 0;
}
#home-content .quickHelpList li:last-of-type{
	border-bottom: none;
}
#home-content .noticeMsg{
	color: #F00;
	background-color: #FFF;
	text-align: center;
}
/********** FAQ **********/
#home-content .expandList > li > div:first-of-type:hover{
	cursor: pointer;
}

/********** IS&T NEWSLETTER**********/
#home-content .isNewsletter .issue img{
	float: left;
	padding-right: 20px;
	margin-right: 10px;
}
#home-content .isNewsletter .issue{
	margin: 10px 0;
	margin-top: 0;
	border-bottom: 2px solid #EEE;
}
#home-content .isNewsletter .issue:last-of-type{
	border-bottom: none;
}
#home-content .isNewsletter .issue h3{
	border-bottom: none;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
	color: #6e3061;
}
#home-content .isNewsletter .issue h3:after{
	display: none;
}
#home-content .newsletterImgLeft img{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#home-content .newsletterImgRight img{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#home-content .triviaQuestion{
	background: #EEE;
	padding: 0 10px;
}
#home-content #trivia .grid4{
	padding: 0 5px;
}
#home-content .outlookSteps img{
	display: block;
	margin: 0 auto;
}
#home-content .outlookSteps .grid6{
	padding: 0 10px;
}
#home-content .newsletterBtnRight{
	float: right;
	margin-left: 10px;
}

/********** SUPPORTED SOFTWARE **********/
#home-content .tabContainer{
	width: 100%;
	float: left;
}

/********** MYWCU HELP **********/
#home-content .resourcesContacts{
	padding: 10px;
	background: #382140;
	color: #FFF;
}
#home-content .resourcesContacts h3{
	color: #FFF;
	margin-top: 0;
}
#home-content .resourcesContacts a{
	color: #D9AA2A;
}

/********** MATHEMATICA **********/
#home-content .greyDiv{
	background: #EEE;
	padding: 10px;
}
#home-content .mathematicaBottom  > h3{
	border-bottom: none;
	color: #6e3061;
	font-size: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
#home-content .mathematicaBottom  > h3:after{
	display: none;
}

/********** RAMPRINT **********/
#home-content .ramPrintPoster img{
	display: block;
	margin: 0 auto;
}
#home-content .ramPrintPoster{
	text-align: center;
	padding: 0 10px;
}

/********** TECH FOR FACULTY ***********/
#home-content .ttf li{
	margin-bottom: 10px;
	line-height: 22px;
	background-image: url("../images/goldArrow.png");
	padding-left: 20px;
	background-position: 0px 5px;
	background-repeat: no-repeat;
	list-style-type: none;
}
#home-content .tffImg{
	background-repeat: no-repeat;
	background-size: 100%;
	width: 100%;
	clear: left;
	height: 150px;
	position: relative;
	margin: 10px 0px;
}
#home-content .tffImg.whatsNew{background-image: url('../images/getConnected1.jpg'); background-position: center;}
#home-content .tffImg.getConnected{background-image: url('../images/getConnected.jpg'); background-position: bottom;}
#home-content .tffImg.ourServices{background-image: url('../images/servicesTTF.jpg'); background-position: center;}
#home-content .tffImg.ourResources{background-image: url('../images/resources.jpg'); background-position: center;}
#home-content .tffImg.getTrained{background-image: url('../images/getTraining01.jpg'); background-position: center;}
#home-content .tffImg.getHelp{background-image: url('../images/getHelp.jpg'); background-position: bottom;}
#home-content .tffImg p{
	color: #FFF;
	position: absolute;
	bottom: -10px;
	left: 10px;
	font-size: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
}

/********** EVENTS **********/
#home-content .seminarSeries img{
	float: left;
	margin-right: 10px;
}
#home-content .seminarSeries ul{
	list-style-type: none;
	margin-left: 0;
	font-weight: bold;
	color: #6e3061;
}
#home-content .seminarSeries h3{
	clear: both;
	padding-top: 20px;
}
#home-content .seminarSeries .grid3{
	padding: 0 5px;
}

/********** ADVISORY COMMITTEES **********/
#home-content .advisoryCommittees ul{
	margin-bottom: 20px;
}
#home-content .advisoryCommittees img{
	display: block;
	margin: 0 auto;
}
#home-content .committeeGraph{
	position: relative;
	height: 300px;
	margin: 100px;
}
#home-content .committeeGraph .middle a{
	position: absolute;
	height: 200px;
	width: 200px;
	left: calc(50% - 100px);
	top: calc(50% - 100px);
	border-radius: 50%;
	background: #382140;
	color: #FFE800;
	content: '';
	line-height: normal;
	font-size: 1em;
	font-weight: bold;
}
#home-content .committeeGraph .middle a span{
	position: relative;
	top: calc(50% - 25px);
}
#home-content .committeeGraph a{
	width: 100px;
	height: 100px;
	left: calc(50% - 50px);
	top: calc(50% - 50px);
	border-radius: 50%;
	border: 1px solid #623061;
	color: #382140;
	position: absolute;
	text-decoration: none;
	display: block;
	text-align: center;
	line-height: 100px;
	white-space: nowrap;
	font-size: .65em;
	background: #FFF;
}
#home-content .committeeGraph a:hover{
	background: #6e3061;
	color: #FFE800;
	font-weight: bold;
}
#home-content .committeeGraph .middle a:hover{
	background: #382140;
}
#home-content .committeeGraph a:visited{
	color: #382140;
}
#home-content .committeeGraph .middle a:visited{
	background: #FFF;
}
#home-content .committeeGraph a.activeCommittee{
	background: #382140 !important;
	color: #FFE800;
}
#home-content .committeeGraph .middle a.activeCommittee{
	color: #FFE800;
}
.one a{transform: rotate(-30deg) translate(200px) rotate(30deg);}
.two a{transform: rotate(-60deg) translate(200px) rotate(60deg);}
.three a{transform: rotate(-90deg) translate(200px) rotate(90deg);}
.four a{transform: rotate(-120deg) translate(200px) rotate(120deg);}
.five a{transform: rotate(-150deg) translate(200px) rotate(150deg);}
.six a{transform: rotate(-180deg) translate(200px) rotate(180deg);}
.seven a{transform: rotate(-210deg) translate(200px) rotate(210deg);}
.eight a{transform: rotate(-240deg) translate(200px) rotate(240deg);}
.nine a{transform: rotate(-270deg) translate(200px) rotate(270deg);}
.ten a{transform: rotate(-300deg) translate(200px) rotate(300deg);}
.eleven a{transform: rotate(-330deg) translate(200px) rotate(330deg);}
.twelve a{transform: rotate(-360deg) translate(200px) rotate(360deg);}

#home-content .hideCommittee{
	display: none;
}
#home-content .advisoryCommittees ul.defAdv{
	list-style-type: none;
	margin-left: 0;
}
#home-content .advisoryCommittees .committeeContent ul,
#home-content .advisoryCommittees .committeeContent h3{
	position: relative;
}

/** MISSION VALUES **/
#home-content .missionValuesHero{
	position: relative;
}
#home-content .missionValuesHero img{
	display: block;
	margin: 0 auto;
}
#home-content .missionValuesHero .mvHeroContent{
	position: absolute;
	top: 0;
	left: calc(50% - 500px);
	background: rgba(255,255,255,.85);
	width: 1000px;
	text-align: center;
	margin-top: 5%;
	padding: 30px;
}
#home-content .missionValuesHero .mvHeroContent h2{
	/*
	font-size: 7em;
	*/
	margin: 0;
	line-height: 1em;
}
#home-content .missionValuesHero .mvHeroContent p{
	color: #6e3061;
	font-size: 3em;
	font-weight: bold;
}
#home-content .missionValuesContent > .row-responsive{
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 5px;
	border-bottom: 2px solid #EEE;
}
#home-content .missionValuesContent > .row-responsive:last-of-type{
	border-bottom: none;
}
.missionValuesContent img{
	display: block;
	margin: 0 auto;
}
#home-content .missionValuesContent .fa{
	font-size: 5em;
}
#home-content .missionValuesContent .grid2 p{
	text-align: center;
	margin: 0;
	padding-right: 20px;
}
#home-content .missionValuesContent .grid10 p{
	font-size: 1.5em;
	margin: 0;
	line-height: 1.5em;
}
#home-content .missionValuesContent .fa-refresh{color: #FFE800;}
#home-content .missionValuesContent .fa-lightbulb-o{color: #d4a129;}
#home-content .missionValuesContent .fa-cog{color: #6e3061;}
#home-content .missionValuesContent .fa-globe{color: #382140;}
#home-content .missionValuesContent .fa-check-circle-o{color: #FFE800;}



/** STRATEGIC PLAN **/
#home-content .strategicPlanHero{
	text-align: center;
	padding: 0;
	margin: 10px 0;
}
#home-content .strategicPlanHero h2{
	font-size: 7em;
	margin: 0;
	line-height: 1em;
}
#home-content .strategicPlanHero p{
	color: #6e3061;
	font-size: 3em;
	font-weight: bold;
}
#home-content .strategicPlanContent{
	margin-top: 70px;
}
#home-content .strategicPlanContent > div{
	padding: 5px 10px;
	margin: 5px 0;
	clear: left;
}
#home-content .strategicPlanContent h3{
	border-bottom: none;
	margin: 5px 0;
	padding: 5px 0;
}
#home-content .strategicPlanContent h3:after{
	display: none;
}
#home-content .strategicPlanContent .activeValue{
	background: rgba(255,189,7,.2);
}
#home-content .strategicPlanContent .activeValue h3,
#home-content .strategicPlanContent .activeValue p,
#home-content .strategicPlanContent .activeValue li{
	color: #000;
}

/** graph **/
#home-content .strategicPlanContent > div.spGraph{
	position: relative;
	height: 300px;
	width: 300px;
	left: calc(50% - 150px);
	border-radius: 50%;
	margin: 0;
	margin-bottom: -100px;
	padding: 0;
}
#home-content .strategicPlanContent .spGraph:before{
	position: absolute;
	height: 150px;
	width: 300px;
	border-radius: 150px 150px 0 0;
	background: #382140;
	content: "Mission and Values";
	text-align: center;
	color: #FFF;
	line-height: 150px;
	font-size: 1.5em;
}
#home-content .strategicPlanContent .circle{
	width: 200px;
	background-color: #fff;
	color: #6e3061;
	display: block;
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: calc(50% - 100px);
	text-align: center;
	font-size: .9em;
	text-decoration: none;
	border-radius: 0px;
	font-weight: bold;
	border:2px solid #6e3061;
}
#home-content .strategicPlanContent .circle:hover{
	background: #6e3061;
	color: #fff;
}
#home-content .strategicPlanContent .circle span{
	position: relative;
	top: calc(50% - 50px);
}
#home-content .strategicPlanContent .five{transform: rotate(-10deg) translate(270px) rotate(10deg);}
#home-content .strategicPlanContent .four{transform: rotate(-35deg) translate(260px) rotate(35deg);}
#home-content .strategicPlanContent .three{transform: rotate(-90deg) translate(230px) rotate(90deg);}
#home-content .strategicPlanContent .two{transform: rotate(-145deg) translate(260px) rotate(145deg);}
#home-content .strategicPlanContent .one{transform: rotate(-170deg) translate(270px) rotate(170deg);}

#home-content .grid6 li .fa-lg{
	color: #6e3061;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 1.5em;
}

@media only screen and (max-width:1350px){
	#home-content .advisoryCommittees .grid6:first-of-type{
		width: 60%;
	}
	#home-content .advisoryCommittees .grid6:last-of-type{
		width: 40%;
	}
}

@media only screen and (max-width:1200px){
	/* mobile images div */
	#home-content .mobileImgs img{
		width: 40%;
	}

	/** MISSION VALUES **/
	#home-content .missionValuesHero .mvHeroContent h2{
		font-size: 3em;
	}
	#home-content .missionValuesHero .mvHeroContent p{
		font-size: 1.5em;
	}
	#home-content .missionValuesHero .mvHeroContent{
		margin-top: 20px;
		width: 600px;
		left: calc(50% - 300px);
		padding: 20px;
	}

	/** STRATEGIC PLAN **/
	#home-content .strategicPlanHero h2{
		font-size: 3em;
	}
	#home-content .strategicPlanHero p{
		font-size: 1.5em;
	}
}

@media only screen and (max-width:1100px){
	#home-content .advisoryCommittees .grid6:first-of-type{
		width: 75%;
	}
	#home-content .advisoryCommittees .grid6:last-of-type{
		width: 25%;
	}
}

@media only screen and (max-width:1000px){
	/********** SERVICES **********/
	#home-content .sCatalog{
		width: 50%;
	}
	#home-content .sCatalog:nth-of-type(4n+1){
		clear: none;
	}
	#home-content .sCatalog:nth-of-type(odd){
		clear: left;
	}
}

@media only screen and (max-width:900px){
	#home-content .advisoryCommittees .grid6:first-of-type{
		width: 100%;
	}
	#home-content .advisoryCommittees .grid6:last-of-type{
		width: 100%;
	}
}

@media only screen and (max-width:768px){
	/* side menu */
	#home-content .sideLinks{
		width: 100%;
		padding-right: 0;
	}

	#home-content .pageWrapper .contentHolder{
		margin-top: 0px !important;
	}
	#home-content .cardContainer{
		width: 100%;
		padding: 0;
	}
	#home-content .card{
		margin: 10px 0;
	}
	#home-content .card .fa{
		margin-top: 0;
	}
	#home-content .welcomeCenter{
		box-shadow: none;
		width: 100%;
		top: 0;
		margin-top: 10px;
		background: transparent;
	}
	#home-content .welcomeCenter:before{
		box-shadow: none;
		display: none;
	}

	/* mobile images div */
	#home-content .mobileImgs img{
		width: 30%;
	}

	/* IS table */
	table, thead, tbody, th, td, tr{ 
		display: block; 
	}
	#home-content .isTable thead tr{ 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	#home-content .isTable tr{
		border: 1px solid #ccc;
	}
	#home-content .isTable td{ 
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	#home-content .isTable td:before{ 
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	#home-content .isTable td:before{
		content: attr(data-label);
	}

	/** homepage **/
	#home-content .pageWrapper .contentHolder:before{
		background: none;
	}

	/********** IS&T NEWSLETTER**********/
	#home-content .isNewsletter .issue .grid4{
		width: 40%;
	}
	#home-content .isNewsletter .issue .grid8{
		width: 60%;
	}

	/********** EVENTS **********/
	#home-content .seminarSeries .grid3{
		width: 50%;
	}

	/** MISSION VALUES **/
	#home-content .missionValuesHero .mvHeroContent{
		position: inherit;
		background: #FFF;
		padding: 0;
		margin: 10px 0;
	}
	#home-content .missionValuesContent .grid2{
		width: 25%;
	}
	#home-content .missionValuesContent .grid10{
		width: 75%;
	}
	#home-content .missionValuesContent .mission{
		font-size: 1.3em;
		line-height: 1.1em;
		padding: 0 20px;
	}

	/** STRATEGIC PLAN **/
	#home-content .strategicPlanContent .spGraph:before{
		display: none;
	}
	#home-content .strategicPlanContent .circle{
		width: 100%;
		position: inherit;
		left: auto;
		top: auto;
		transform: none;
		display: block;
		margin: 2px 0;
	}
	#home-content .strategicPlanContent > div.spGraph{
		width: 100%;
		height: auto;
		margin: 0;
		position: inherit;
	}
	#home-content .strategicPlanContent{
		margin-top: 0;
	}
}

@media only screen and (max-width:600px){
	/********** SERVICES **********/
	#home-content .sCatalog{
		width: 100%;
		clear: left;
		padding: 0;
	}
	#home-content .sCatalog .grid12 p:last-of-type{
		margin-top: 30px;
	}
}

@media only screen and (max-width:540px){
	#home-content .advisoryCommittees .committeeMobile ul{
		list-style-type: none;
		margin-left: 0;
	}
	#home-content .advisoryCommittees .committeeMobile li a{
		display: block;
		text-align: center;
		margin: 2px 0;
		padding: 2px 0;
		border: 1px solid #EEE;
	}
	#home-content .advisoryCommittees .committeeMobile li a:hover{
		background: #382140;
		color: #FFF;
	}
}

@media only screen and (max-width:480px){
	/* mobile images div */
	#home-content .mobileImgs img{
		width: 45%;
	}

	/********** IS&T NEWSLETTER**********/
	#home-content .isNewsletter .issue .grid4{
		width: 0;
	}
	#home-content .isNewsletter .issue .grid8{
		width: 100%;
	}

	/********** EVENTS **********/
	#home-content .seminarSeries .grid3{
		width: 100%;
		padding: 0;
	}

	/** MISSION VALUES **/
	#home-content .missionValuesHero .mvHeroContent h2{
		font-size: 1.5em;
	}
	#home-content .missionValuesHero .mvHeroContent p{
		font-size: .95em;
	}

	/** STRATEGIC PLAN **/
	#home-content .strategicPlanHero h2{
		font-size: 1.5em;
	}
	#home-content .strategicPlanHero p{
		font-size: .95em;
	}
}


/*****************************************************/
/*****************************************************/
/*					NEW BRAND CSS					*/
/*****************************************************/
/*****************************************************/

.centerContent .tabContentSwitcher .grid4{
	padding: 10px 10px 30px 10px;
}
.imgCenter{
	display: block;
	margin: 0 auto;
}
.homeBrandPadding{
	padding: 1% 3%;
	float: left;
	width: 100%;
	display: block;
}
.centerH2{
	text-align: center;
}
.centerContent .grid4{
	padding: 0px 10px;
}
.purplePara, .pyPara2, .pyPara1{
	padding: 3.5%;
}
.pyPara2, .pyPara1{
	display: flex;
}
.pyPara2 .grid6:first-of-type, .pyPara1 .grid6:last-of-type{
	background-color: #FFE800;
}
.pyPara2 .grid6:last-of-type, .pyPara1 .grid6:first-of-type{
	background-color: #382140;
	height: 100%;
}
.collageImages{
	background-image: url(/infoServices/images/ist-collage.jpg);
	background-position: top;
	background-repeat: no-repeat;
	width: 100%;
	float: left;
	position: relative;
	z-index: 10;
	background-size: 130%;
}
.collageImages h2{
	font-size: 3em;
	margin: 50px 0px;
	text-align: center;
}
.collageImages h4{
	text-transform: uppercase;
}
.collageImages img{
	width: 100%;
}
.collageImages .row-responsive:first-of-type, .collageImages .row-responsive:first-of-type .grid5, .collageImages .row-responsive:first-of-type .grid4, .collageImages .row-responsive:first-of-type .grid3{
	display: flex;
}
.collageImages .bottomPlacement{
	align-self: flex-end;
}
.collageImages .row-responsive:first-of-type{
	margin-bottom: 30px;
}
#home-content .collageImages .grid4:nth-of-type(2){
	padding-left: 7.5px;
	padding-right: 7.5px;
}
.collageImages .grid4:first-of-type{
	padding-left: 0px;
	padding-right: 15px;
}
.collageImages .grid4:last-of-type{
	padding-left: 15px;
	padding-right: 0px;
}
#home-content .cardContent p, #home-content .cardContent li{
	font-size: .9em;
}
#home-content .padDiv .cardContent{
	padding-right: 10px;
}
#home-content .no-bot-marg{
	margin: 10px 0px 2px 0px;
}
#home-content .no-bot-marg:first-of-type{
	margin-top: -10px;
}

/*TRANSFER FROM IST MEDIA*/

/********** ORG CHART PAGE **********/

/** overall **/
#home-content .contentHolder .row-responsive:first-of-type .orgChart{
	display: block;
}
#home-content .orgChart div{
	text-align: center;
}
#home-content .orgChart > .grid12.seniorVP,
#home-content .orgChart > .grid12.seniorLeaders{
	position: relative;
	z-index: 1;
	margin: 5px 0 0 0;
	padding: 5px 10px 0 10px;
	opacity: 1;
}
#home-content .orgChart div p{
	font-size: 1.5em;
	margin: 0;
	padding: 0 2px;
	line-height: 1.2em;
}
#home-content .orgChart .childOrgs > .grid12.invisible,
#home-content .orgChart .childOrgsOffice > .grid12.invisible{
	position: absolute;
	left: -2000px;
	opacity: 0;
	transition: left 5s;
	z-index: -1;
}
#home-content .orgChart > .grid12.seniorLeaders > .grid12 p a.linkSL.activeSL{
	border-bottom: 4px solid #763775;
}
[id^=hdnContent]{
	display: none;
	padding: 10px;
	max-width: 400px;
}
#home-content .print{
	display: none;
}
#home-content .hCanvas,
#home-content .officeCanvas{
	width: 100%;
	position: absolute;
	left: 0;
	top: -20px;
}
#home-content .seniorCanvas{
	width: 100%;
	position: absolute;
	left: 0;
	top: -100px;
	height: 200px;
}
#home-content .orgChart > .grid12.seniorLeaders > .grid12 p a.linkSL:hover{
	border-bottom: 4px solid #763775;
}
#home-content .orgChart .userTitle{
	font-weight: normal;
	font-size: .7em;
	line-height: 1em;
}

/** senior vp **/
#home-content .orgChart > .grid12.seniorVP p{
	border: 1px solid #DDD;
	border-bottom: 4px solid #DDD;
	border-radius: 5px;
	font-size: .875em;
	font-weight: bold;
	background: #FFF;
	font-size: 1.5em;
	line-height: 1.2em;
	padding: 30px 5px 10px 5px;
}
#home-content .orgChart > .grid12.seniorVP p a.fancybox-media{
	position: absolute;
	top: 10px;
	right: 20px;
	color: #575757;
}

/** senior leaders **/
#home-content .orgChart > .grid12.seniorLeaders{
	margin-top: 40px;
}
#home-content .orgChart > .grid12.seniorLeaders > .grid12{
	width: calc(100% / 6);
	padding: 0 5px;
	position: relative;
	z-index: 1;
	left: 0;
	top: 0;
}
#home-content .orgChart > .grid12.seniorLeaders > .grid12 p{
	position: relative;
}
#home-content .orgChart > .grid12.seniorLeaders > .grid12 p a.linkSL{
	border: 1px solid #D9AA2A;
	border-bottom: 4px solid #D9AA2A;
	text-decoration: none;
	display: block;
	border-radius: 5px;
	padding: 5px;
	padding-top: 30px;
	font-weight: bold;
	background: #FFF;
	color: #575757;
	height: auto;
}
#home-content .orgChart > .grid12.seniorLeaders > .grid12 p a.fancybox-media{
	position: absolute;
	top: 5px;
	right: 10px;
	color: #575757;
}

/** child orgs office **/
#home-content .orgChart .childOrgsOffice{
	overflow: hidden;
}
#home-content .orgChart .childOrgsOffice .fiveRow > div{
	width: 20%;
}
#home-content .orgChart .childOrgsOffice > .grid12{
	margin: 10px 0;
	margin-top: 40px;
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transition: all .5s ease-in-out;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.grid12{
	padding: 0 5px;
	margin: 5px 0;
	position: relative;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.grid12 a.fancybox-media{
	position: absolute;
	top: 0;
	right: 10px;
	color: #575757;
}
#home-content .orgChart .childOrgsOffice p{
	padding: 20px 5px 10px 5px;
	border-radius: 5px;
	font-weight: bold;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.sub0 > p{
	border: 1px solid #441F49;
	border-bottom: 4px solid #441F49;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.sub1 > p{
	border: 1px solid #763775;
	border-bottom: 4px solid #763775;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.grid12.sub1{
	padding-left: 40px;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.sub2 > p{
	border: 1px solid #B094B5;
	border-bottom: 4px solid #B094B5;
}
#home-content .orgChart .childOrgsOffice > .grid12 > div > div.grid12.sub2{
	padding-left: 80px;
}
#home-content .orgChart .childOrgsOfficeLine{
	position: relative;
}

/** child orgs **/
#home-content .orgChart .childOrgs{
	overflow: hidden;
	position: relative;
	z-index: 1;
}
#home-content .orgChart .childOrgs .fiveRow > div{
	width: 20%;
}
#home-content .orgChart .childOrgs > .grid12{
	margin: 10px 0;
	margin-top: 40px;
	position: relative;
	top: 0;
	left: 0;
	opacity: 1;
	transition: all .5s ease-in-out;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.grid12{
	padding: 0 5px;
	margin: 5px 0;
	position: relative;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.grid12 a.fancybox-media{
	position: absolute;
	top: 0;
	right: 10px;
	color: #575757;
}
#home-content .orgChart .childOrgs p{
	padding: 20px 5px 10px 5px;
	border-radius: 5px;
	font-weight: bold;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.sub0 > p{
	border: 1px solid #441F49;
	border-bottom: 4px solid #441F49;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.sub1 > p{
	border: 1px solid #763775;
	border-bottom: 4px solid #763775;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.grid12.sub1{
	padding-left: 40px;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.sub2 > p{
	border: 1px solid #B094B5;
	border-bottom: 4px solid #B094B5;
}
#home-content .orgChart .childOrgs > .grid12 > div > div.grid12.sub2{
	padding-left: 80px;
}




/*	WHATS NEXT PAGE	*/
#whatsNextPage{
	padding: 0px 20%;
}
#whatsNextPage h2{
	font-size: 2.4em;
	display: inline-block;
	padding: 20px;
	position: relative;
	color: #fff;
	background-color: #382140;
}
#whatsNextPage h2:after {
	content:'';
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	margin: 0 30px;
	width: 0;
	height: 0;
	border-top: solid 20px #382140;
	border-left: solid 20px transparent;
	border-right: solid 20px transparent;
}
#whatsNextPage h3{
	font-size: 1.8em;
	color: #382140;
}
#whatsNextPage .grid2, #whatsNextPage .grid10{
	padding: 10px 20px;
}
#whatsNextPage .grid2 p{
	display: inline-block;
	text-align: right;
	padding: 20px 20px;
	border: 6px solid #d4a129;
	font-size: 3em;
	color: #382140;
	font-weight: bold;
}
#whatsNextPage .row-responsive:nth-of-type(n+10) .grid2 p {
	padding: 20px 10px;
}

@media only screen and (max-width:768px){
	#whatsNextPage {
		padding: 0px 4%;
	}
}
#home-content .left-center .grid4{
	padding: 0px 10px;
}
#home-content .left-center .grid4 p{
	text-align: left;
}
#home-content .left-center .grid4 img{

}



@media (min-width:768px) and (max-width:1536px) {
	#home-content .cardBox:hover .cardContent {
		overflow-y: scroll;
	}
}
@media only screen and (max-width:807px){
	#home-content .seniorCanvas{
		top: 5px;
	}
}
@media only screen and (max-width:768px){
	.purplePara{
		padding: 20% 5% 20% 5%;
	}
	.pyPara2, .pyPara1{
		display: block;
	}
	.pyPara2 .grid6:first-of-type{
		background-color: #382140;
	}
	.pyPara2 .grid6:last-of-type{
		background-color: #FFE800;
	}
	.collageImages .row-responsive:first-of-type{
		margin-bottom: 0px;
		display: block;
	}
	.collageImages .row-responsive:first-of-type .grid3, .collageImages .row-responsive:last-of-type .grid3, .collageImages .row-responsive:first-of-type .grid5, .collageImages .row-responsive:first-of-type .grid4, .collageImages .row-responsive:last-of-type .grid5, .collageImages .row-responsive:last-of-type .grid4{
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 20px;
		display: block;
	}
	.collageImages{
		padding: 30px 20px;
	}
	#home-content .orgChart .grid9 > div{
		padding: 0 2px;
	}
}

/*	WHATS NEXT PAGE	*/

#home-content .textRed {
	color: #e03e2d;
}

#home-content .textGreen {
	color: #008000;
}

#home-content .textBlue {
	color: #236fa1;
}