@charset "UTF-8";



a:hover {
	color:#00adab;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;}
	

body,
html { height: 100%;
	 }

body {
	overflow-x: hidden;
	margin: 0;
	height: 100%;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	
}



h1 {
	font-size: 2.25em;
	font-weight:500;
	text-transform:uppercase;
}

.headerH1  {
	color: #FFFFFF;
	float: left;
	line-height: 50px;
	margin-top: 50px;
	margin-left: 25px;
}



.site-wrap {
	min-width: 100%;
	position: relative;
	top: 0;
	bottom: 100%;
	right: 0;
	z-index: 1;
	min-height: 100%;
}

.site-wrap.open.right { right: 25%; }

.site-wrap,

.offcanvas { transition: left 0.4s; }

/* Header Styling */	
/* Header Styling Close*/

/* Navigation Styling */	

.main-nav {
	width: 100%;
	background-color: #fff;
	opacity:0.95;
	position:fixed;
	top:0;
	z-index:400;
	border-bottom:1px solid #e3e3e3;
	
	
	}

.navContainer {
	width:1200px;
	margin:0 auto;
	height:90px;

	}	
	
.navLogo {
	height:60px;
	float:left;
	margin-top:15px; 
	margin-left:20px; 
	margin-right:50px;
	}
	
.nsflogo {
	height:100px;
	display:block;
	margin:0 auto;
	margin-top:10px;
	}	

.navH2 {
	float: left;
	line-height: 90px;
	width: 75px;
	color: #fff;
	font-weight: bold;
	font-size: 1.5em;
}	
	
.navLi {
	display:inline-block;
	height:100%;
	float:left;
	margin:0px;}	

.navLi-on {
	display:inline-block;
	height:100%;
	float:left;
	margin:0px;}	
	
.navLi a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 85px;
	text-decoration: none;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	letter-spacing:2px;
}

.navLi-on a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 85px;
	text-decoration: none;
	color: #000;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: bold;
	letter-spacing:2px;
	border-bottom:5px solid #00adab;
}
	
.navLi a:hover {
	border-bottom:5px solid #00adab;
	transition-duration:0.2s;
	background-color:#fff;}		
		
/* Close Navigation Styling */

/* Footer Styling */

.footpad {
    height: 75px;
    clear: both;
}

footer {
	width:100%;
	background-color:#575757;
}
	
#footerContainer {
	width:1200px;
	margin:0 auto;
	height:400px;}	
	
#footerLeft {
	float:left;
	width:31%;
	height:100%;
	padding:20px;
	}
	
#footercchfButton {
	padding:10px;
	line-height:50px;
	font-size:1.25em;
	text-decoration:none;
	color:#000000;
	background-color:#575757;
	margin-right:20px;
	margin-top:5px;
	text-align:left;
	width:100%;}	

#footercchfButton:hover {
	background-color:#E5E6E7;
	}
	
#footerLeft a {
	float:left;
	line-height:35px;
	color:#fff;
	margin-right:33px;
	margin-top:10px;
	}	
	
#footerLeft a:hover {
	color:#00adab;}
	
#footerCenter {
	float:left;
	width:36%;
	height:100%;
	padding:20px;}	
	
#footerCenter p {
	color:#fff;
	font-size:0.75em;}

#footerCenter a {
	color:#fff;}
#footerCenter a:hover {
	color:#00adab;}		
	
#footerRight {
	float:left;
	width:31%;
	height:100%;
	padding:20px;
	}

#footerMenu {
	float:left;
	width:50%;
	}
#footerMenu {
	text-decoration:none;
	color:#fff;
	list-style:none;}	
	
.footerMenua {
	color:#fff;
	text-decoration:none;
	line-height:30px;
	font-weight:bold;}

#returnTop {
	float:right;
	height:100%;
	}

#returnTop a{
	color:#fff;
	line-height:100px;
	width:100%;
	height:100%;
	display:block;
	float:right;}	
	
#returnTop a:hover{
	color:#00adab;}	
	
	

/* Footer Styling Close*/

/* Page Styling */

.page {
	width:100%;
	background-color:#F5F5F5;
	margin-top:90px;}
	
.pageContainer {
	width:1200px;
	margin: 0 auto;
	background-color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	min-height:1000px;}	

blockquote {
	padding:10px;
	font-style:italic;
	background-color:#dedede;
	line-height:35px;
	border-left: 6px solid #00abad;
	}

/* Close Page Styling */

/* Page Sections Styling Open*/

.altmetric-embed {
	float:left;
	display:inline-block;
	margin-top: 5%;
	margin-left:30%;
	}

.HomeTopContainer {
	float:left;
	width:100%;
	background-color:#ffffff;
	margin-top:10px;
	margin-bottom:20px;}
	
	
#mission-box {
    float:left;
    width:600px;
    min-height: 60px;
    margin-top: 10px;
	margin-left:20px;
	
}	
	
#mission-box h1 {
	font-size:2.25em; 
	line-height:50px; 
	color:#6d6e71;
	}	
	
#mission-box p {
	font-size:1.0em;
	line-height:42px;
	}	

.shortcut_img {
	float:right; 
	width:35%; 
	margin-right:40px;
	}
	
.sectionContainer {
	float:left;
	display:block;
	width:100%;
	border-top:6px solid #00adab;
	padding-left:0px;
	margin-bottom:10px;
	background-color:#ffffff;
	padding-bottom:10px;}	

#nivo-box {
	width: 100%;
	
}

.sectionTitle {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:20px;}
	

.cchfButton {
	padding:10px;
	line-height:50px;
	font-size:1.25em;
	text-decoration:none;
	color:#000000;
	background-color:#D7D7D7;
	margin-right:20px;
	margin-top:5px;
	text-align:right;}
	
.cchfButton:hover {
	background-color:#00adab;
	color:#ffffff;
	}


.formContainer {
	float:left;
	display:block;
	width:100%;
	margin-bottom:50px;
	background-color:#ffffff;
	padding-bottom:10px;
	height:1000px;
	overflow:hidden;}
	
.formContainer iframe {
	width:100%;
	height:100%;
	}	
	
.threeColumnFeature {
	float:left;
	width:690px;
	height:300px;
	background-color:#F5F5F5;
	border-top:2px solid #00adab;
	}


	
.threeColumnFeature .tileImgHrz {
	
	float:left;
	width:100%;
	height:70%;
	background-color:#fff;
	overflow:hidden;
	border:1px solid #D7D7D7;
	object-fit:cover;
	margin-right:20px;
	}
	
	
.threeColumnFeature:hover {
	background-color:#D7D7D7;}	
	
.oneColumnTall {
	float:left;
	width:220px;
	height:300px;
	background-color:#F5F5F5;
	border-top:2px solid #00adab;
	margin-left:15px;
	}
	
.oneColumnTall .tileImgHrz {
	
	float:left;
	width:100%;
	height:50%;
	background-color:#fff;
	overflow:hidden;
	border:1px solid #D7D7D7;
	object-fit:cover;
	margin-right:20px;
	}	
	
.oneColumnTall:hover {
	background-color:#D7D7D7;}	
	
.oneColumnListContainer {
	width:220px;
	margin-left:0px;
	float:right;
	margin-right:20px;
	
	}		

.oneColumnListContainer .tileImgHrz {
	
	float:left;
	width:100%;
	height:30%;
	background-color:#fff;
	overflow:hidden;
	border:1px solid #D7D7D7;
	object-fit:cover;
	margin-right:20px;
	}

.oneColumnUL {
	list-style:none;
	width:100%;
	display:block;}

.oneColumnUL li{
	width:100%;
	height:250px;
	margin-bottom:10px;
	border-top: 2px solid #00adab;
	float:right;
	background-color:#F5F5F5;
	}
	
.oneColumnUL .LIend {
	width:100%;
	height:130px;
	border-top: 2px solid #00adab;
	float:left;
	background-color:#F5F5F5;
	}		

.oneColumnUL li:hover {
	background-color:#D7D7D7;}
	
.oneColumnUL LIend:hover {
	background-color:#D7D7D7;}
	
.twoColumnListContainer {
	width:450px;
	margin-left:0px;
	float:right;
	margin-right:20px;
	}		

.twoColumnUL {
	list-style:none;
	width:100%;
	display:block;}

.twoColumnUL li {
	width:100%;
	height:120px;
	margin-bottom:10px;
	border-top: 2px solid #00adab;
	float:right;
	background-color:#F5F5F5;
	}
	
.twoColumnUL .LIend {
	width:100%;
	height:130px;
	border-top: 2px solid #00adab;
	float:right;
	background-color:#F5F5F5;
	}		

.twoColumnUL li:hover {
	background-color:#D7D7D7;}
	
.twoColumnUL LIend:hover {
	background-color:#D7D7D7;}		
	
.fourColumnListContainer {
	margin-top:10px;
	float:left;

	}		

.fourColumnListContainer .tileImgHrz {
	
	float:left;
	width:100%;
	height:50%;
	background-color:#fff;
	overflow:hidden;
	border:1px solid #D7D7D7;
	object-fit:cover;
	margin-right:20px;
	}

.fourColumnUL {
	list-style:none;
	width:100%;
	display:block;}

.fourColumnUL li {
	width:220px;
	height:340px;
	margin-right:15px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}
	
.fourColumnUL .LIend {
	width:220px;
	height:340px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}		

.fourColumnUL li:hover {
	background-color:#D7D7D7;}
	
.fourColumnUL LIend:hover {
	background-color:#D7D7D7;}	
	
.fiveColumnListContainer {
	
	margin-top:10px;
	padding-left:0px;
	float:left;

	}		

.fiveColumnUL {
	list-style:none;
	width:100%;
	display:block;}

.fiveColumnUL li {
	width:18%;
	height:290px;
	margin-right:0px;
	margin-bottom:40px;
	margin-left:20px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	transition: box-shadow 0.33s;
	}
	
		

.fiveColumnUL li:hover {
	background-color:#D7D7D7;
	box-shadow: 0px 0px 10px 1px grey;
	}
	
.fiveColumnUL .LIend:hover {
	background-color:#D7D7D7;}	

.portalList {
	list-style:none;
	width:100%;
	display:block;
	color: aliceblue;
	}

.portalListLi {
	width:200px;
	height:200px;
	padding:10px;
	margin:20px;
	text-align: center;
	background-color:#EDEDED;
	display:inline-block;
	float:left;
	transition: box-shadow 0.33s;
	}


.portalListLi :hover {
	
	box-shadow: 0px 0px 10px 1px grey;
	}

.tileWholeLink {
	display:inline-block;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#000;
	position:relative;
	}

.tileWholeLink:hover {
	color:#000;
	}
	
.tileWholeLink h3 {
	font-size:1.5em;
	padding:10px;
	font-weight:bold;
	margin-top:10px;
	display:block;
	}	
	
.tileWholeLink p {
	font-size:1em;
	padding:10px;
	color:#5E5E5E;
	display:block;
	}	
	
.sectionTitle {
	padding-left:10px;}	

.tileImgHrz {
	float:left;
	width:100%;
	margin-bottom:10px;
	display:block;}
	
.tileImgVrt {
	float:left;
	height:100%;
	margin-right: 20px;
	display:block;}
	
.tileID {
	float:left;
	width:100%;
	line-height:30px;
	color:#fff;
	display:block;
	}	

.tileID p {
	padding-left:5px;
	}

.articleTopSection {
	float:left;
	width:100%;}
	
.articleTopLeft {
	float:left;
	margin-left:20px;
	width:220px;
	min-height:200px;}
	
.articleTopCenter {
	float:left;
	margin-left:15px;
	width:690px;
	min-height:200px;}
	
.articleTopRight {
	float:left;
	margin-left:15px;
	width:220px;
	min-height:200px;}
	
.profileTopSection {
	float:left;
	width:100%;}
	
.profileTopLeft {
	float:left;
	margin-left:20px;
	width:220px;
	min-height:200px;}
	
.profileTopCenter {
	float:left;
	margin-left:15px;
	width:690px;
	min-height:200px;}
	
.profileTopRight {
	float:left;
	margin-left:15px;
	width:220px;
	min-height:200px;}	
	
.articleTitleH2 {
	font-size:2.0em;
	margin-bottom:20px;}
	
.articleTitleH3 {
	margin-top:10px;
	margin-bottom:10px;
	color:#5e5e5e;
	font-size:1.3em;}
	
.articleImg {
	margin-top:10px;
	width:100%;}		
	
.articleTopLink {
	font-weight:bold;
	text-decoration:none;
	font-size:1.25em;
	margin-top:10px;
	color:#00adab;}	
	
.articleMainSection {
	float:left;
	width:100%;
	}
	
.articleMainLeft {
	float:left;
	margin-left:20px;
	width:220px;
	min-height:200px;}
	
.articleMainCenter {
	float:left;
	margin-left:15px;
	width:690px;
	min-height:200px;}
	
.articleMainRight {
	float:left;
	margin-left:15px;
	width:220px;
	min-height:200px;}
	
.profileMainLeft {
	float:left;
	margin-left:20px;
	width:220px;
	min-height:50px;}
	
.profileMainCenter {
	float:left;
	margin-left:15px;
	width:690px;
	}
	
.profileMainRight {
	float:left;
	margin-left:15px;
	width:220px;
	min-height:50px;}	
	
.bodyText {
	font-size:1.1em;
	line-height:30px;}
	
.articleSidebar {
	display:block;
	width:95%;
	margin: 0 auto;
	background-color:#F5F5F5;
	min-height:60px;
	margin-bottom:20px;}
	
.researchSidebar {
	float:left;
	display:block;
	width:100%;
	background-color:#F5F5F5;
	min-height:60px;
	margin-bottom:20px;}	
	
.articleUL {
	list-style:none;
	width:100%;
	height:100%;
	padding:10px;}
	
.profileUL {
	list-style:none;
	
	
	}

#chart_div {
    margin:auto;
    margin-top:20px;
}

.profileUL li {
	width:210px;
	height:60px;
	background-color:#f5f5f5;
	line-height: 60px;
	display:inline-block;
	margin-right:10px;
	margin-bottom:20px;
	}
	
	
.profileUL a {
	display:block;
	width:100%;
	height:100%;
	padding:0px;
	text-decoration:none;
	color:#000;
	padding-left:20px;
	}	
	
.profileUL a:hover {
	background-color:#D7D7D7;
	color:#000;
	}	
	
.communityImg {
	width: 700px;
	float:right;
	display: block;
	margin-right: 105px;
	margin-top: 30px;
	margin-bottom: 30px;
	}
	
.articleLI {
	margin-bottom:5px;}	
	
.articleLI a {
	text-decoration:none;
	color:#000;}	
	
.articleLI a:hover {
	color:#00adab;}	
	
.articleBottomSection {
	float:left;
	margin-top:50px;
	width:100%;
	border-top:6px solid #00adab;
	}	
	
.articleBottomSection h2 {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:20px;
	}
	
.profileBottomSection {
	float:left;
	margin-top:50px;
	width:100%;
	border-top:6px solid #00adab;
	}	
	
.profileBottomSection h2 {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:20px;
	}	

.researchBottomSection {
	float:left;
	margin-top:50px;
	width:100%;
	border-top:6px solid #006eb6;
	}	
	
.researchBottomSection h2 {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:20px;
	}
	
.outreachBottomSection {
	float:left;
	margin-top:50px;
	width:100%;
	border-top:6px solid #00bf6f;
	}	
	
.outreachBottomSection h2 {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:20px;
	}	

.educationBottomSection {
	float:left;
	margin-top:50px;
	width:100%;
	border-top:6px solid #9d2816;
	}	
	
.educationBottomSection h2 {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:20px;
	}	

	
.communityCenter h2 {
	width:100%;
	height:50px;
	line-height:50px;
	font-size:1.5em;
	padding-left:0px;
	}	
	
.communityLeft {
	display:block;
	position:fixed;
	top:300;
	margin-left:20px;
	margin-bottom: 10px;
	width:220px;
	height: 100%}
	
.communityCenter {
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:right;}
	
.alumniMap {
    overflow:hidden;
    padding-bottom:60%;
    position:relative;
    height:0;	
	}	
	
.alumniMap iframe{
    left:0;
    top:0;
    height:78%;
    width:96%;
    position:absolute;
}	
	
.communitySidebar {
	display:block;
	float:left;
	width:95%;
	margin: 0 auto;
	background-color:#F5F5F5;
	min-height:200px;}	
	
.communityContainer {
	margin-top:10px;
	float:left;
	width:910px;
	}		

.communityUL {
	list-style:none;
	width:100%;
	display:block;
	float:left;}

.communityUL li {
	width:430px;
	height:150px;
	margin-right:11px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	margin-bottom:10px;
	}
	
.communityUL .LIend {
	width:430px;
	height:150px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}		

.communityUL li:hover {
	background-color:#D7D7D7;}
	
.communityUL LIend:hover {
	background-color:#D7D7D7;}	

.communityUL .tileImgVrt {
	height:100%;
	width:auto;
	}
	
.communityDescription {
	width:95%;
	float:left;
	margin-right:40px;
	margin-bottom:50px;
	}	
	
.publicationLeft {
	display:block;
	position:fixed;
	top:300;
	margin-left:20px;
	width:220px;
	height:100%;}
	
.publicationCenter {
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:right;
	width:920px;
	}	
	
.publicationSidebar {
	display:block;
	float:left;
	width:95%;
	margin: 0 auto;
	background-color:#F5F5F5;
	margin-top:20px;
	padding-right:10px;
	padding-left:10px;}	
	
.publicationContainer {
	float:left;
	width:98%;
	height:220px;
	margin-top:20px;
	background-color:#f5f5f5;
	
	}
	
.publicationImage img {
	
	display:block;
	
	}	
	
.publicationImage {
	float:left;
	width:220px;
	height:220px;
	background-color:#fff;
	overflow:hidden;
	border:1px solid #656565;
	}
	
.publicationLink {
	display:block;
	width:100%;
	height:100%;
	}	
	
.publicationContainer:hover {
	background-color:#D7D7D7;
	}	
	
.ui-input-search {
	background-color:#fff;
	}
	

	
.collaborativeIndex {
	height:100%;
	width:50px;
	background-color:#006eb6;
	float:right;
	}	
	
.collaborativeIndex ul {
	width:100%;
	list-decoration:none;
	}
	
.collaborativeIndex li {
	width:100%;
	margin-top:10px;
	display:block;
	text-align:center;
	color:#fff;
	
	}
	
.educationBorder {
	height:100%;
	width:50px;
	background-color:#9d2816;
	float:right;
	}	
	
.educationBorder ul {
	width:100%;
	list-decoration:none;
	}
	
.educationBorder li {
	width:100%;
	margin-top:10px;
	display:block;
	text-align:center;
	color:#fff;
	
	}
	
.outreachBorder {
	height:100%;
	width:50px;
	background-color:#00bf6f;
	float:right;
	}	
	
.outreachBorder ul {
	width:100%;
	list-decoration:none;
	}
	
.outreachBorder li {
	width:100%;
	margin-top:10px;
	display:block;
	text-align:center;
	color:#fff;
	
	}	
	
.communityBorder {
	height:100%;
	width:50px;
	background-color:#00adab;
	float:right;
	}	
	
.communityBorder ul {
	width:100%;
	list-decoration:none;
	}
	
.communityBorder li {
	width:100%;
	margin-top:10px;
	display:block;
	text-align:center;
	color:#fff;
	
	}	
	
.publicationTitle {
	width:600px;
	margin-left:20px;
	margin-top:10px;
	float:left;
	}
	
.publicationTitle h2{
	font-size:1.3em;
	color:#000;
	}

.publicationInfo {
	width:600px;
	margin-left:20px;
	margin-top:10px;
	float:left;
	color:#656565;
	}					

.patentTitle {
	width:800px;
	margin-left:20px;
	margin-top:10px;
	float:left;
	}
	
.patentInfo {
	width:800px;
	margin-left:20px;
	margin-top:10px;
	float:left;
	color:#656565;
	}

.publicationInfo h3 {
	
	color:#656565;
	font-size:1em;
	}

.publicationInfo h4 {
	font-style:italic;
	
	font-size:1.25em;
	}
	
.publicationInfo h5 {
	font-weight:bold;
	
	font-size:1.25em;
	}		
	
.twitterContainer {
	margin:10px;
	width:350px;
	float:left;}	

.facebookContainer {
	margin:10px;
	width:350px;
	float:left;
	}
	
.instagramContainer {
	float:left;
	width:350px;
	margin-left:10px;
	}
	


/* Page Sections Styling Close*/

.aboutGroup {
	width:100%;
	}
	
.aboutLeft {
	display:block;
	float:left;
	margin-left:20px;
	width:240px;}
	
.aboutMain {
	float:right;
	width:910px;
	padding:10px;
	padding-right:20px;
	margin-bottom:30px;
	}	
	
.aboutMain h2 {
	color:#00adab;
	font-size: 1.5em;
	
	}
	
.aboutSectionContainer {
	float:left;
	display:block;
	width:100%;
	background-color:#ffffff;
	padding-bottom:10px;}	
	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	

.imgLeft {
	float:left;
	display:inline-block;
	padding:10px;
	max-width:50%;
	}
	
.imgCenter {
	float:left;
	display:inline-block;
	padding:10px;
	max-width:95%;
	}		

.researchBanner {
	width:100%;
	}
	
.researchLeft {
	display:block;
	float:left;
	margin-left:20px;
	width:240px;}
	
.researchMain {
	float:right;
	width:910px;
	padding:10px;
	padding-right:20px;
	margin-bottom:30px;
	}
	
.researchMain h2 {
	color:#00adab;
	font-size: 1.5em;
	
	}	

.researchLeft h2 {
	color:#00adab;
	font-size: 1.5em;
	padding:20px;
	
	}

.researchMain .tileWholeLink:hover {
	background-color:#E5E6E7;
	
	}
	
	
	
#pageFaculty {
	position:relative;
	display:inline-block;
	bottom:140px;
	}
	
#pageManagement {
	position:relative;
	display:inline-block;
	bottom:140px;
	}
	
#pagePostdoc {
	position:relative;
	display:inline-block;
	bottom:140px;
	}
	
#pageStudent {
	position:relative;
	display:inline-block;
	bottom:140px;
	}				

/* Grid Styling Start*/

.EODGridContainer {
	display: grid;
	grid-template: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-gap: 10px;
	width: 100%;
	
}

.EODBox {	
		background-color: #A1A1A1;
	  	color: #fff;
	  	font-size: 150%;

}

.EODIntro {
		background-color: #fff;
	  	color: #000000;
	  	padding: 20px;
	  	font-size: 100%;
		grid-column: 1 / 5;
		grid-row: 1 / 2;
}


.EODAllEvents {
		grid-column: 6 / 7;
		grid-row: 1 / 2;
		align-self: center;
		height:300px;
	    background-image: url("../images/education/eod_all.jpg");
		background-size: cover;
		background-position: -20px;

}

.EODPDP {
		grid-column: 1 / 5;
		grid-row: 2 / 3;
		align-self: center;
		height:250px;
	    background-image: url(../images/education/pdp.jpg);
		background-size: cover;
		background-position: 0px;

}

.EODREP {
		grid-column: 5 / 7;
		grid-row: 2 / 3;
		align-self: center;
		height:250px;
	    background-image: url("../images/education/gre.jpg");
		background-size: cover;
		background-position: 0px;
}

.EODAR {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
		align-self: center;
		height:250px;
	    background-image: url("../images/outreach/awards.png");
		background-size: cover;
		background-position: -150px;
}

.EODPFI {
		grid-column: 2 / 4;
		grid-row: 3 / 4;
		align-self: center;
		height:250px;
	    background-image: url(../images/education/PFI_lightbulb.jpg);
		background-size: cover;
		background-position: -20px;
		background-color: #fff;
}

.EODVS {
		grid-column: 4 / 7;
		grid-row: 3 / 4;
		align-self: center;
		height:250px;
	    background-image: url(../images/education/cchfvs.jpg);
		background-size: cover;
		background-position: 0px;
}

.EODOPEN {
		grid-column: 1 / 3;
		grid-row: 5 / 6;
		align-self: center;
		height:250px;
	    background-image: url(../images/education/open_icon.jpg);
		background-size: cover;
		background-position: 0px;
}

.EODGSPC {
		grid-column: 4 / 6;
		grid-row: 4 / 5;
		align-self: center;
		height:250px;
	    background-image: url(../images/education/gspc.jpg);
		background-size: cover;
		background-position: 0px;
}

.EODEnvoy {
		grid-column: 6 / 7;
		grid-row: 4 / 5;
		align-self: center;
		height:250px;
	    background-image: url(../images/events/2014_02_gspcchepiga.jpg);
		background-size: cover;
		background-position: -75px;
}

.EODCSURP {
		grid-column: 1 / 4;
		grid-row: 4 / 5;
		align-self: center;
		height:250px;
	    background-image: url("../images/education/CSURP_web.png");
		background-size: cover;
		background-position: 0px;
}

.EODConf {
		grid-column: 3 / 5;
		grid-row: 5 / 6;
		align-self: center;
		height:250px;
	    background-image: url(../images/events/2014_10_ocdc.jpg);
		background-size: cover;
		background-position: 0px;
}

.EODOutreach {
		grid-column: 5 / 7;
		grid-row: 5 / 6;
		align-self: center;
		height:250px;
	    background-image: url(../images/outreach/scifest2.JPG);
		background-size: cover;
		background-position: 0px;
}

.GridCellLink {
	font-size: 40px;
	display: block;
	text-align: left;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: #fff;
	padding: 20px;
	padding-top:20px;
	font-weight: bold;
	letter-spacing:2px;
	border: 1px solid #fff;
}

.GridCellLink:hover {
	color: #000;
	border:1px solid #000;
	background-color: #fff;
	opacity: 0.66;
}
/* Grid Styling End*/


@media (min-width: 800px) and (max-width: 1024px){
	
.offcanvas-trigger {
	display:block;
	line-height:40px;}
	
.nav-soc {
	margin-left:10%}	
	
.nav-button {
  line-height:50px;
}	
	
#fixednavContainer {
	width:960px;
	
	}	
	
	
	
#fixednavContainer .offcanvas-trigger {
	line-height:70px;
	}	
	
.headerContainer {
	width:960px;
	height:125px;
	}	
	
.headerLogo {
	margin-top:10px;
	height:100px;
	}	
	
.navContainer {
	width:960px;
	height:90px;

	}		
	
.navLi a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 90px;
	text-decoration: none;
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	letter-spacing:1px;
	font-size:0.939em;
	border-right:1px solid #d6d6d6;
}	

.navLi-on {
	height:100%;
	line-height:90px;
	}

.navLi-on a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 90px;
	text-decoration: none;
	color: #000;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
	letter-spacing:1px;
	font-size:0.939em;
	border-right:1px solid #d6d6d6;
}

.navLi a:hover {
	transition-duration:0.2s;
	border-bottom:5px solid #00adab;
	color:#000;}
	
.navLogo {
	 
	margin-right:30px;
	}	
	
#mission-box {
    float:left;
    width:55%;
    min-height: 60px;
    margin-top: 10px;
	margin-left:20px;
	
}	

#mission-box h2 {
	font-size:1.5em;
	line-height:40px;
	}
	
#mission-box p {
	font-size:1.0em;
	line-height:29px;
	}

.fiveColumnUL li {
	width:18.7%;
	height:290px;
	margin-right:0px;
	margin-left:10px;
	margin-bottom:40px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}	
	
.tileWholeLink p {
	font-size:0.9em;
	padding:10px;
	color:#5E5E5E;
	display:block;
	}	
	
#footerContainer {
	width:960px;
	}	
	
.pageContainer {
	width:960px;
	}	

.headerMolecule {
	float:right;
	height:70%;
	margin-top:20px;}
	
.headerHover {
	height:60px;
	margin-top:10px;
	
	}	
	
.mainNavList {
	}	
	
#fixednav {
	display:none;}	
	
#footerLeft {
	width:32%;
	}
	
#footerCenter {
	width:33%;}
	
#footerRight {
	width:32%;}	
	
.sectionContainer {
	
	padding-left:10px;
	padding-bottom:10px;}	
	
.oneColumnListContainer {
	width:180px;
	margin-right:10px;
	}	
	
.oneColumnUL .tileImgVrt {
	display:none;}	
	
.threeColumnFeature {
	
	width:560px;
	height:300px;

	}	


	
	
	
.oneColumnTall {
	width:180px;
	margin-left:10px;
	}	
	
.fourColumnListContainer {

	}
	
.fourColumnUL li {
	width:180px;
	margin-right:10px;
	}	
	
.fourColumnUL .LIend {
	width:180px;
	height:340px;
	}	
		
	
.twoColumnListContainer {
	width:370px;
	margin-right:10px;
	}
	
.threeColumnListContainer {

	margin-top:10px;
	
	}		



.threeColumnUL li {
	width:180px;
	margin-right:10px;
	
	}
	
.threeColumnUL .LIend {
	width:180px;
	}	
	
.articleTopLeft {
	width:80%;
	min-height:50px;
	}
	
.articleTopCenter {
	width:70%;
	
	}	
	
.articleTopRight {
	width:25%;
	min-height:25px;
	
	}
	
.articleMainLeft {
	width:80%;
	min-height:25px;
	}	
	
.articleMainCenter {
	width:70%;
	
	}	
	
.articleMainRight {
	width:25%;
	min-height:25px;
	
	}	
	
.profileTopLeft {
	width:25%;
	
	}
	
.profileTopCenter {
	width:65%;
	
	}	
	
.profileTopRight {
	display:none;
	
	}
	
.profileMainLeft {
	width:25%;
	
	}	
	
.profileMainCenter {
	width:65%;
	
	}	
	
.profileMainRight {
	width:50%;
	min-height:25px;
	
	}		
	
.communityLeft {
	display:block;
	position:fixed;
	top:300;
	margin-left:20px;
	width:180px;
	height:100%;}
	
.communityCenter {
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:right;}
	
.communitySidebar {
	display:block;
	float:left;
	width:95%;
	margin: 0 auto;
	background-color:#F5F5F5;
	min-height:200px;}	
	
.communityContainer {
	margin-top:10px;
	float:left;
	width:760px;
	}		

.communityUL {
	list-style:none;
	width:100%;
	display:block;
	float:left;}

.communityUL li {
	width:365px;
	height:150px;
	margin-right:10px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	margin-bottom:10px;
	}
	
.communityUL .LIend {
	width:365px;
	height:150px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}		

.communityUL li:hover {
	background-color:#D7D7D7;}
	
.communityUL LIend:hover {
	background-color:#D7D7D7;}	
	
.communityImg {
	width:700px;
	display:block;
	margin-right:30px;
	margin-top:30px;
	}	
	
.publicationLeft {
	position:inherit;
	float:left;
	display:block;
	margin-left:20px;
	margin-bottom:25px;
	width:940px;
	height:25px;
	}
	
.publicationCenter {
	margin-top:50px;
	float:left;
	display:block;
	}		
	
.publicationSidebar li {
	display:inline-block;
	margin-right:25px;
	
	}
	


					
	
.aboutLeft {
	width:190px;
	}
	
.aboutMain {
	width:720px;
	}
	
.researchLeft {
	width:190px;
	}
	
.researchMain {
	width:720px;
	}		


/* Grid Styling Start*/



.GridCellLink {
	font-size: 30px;

}


/* Grid Styling End*/	
	
	
}

@media (min-width : 666px ) and (max-width : 800px ){
	
.offcanvas-trigger {
	display:block;
	line-height:40px;}
	
.nav-soc {
	margin-left:8%}	

.nav-button {
  line-height:50px;
}
	
	
	
#fixednavContainer .offcanvas-trigger {
	line-height:70px;
	}	
	
.headerContainer {
	width:750px;
	height:125px;
	
	}	
	
.navContainer {
	width:750px;
	height:90px;

	}		

.navLi a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 90px;
	text-decoration: none;
	color: #000;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	letter-spacing:1px;
	font-size:0.82em;
	border-right:1px solid #d6d6d6;
}	

.navLi-on a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 90px;
	text-decoration: none;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	letter-spacing:1px;
	font-size:0.82em;
	border-bottom:none;
	background-color:#00adab;
	border-right:1px solid #d6d6d6;
}

.navLi a:hover {
	border-bottom:none;
	transition-duration:0.3s;
	background-color:#00adab;
	color:#fff;}
	
.navLogo {
	height:40px;
	margin-right:20px;
	margin-top:25px;
	}
		
	
.shortcut_img {
	width:45%;
	margin-right:5px;
	}	
	
.fiveColumnUL li {
	width:31.5%;
	height:290px;
	margin-right:0px;
	margin-bottom:40px;
	margin-left:10px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}	
	
.tileWholeLink p {
	font-size:1em;
	padding:10px;
	color:#5E5E5E;
	display:block;
	}	
	
#footerContainer {
	width:750px;
	}	
	
.pageContainer {
	width:750px;
	}	

.headerMolecule {
	float:right;
	height:70%;
	margin-top:20px;}
	
.headerHover {
	height:60px;
	margin-top:10px;
	}		
	
.headerH1  {
	font-size:1.25em;
	font-weight:600;
	margin-left:10px;
}

.headerLogo {
	margin-top:10px;
	height:100px;
	
	}	
	
	
	
#fixednav {
	display:none;}	
	
#footerLeft {
	width:31%}
	
#footerCenter {
	width:31%;}
	
#footerRight {
	width:31%;}	
	
.sectionContainer {
	
	padding-left:10px;
	padding-bottom:10px;}	
	
.oneColumnListContainer {
	width:138px;
	margin-right:10px;
	}	
	
.oneColumnUL .tileImgVrt {
	display:none;}	
	
.threeColumnFeature {
	
	width:434px;
	height:300px;

	}	
	
.oneColumnTall {
	width:138px;
	margin-left:10px;
	}	
	
.fourColumnListContainer {

	}
	
.fourColumnUL li {
	width:135px;
	margin-right:13px;
	}	
	
.fourColumnUL .LIend {
	width:135px;
	height:340px;
	}	
		
	
.twoColumnListContainer {
	width:286px;
	margin-right:10px;
	}
	
.threeColumnListContainer {

	margin-top:10px;
	
	}		



.threeColumnUL li {
	width:135px;
	margin-right:10px;
	
	}
	
.threeColumnUL .LIend {
	width:135px;
	}	
	
	
	


#mission-box {
	width:50%;

	}	

#mission-box h1 {
	font-size:24px;
	}
	
#mission-box p {
	font-size:14px;
	line-height:25px;
	}	
	
.tileImgVrt {
	float:left;
	width:50%;
	height:auto;
	overflow:hidden;
	margin-right: 10px;
	display:block;}	
		
.articleTopLeft {
	width:80%;
	min-height:50px;
	}
	
.articleTopCenter {
	width:70%;
	
	}	
	
.articleTopRight {
	width:25%;
	min-height:25px;
	
	}
	
.articleMainLeft {
	width:80%;
	min-height:25px;
	}	
	
.articleMainCenter {
	width:70%;
	
	}	
	
.articleMainRight {
	width:25%;
	min-height:25px;
	
	}
	
.profileTopLeft {
	width:25%;
	
	}
	
.profileTopCenter {
	width:65%;
	
	}	
	
.profileTopRight {
	display:none;
	
	}
	
.profileMainLeft {
	width:25%;
	
	}	
	
.profileMainCenter {
	width:65%;
	
	}	
	
.profileMainRight {
	width:50%;
	min-height:25px;
	
	}	
	
.communityLeft {
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:left;
	width: 80%}
	
.communityCenter {
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:left;}
	
.communitySidebar {
	display:block;
	float:left;
	width:95%;
	margin: 0 auto;
	background-color:#F5F5F5;
	min-height:200px;}	
	
.communityContainer {
	margin-top:10px;
	float:left;
	width:580px;
	}		

.communityUL {
	list-style:none;
	width:100%;
	display:block;
	float:left;}

.communityUL li {
	width:280px;
	height:150px;
	margin-right:10px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	margin-bottom:10px;
	}
	
.communityUL .LIend {
	width:280px;
	height:150px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}
	
.communityUL h3 {
	font-size:1.0em;}		

.communityUL li:hover {
	background-color:#D7D7D7;}
	
.communityUL LIend:hover {
	background-color:#D7D7D7;}	
	
.communityImg {
	width:560px;
	display:block;
	margin-right:15px;
	margin-top:30px;
	}	
	
.publicationContainer {
	float:left;
	width:98%;
	height:220px;
	margin-top:20px;
	background-color:#f5f5f5;
	
	}	
	
.publicationContainer h2 {
	font-size:1.2em;
}
	
.publicationCenter {
	margin-top:50px;
	float:left;
	display:block;
	width: 98%;
	}	
	
.publicationLeft {
	position:inherit;
	float:left;
	display:block;
	margin-left:20px;
	margin-bottom:25px;
	width:98%;
	height:25px;
	}	
	
.publicationSidebar li {
	display:inline-block;
	margin-right:25px;
	
	}
	
.publicationTitle {
	width:430px;
	margin-left:20px;
	margin-top:10px;
	float:left;
	}	
	
.publicationInfo {
	width:430px;
	}
	
.patentTitle {
	width:500px;
	
	}
	
.patentInfo {
	width:500px;
	
	}	
	
.instagramContainer {
	height:auto;
	}	
	
.aboutLeft {
	width:150px;
	}
	
.aboutMain {
	width:550px;
	}
	
.researchLeft {
	width:150px;
	}
	
.researchMain {
	width:550px;
	}	

	
/* Grid Styling Start*/



.GridCellLink {
	font-size: 20px;
	
}


/* Grid Styling End*/	
	
}

@media (min-width : 100px ) and (max-width : 667px ){

.offcanvas-trigger {
	display:block;
	line-height:40px;}

.nav-button {
  line-height:50px;
}

.nav-item {
	width:100%;
	height:30px;}
	
.nav-item a {
	line-height:90px;
	
	}	
	
#fixednavContainer {
	width:90%;
	
	}	

#fixednavContainer .offcanvas-trigger {
	line-height:70px;
	}
	
.headerContainer {
	width:90%;
	height:125px;
	}	

.main-nav {
	width: 100%;
	background-color: #fff;
	opacity:0.95;
	position:relative;
	top:0;
	z-index:33;
	border-bottom:1px solid #e3e3e3;
	
	
	}
	
.navContainer {
	height:auto;
	width:90%;
	
	}	

.navLi {
	width:50%;
	}

.navLi-on {
	width:50%;
	}

.navLi a {

	line-height: 45px;
	letter-spacing:1px;
	font-size:0.65em;
	border:1px solid #d6d6d6;
	text-align:center;
}	

.navLi-on a {
	color:#fff;
	background-color:#00adab;
	line-height: 45px;
	letter-spacing:1px;
	font-size:0.65em;
	border:1px solid #d6d6d6;
	text-align:center;
}	

.navLi a:hover {
	border:1px solid #d6d6d6;
	transition-duration:0.3s;
	background-color:#00adab;
	color:#fff;}
	
.navLogo {
	height:auto;
	width:33%;
	margin-right:30%;
	margin-top:15px;
	margin-left:30%;
	margin-bottom:15px;
	}		

#mission-box h1 {
	font-size:1.5em; 
	line-height:50px; 
	color:#6d6e71;
	}

.HomeTopContainer {
	float:left;
	width:100%;
	background-color:#ffffff;
	margin-top:10px;
	margin-bottom:20px;}
	
.headerHover {
	height:60px;
	}	
	
#footerContainer {
	width:90%;
	height:600px;
	}	
	
.pageContainer {
	width:90%;
	}	

.headerMolecule {
	display:none;}	
	
.headerH1  {
	width:60%;
	font-size:1.25em;
	margin-left:10px;
}

.headerLogo {
	margin-top:10px;
	height:100px;
	}	
	
	
	
#fixednav {
	display:none;}	
	
#footerLeft {
	width:100%;
	height:25%;
	border:none;
	}
	
#footerCenter {
	width:100%;
	height:48%;
	border:none;}
	
#footerRight {
	width:100%;
	height:25%;
	border:none;}	
	
.sectionContainer {
	
	padding-left:10px;
	padding-bottom:10px;}	
	
.oneColumnListContainer {
	width:98%;
	margin-right:10px;
	margin-bottom:10px;
	height:auto;
	
	}	
	
.threeColumnFeature {
	width:98%;
	height:auto;
	margin-bottom:10px;
	}
	
.tileWholeLink p {
	font-size:0.8em;
	}

		
	
.oneColumnTall {
	width:98%;
	margin-left:0px;
	height:auto;
	margin-bottom:10px;
	}	
	
.fourColumnListContainer {
	width:100%;
	}
	
.fourColumnUL li {
	width:98%;
	margin-right:0px;
	height:150px;
	margin-bottom:10px;
	}	
	
.fourColumnUL .LIend {
	width:98%;
	height:150px;
	}	
	
.twoColumnListContainer {
	width:98%;
	margin-right:0px;
	float:left;
	margin-bottom:10px;
	}
	
.threeColumnListContainer {
	width:100%;
	margin-top:0px;
	
	}		



.threeColumnUL li {
	width:98%;
	margin-right:0px;
	height:150px;
	margin-bottom:10px;
	}
	
.threeColumnUL .LIend {
	width:98%;
	height:150px;
	}	

.headerHover {
	display:none;}



#mission-box {
	float:left;
    width:97%;
	margin-right:10px;
	margin-left:10px;
}

.shortcut_img {
	width:70%;
	margin-right:14%;
	}

.nav-soc {
	margin-left:6%}
	
.articleTopLeft {
	width:80%;
	min-height:50px;
	}
	
.alumniMap iframe{
    left:0;
    top:0;
    height:100%;
    width:96%;
    position:absolute;
}	
	
.articleTopCenter {
	width:90%;
	
	}	
	
.articleTopRight {
	width:80%;
	min-height:25px;
	
	}
	
.articleMainLeft {
	width:80%;
	min-height:25px;
	}	
	
.articleMainCenter {
	width:80%;
	
	}	
	
.articleMainRight {
	width:90%;
	min-height:25px;
	margin-top:25px;
	
	}	
	
.profileTopLeft {
	width:25%;
	
	}
	
.profileTopCenter {
	width:55%;
	
	}
	
.profileImage {
	width:100%;
	}	
	
.profileTopRight {
	display:none;
	
	}
	
.profileMainLeft {
	display:none;
	
	}	
	
.profileMainCenter {
	width:100%;
	margin-top:20px;
	
	}	
	
.profileMainRight {
	width:50%;
	min-height:25px;
	
	}	
	
.fiveColumnUL li {
	width:46%;
	height:290px;
	margin-right:0%;
	margin-left:2%;
	margin-bottom:50px;
	
	}
	
.fiveColumnUL .LIend {
	width:45%;
	height:290px;
	margin-right:2%;
	margin-bottom:2%;
	
	}	
	
.twitterContainer {

	width:280px;
	margin-left:0px;
}	

.facebookContainer {

	width:280px;
	margin-left:0px;
}	

.communityLeft {
	width: 100%;
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:right;}
	
.communityCenter {
	position:relative;
	margin-left:15px;
	min-height:200px;
	float:right;}
	
	
	
.communityContainer {
	margin-top:10px;
	float:left;
	width:90%;
	}		

.communityUL {
	list-style:none;
	width:100%;
	display:block;
	float:left;}

.communityUL li {
	width:100%;
	height:150px;
	margin-right:10px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	margin-bottom:10px;
	}
	
.communityUL .LIend {
	width:100%;
	height:150px;
	border-top: 2px solid #00adab;
	background-color:#F5F5F5;
	display:inline-block;
	float:left;
	}
	
.communityUL h3 {
	font-size:1.25em;}		

.communityUL li:hover {
	background-color:#D7D7D7;}
	
.communityUL LIend:hover {
	background-color:#D7D7D7;}	
	
.communityImg {
	width:100%;
	display:block;
	margin-right:0px;
	margin-top:30px;
	}

.publicationContainer {
	float:left;
	width:98%;
	height:220px;
	margin-top:20px;
	background-color:#f5f5f5;
	
	}	
	
.publicationContainer h2 {
	font-size:1em;
}
	
.publicationCenter {
	margin-top:50px;
	float:left;
	display:block;
	width: 98%;
	}	
	
.publicationLeft {
	position:inherit;
	float:left;
	display:block;
	margin-left:20px;
	margin-bottom:25px;
	width:98%;
	height:25px;
	}	
	
.publicationSidebar li {
	display:inline-block;
	margin-right:25px;
	
	}
	
.publicationTitle {
	width:33%;
	margin-left:5px;
	margin-top:10px;
	float:left;
	}	
	
.publicationInfo {
	display:none;
	}

.patentTitle {
	width:80%;
	
	}
	
.patentInfo {
	display:none;
	}

.tileImgHrz {
	float:left;
	height:auto;
	width:100%;
	overflow:hidden;
	margin-right: 20px;
	display:block;}	

.threeColumnFeature .tileImgHrz {
	display:none;
	}

.oneColumnTall .tileImgHrz {
	display:none;
	}	
	
.fourColumnListContainer .tileImgHrz {
	display:none;
	}	
	
.oneColumnListContainer	.tileImgHrz {
	display:none;
	}

.oneColumnUL li {
	height:130px;
	}
	
.aboutLeft {
	width:92%;
	}
	
.aboutMain {
	width:100%;
	}
	
.researchLeft {
	width:92%;
	}
	
.researchMain {
	width:100%;
	}		
	
.researchMain .imgLeft {
	max-width:100%;
	width:100%;
	}	

/* Grid Styling Start*/


.EODIntro {
		background-color: #fff;
	  	color: #000000;
	  	padding: 20px;
	  	font-size: 100%;
		grid-column: 1 / 7;
		grid-row: 1 / 2;
}


.EODAllEvents {
		grid-column: 1 / 7;
		grid-row: 2 / 3;
		align-self: center;
		height:200px;
		background-position: 0px;
}

.EODPDP {
		grid-column: 1 / 7;
		grid-row: 3 / 4;
		align-self: center;
		height:200px;

}

.EODREP {
		grid-column: 1 / 7;
		grid-row: 4 / 5;
		align-self: center;
		height:200px;

}

.EODAR {
		grid-column: 1 / 7;
		grid-row: 5 / 6;
		align-self: center;
		height:200px;

}
	
.EODAR {
		grid-column: 1 / 7;
		grid-row: 6 / 7;
		align-self: center;
		height:200px;

}	

.EODPFI {
		grid-column: 1 / 7;
		grid-row: 7 / 8;
		align-self: center;
		height:200px;

}

.EODVS {
		grid-column: 1 / 7;
		grid-row: 8 / 9;
		align-self: center;
		height:200px;

}

.EODOPEN {
		grid-column: 1 / 7;
		grid-row: 9 / 10;
		align-self: center;
		height:200px;

}

.EODGSPC {
		grid-column: 1 / 7;
		grid-row: 10 / 11;
		align-self: center;
		height:200px;

}

.EODEnvoy {
		grid-column: 1 / 7;
		grid-row: 11 / 12;
		align-self: center;
		height:200px;

}

.EODCSURP {
		grid-column: 1 / 7;
		grid-row: 12 / 13;
		align-self: center;
		height:200px;

}

.EODOutreach {
		grid-column: 1 / 7;
		grid-row: 13 / 14;
		align-self: center;
		height:200px;

}

.GridCellLink {
	font-size: 30px;
}

/* Grid Styling End*/		
	
}