a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #c00;
	border: #FFFFFF;

}

a:hover, a:active {
  text-decoration: underline;
  font-weight: bold;
  color: #c00;
}

.maillink {
  padding: 6px 0px 6px 6px;
  font: 12px Verdana;
}

a.email:link, a.email:visited {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  background-color: #333; 
  color: white;
}

a.email:hover, a.email:active {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  background-color: white; 
  color: #333; 
}

div.transbox {
  margin: -80px;
  background-color: #ffffff;
  border: 0px solid black;
  opacity: 0.99;
  width: 700px;
  height: 50px;
  border-radius: 20px 20px 20px 20px;
}

td.research_taps {
	transition: 0.3s;
	cursor: pointer;
	padding-right: 10px; 
	padding-left: 10px;
	border-radius: 20px 20px 20px 20px;
}

td.research_taps:hover {
    background-color: #CC9999;
}

td.research_taps.active {
    background-color: #EAD5D5;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
  letter-spacing: -.05em;
  color: #333; 
}

h2 {
  margin-top: 1em;
  padding: 2px 2px 2px 6px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  background-color: #CC9999;
  color: #FFFFFF; 
}

li { margin-top: -.5em; }

p.body {
	margin-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 2;
	color: #333;
	font-size: small;
	list-style-type: decimal;

}


p.body2 {
	margin-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	color: #333;
	font-size: small;
	list-style-type: decimal;
	

}

p.body_front_figure {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	width:710px; 
	margin-top: 10px;
	color: #333;
	font-size: 15px;
	list-style-type: decimal;
	/*
	background-color: #EAD5D5;
    border-radius: 10px 10px 10px 10px;
	*/
}

p.body_news {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.5;
	font-size: 11px;
	color: #333;
	list-style-type: decimal; 
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 2px;
	padding-right: 2px;
}

iframe.news {
	 width: 134px;
	 /* height: 500px; */
	 height: 300px; 
}


/*scroll bar source code: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_custom_scrollbar2 (Jun. 22, 2018) */

::-webkit-scrollbar {
    width: 5px;
	height: 5px;
	transition: background-color 0.5s ease;
	border-radius: 5px 5px 5px 5px
}

/* Track */

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #CC9999; 
    border-radius: 10px;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #A37A7A; 
}


#PPleft {
    width: 260px;
	float:left;
	margin-left: 110px;
}

#ppright {
    width: 316px;
	float:left;
	margin-left: 20px;
}

#TG {
    width: 260px;
	float:left;
	margin-left: 30px;
	margin-top: 30px;
}

#TG2 {
    width: 260px;
	float:left;
	margin-left: 80px;
	margin-top: 50px;
}

#arpes1 {
    width: 260px;
	float:left;
	margin-left: 40px;
}

#arpes2 {
    width: 190px;
	float:left;
	margin-left: 175px;
}

#arpes3 {
    width: 260px;
	float:left;
	margin-left: 50px;
	margin-top: 20px;
}

#group {
    width: 200px;
	float:left;
	margin-left: 30px;
	margin-top:10px;
	margin-bottom:10px;
}
#arpes4 {
    width: 200px;
	float:left;
	margin-left: 150px;
	margin-top:0px;
}

#arpes5 {
    width: 100px;
	float:left;
	margin-top:0px;
	margin-left: 40px;
	margin-top:20px;
}

#TI {
    width: 200px;
	float:left;
	margin-left: 20px;
	
}

#UED {
    width: 200px;
	float:left;
	margin-left:10px;
	margin-right: 70px;
	margin-top: 10px;
	
}

#iridatebands {
    width: 320px;
	float:left;
	margin-left: 5px;
	margin-top:0px;
}

#QSL {
    width: 320px;
	float:left;
	margin-left:35px;
	margin-top:0px;
}
#thz1 {
    width: 260px;
	float:left;
	margin-left: 10px;
	

}

#hightc {
    width: 490px;
	float:left;
	margin-left: 10px;
}

#thz2 {
    width: 260px;
	float:left;
	margin-left: 120px;
	margin-top:20px;
}

#shg1 {
    width: 260px;
	float:left;
	margin-left: 70px;
	margin-top:20px;
}

#shg2 {
    width: 260px;
	float:left;
	margin-left: 90px;
	margin-top:20px;
}




#RPboundary {
	width: 745px;
	float:left;
	margin-left: 5px;
	margin-top:0px;
	margin-right:20px;
	border-bottom: 1px solid #000000; 
	border-top: 0px solid #000000; 
	border-color:gray;
}

#RPboundary2 {
	width: 745px;
	float:left;
	margin-left: 5px;
	margin-top:10px;
	margin-right:20px;
	border-bottom: 1px solid #000000; 
	border-top: 0px solid #000000; 
	border-color:gray;
}

#cpgetext {
    width: 495px;
	float:left;
	margin-left: 10px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
}


#iridatetext {
    width: 495px;
	float:left;
	margin-left: 10px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
}

#iridate1 {
    width: 200px;
	float:left;
	margin-left: 20px;
	margin-top:15px;
	margin-right:-30px;
	margin-bottom:0px;
}

#fahadtext {
    width: 495px;
	float:left;
	margin-left: 10px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
}

#fahadnatmat {
    width: 200px;
	float:left;
	margin-left: 15px;
	margin-top:20px;
	margin-right:-30px;
	margin-bottom:0px;
}

#alexAPL {
    width: 200px;
	float:left;
	margin-left: 15px;
	margin-top:30px;
	margin-right:-30px;
	margin-bottom:0px;
}

#dantext {
    width: 200px;
	float:left;
	margin-left: 25px;
	margin-top:30px;
	margin-right:-30px;
	margin-bottom:0px;
}

#floquet {
    width: 200px;
	float:left;
	margin-left: 30px;
	margin-top:40px;
	margin-right:-30px;
	margin-bottom:0px;
}

#shgpp {
    width: 230px;
	float:left;
	margin-left: 10px;
	margin-top:45px;
	margin-right:0px;
	margin-bottom:0px;
}

#shgs {
    width: 160px;
	float:left;
	margin-left: 20px;
	margin-top:20px;
	margin-right:-15px;
	margin-bottom:0px;
}

#gaps {
    width: 160px;
	float:left;
	margin-left: 10px;
	margin-top:25px;
	margin-right:-15px;
	margin-bottom:0px;
}

#cpge1 {
    width: 250px;
	float:left;
	margin-left: 10px;
	margin-top:8px;
	margin-right:-30px;
	margin-bottom:15px;
}


#cpge2 {
    width: 250px;
	float:left;
	margin-left: 15px;
	margin-top:10px;
	margin-right:-30px;
	margin-bottom:0px;
}

#arpeshome1 {
    width: 250px;
	float:left;
	margin-left: 10px;
	margin-top:10px;
	margin-right:-30px;
	margin-bottom:0	px;
}

#indent {
    width: 300px;
	float:left;
	margin-left: 40px;
	margin-top:-5px;
	margin-right:20px;
}


#indent2 {
    width: 260px;
	float:left;
	margin-left: 60px;
	margin-top:-20px;
	margin-right:20px;
}

p.copyright {
  margin-bottom: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666;
  font-size: xx-small;  
  text-align: right;
}


/*Belows are included by dschoi for slideshow, 060718*/

/*------------Belows are for slideshow------------*/

.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 710px;
  position: relative;
  margin: auto;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  color: black;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
}

/* Position the "prev button" to the left */
.prev {
  margin-left: -350px;
  color: #EAD5D5;
}

/* Position the "next button" to the right */
.next {
  margin-left: 340px;
  color: #EAD5D5;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  color: #CC9999;
}

/* Caption text */
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/*color: #EAD5D5;*/
	font-size: 20px;
    position: center;
	bottom: 20%;
	width: 710;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #000000;
  font-size: 12px;
  padding: 8px 12px;
  /* position: absolute; */
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 10px;
  width: 10px;
  margin: 0px 5px;
  background-color: #EAD5D5;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.5s ease;
}

.active, .dot:hover {
  background-color: #CC9999;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}

/*------------------------------------------------*/