-@charset "UTF-8";
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family:Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}


.Container {
	overflow-x: hidden;
	display: flex;
	flex-flow: column nowrap;
	font: 1em;

}

.NavBar {
	position: fixed;
	top: 0%;
	left: 0%;
	background-color: #590006;
	padding-bottom: 25px;
	padding-top: 10px;
	width: 100%;
	padding-right: auto;
	padding-left: auto;
	z-index: 100;
	border-bottom: solid #FFFFFF thin;
}

.NavList{
	
}

.NavListItem  {
	margin-right: 2%;
	float: right;
	list-style-type: none;	
}
	
.ActiveNavListItem{
	margin-right: 2%;
	list-style-type: none;	
	font-style: normal;
	text-decoration: none;
	color: #FFFFFF;
	text-shadow: 3px 3px 3px #000000;
	font-size: 4.9vw;
	float: right;
	clear: none;
}

.NavListItem a {
	font-style: normal;
	text-decoration: none;
	color: #F29499;
	text-shadow: 3px 3px 3px #000000;
	font-size: 4.9vw;
	float: none;
	clear: none;
}

.NavListItem a:hover {
	color: #FFFFFF;
	text-shadow: 3px 3px 3px #000000;
	float: none;
	clear: none;
}

.Home{
	display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	width: 90%;
	flex-direction: column;
	max-width: 1000px;
	flex-wrap: wrap;
	position:relative;
	top: 77px;
	margin: auto;
	padding-bottom: 5em;
}

.HomeImage{
	position: relative;
	margin-bottom: -120px;
	max-width: 1000px;
	text-align: center;
	display: flex;
	flex-flow: column;
}

.HomeImage img{
	display: block;
	width: 100%;
	z-index: -1;
	border-bottom: 12px double rgba(89,0,6,1.00);
	max-height: 400px;
	object-fit:cover;
}

#LabLogo{
	display: block;
	position:relative;
	width: 100%;
	margin-top:0.2vw;
	margin-bottom:0.2vw;
	border-bottom:none;
}

.HomeImage h1{
	color: #000000;
	font-style: italic;
	text-align: center;
	text-shadow: 2.5pt 2.5pt 3pt #F29499;
	font-size:7.5vw;
	width:100%;
	align-content: center;
}

#HomeImageWide{
	display:none;
}

.Home h3{
	width: 91%;
	left: 4.5%;
	font-size: 2.5vw;
}

.Home p{
	position: relative;
	margin-top: 130px;
	width: 88.88%;
	margin-left: 5.55%;
	font-size: 2.2vw;
	text-align:justify;	
}

.News {
	width: 80%;
	margin-left: 10%;
	position: relative;
	padding-bottom: 1em;
	max-width: 888.88px;
	margin:auto;
}

.NewsHeading{
	text-decoration-line: underline;
	
}

.News h1{
	font-size: 2.3em;
	text-decoration: underline;	
}

.NewsUpdate{
	margin-bottom: 1.5em;
}

.UpdateHeading{
	display: flex;
	flex-flow: row wrap;
	padding-bottom: .5em;
	color: rgba(88,0,6,1.00);
	
}
.News h3{
	margin: 0;	
	font-size: 1.6em;	
}

.News h5{
	margin: 0;
	font-size: 1.4em;
	padding-top: .2em;
	padding-left: 1em;
	font-style: italic;
	
}
.News p{
	margin: 0;
	font-size:1.6em;
	text-align: justify;
}

.News a{
	color: rgba(0,0,0,1.00);
	
}

.News  a:hover {
	color:rgba(88,0,6,1.00);
	text-shadow: 0px 0px 1px rgba(88,0,6,1.00);
}

.Research{
	position: relative;
	width: 80%;
	display: flex;
	flex-flow: row wrap;
	max-width: 888.88px;
	margin:auto;
}

.ResearchTitle  {

	font-size: 2em;
	text-decoration: underline;
	font-style: normal;
	font-weight: 400;
	text-transform: none;
	position: relative;
}

.ResearchPara {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	text-align: justify;
	position: relative;
	margin-top:-.8em;
	font-weight:400;
}

.ResearchBorder{
	border-bottom: medium solid #590605;
	padding-bottom: 10px;
}

.Member{
	width: 100%;
	max-width: 1000px;
	overflow-y: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	

	margin:auto;
}
	
.PI {
	background: rgba(200,200,200,1.00);
	position: relative;
	top:40px ;
	color: #000000;
	width: 100%;
	display: flow-root;
	padding-bottom:2em;
}

.PI h4{
	text-align: center;
	position: relative;
	top: .35em;
	width: inherit;
	margin-top:2%;
	margin-bottom:2%;
}

#PILogo{
	display:flex;
	flex-flow: row;
}

.PIlinks{
	width: 10%;
	position: relative;
	float: left;
	left:0%;
}

.PI p{
	text-align: justify;
	font-size:1.98vw;
	position:relative;
	margin-top: 0;
	width: 45%;
}

.Member h3{
	font-size: 2em;
	margin-bottom: .5em;
	width: 100%;
	margin-left: 1%;
}

.GradMember{
	position: relative;
	background: rgba(89,0,5,1.00);
	color: #FFFFFF;
	float: left;
	width: 100%;
	padding-bottom: 1em;
	display: flex;
	text-shadow: 2px 2px 6px #000000;
}

.GradBlock{
	position: relative;
	margin: auto;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.GradPara{
	float:left;
	clear:none;
	position: relative;
	z-index: 1;
}

.GradMember h4{
	position: relative;
	margin-left:2.5%;
	margin-top:0%;
	font-weight: 500;
	margin-bottom: -.8em;
}

.GradMember p{
	position: relative;
	padding-left:2.5%;
	margin-bottom: -0.5em;
}

.GradImage{
	float:left;
	justify-content: center;
	z-index: 100;
}

.GradMediaLink{
	margin-left: 5%;
	float:left;
}

.UndergradMember{
	width: 100%;
	height:100%;
	float: left;
	background: rgba(200,200,200,1.00);
	color: #000000;
}

.UndergradBlock{
	display: inherit;
	position: relative;
	margin: auto;
	float: left;
	margin-top: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	
}

.UndergradPhoto{
	float:left;
}

.UndergradPara{
	float:left;
	clear:none;
	position: relative;
	margin-top:-8%;	
	margin-bottom:10em;
}

.UndergradMember h4{
	font-size: 1.25em;
}

.UndergradMember p{
	margin-top:-10%;
	
}
	
.UndergradMediaLink {
	float:left;
	clear:none;
	position: relative;
	top:-1em;
}

.PastMember{
	position: relative;
	background: rgba(89,0,5,1.00);
	color: #FFFFFF;
	float: left;
	width: 100%;
	padding-bottom: 0em;
	display: flex;
	text-shadow: 2px 2px 6px #000000;
}

.Past{
	position: relative;
	margin: auto;
	float: left;
	margin-top:2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}

.PastBlock{
	display: inherit;
	position: relative;
	margin: auto;
	float: left;
	margin-top: 2%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
}


.Outreach{
	width: 100%;
	max-width: 1000px;
	overflow-y: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	
	margin:auto;
	margin-bottom:2em;
	
}
	
.OutreachParagraph{

	position: relative;
	color: #000000;
	width: 90%;
	margin-top:6em;
	align-content: center;
	flex-flow: column;
}

.OutreachParagraph h1{
	font-size: 8vw;
	text-align: center;
	align-content: center;
	display: center;
	width: 100%;
	margin-left:5%;
	color: #590006;
	text-shadow: 3px 3px 3px #FFFFFF;
	margin-bottom:0em;
}

.OutreachParagraph h3{
	text-align: justify;
	position: relative;
	width: 100%;
	margin-left:5%;
	

}

.EurekaPhotos{
	width:100%;
	display: flex ;
	margin-left:5%;
	flex-flow: row wrap;
}

.EurekaPhotos img{
	width:45%;
	margin-right:2.5%;
	margin-left:2.5%;

	margin-top:1em;
	
}

.Tour{
	width: 100%;
	overflow-y: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	margin:auto;
	max-width: 1200px;
	margin-top: 83px;
	align-content: center;
	flex-flow: column;
	position:relative;
}
	
.Tour img {
	align-content: center;
	width: 80%;
	display:flex;
}
	
.Tour article {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 125%;	
}
	
.Tour h1{
	text-align: center;
	text-decoration-line: underline;
	font-size: 2em;
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	margin-top: 5%;
	margin-bottom:-.3%;
}
	
.Publication{
	width: 100%;
	position:relative;
	margin-top: 210px;
}
	
.Publication h1{
	text-decoration: underline;
	font-size:3em;
}
	
.PublicationEntry{
	width: 100%;
	border-bottom: thin solid #590006;
	text-decoration: none;
}

.PublicationText a {
	color: #000000;
	text-decoration: inherit;
}
	
.PublicationText a:hover{
	color:#590006
}
	
.PublicationText h3{
	text-align: justify;	
}
	
.PublicationYear{
	font-size: 2em;
	margin-bottom: -3%;
	
}
	
