*{
	margin:0;
	padding:0;
}

body{
	background-color:#d9b08c;
	color:black;
	font-family: Arial,black,sans-serif;
	font-size:16px;
	font-weight:normal;
	line-height:1.5em;
}

h1{
	font-family: Tahoma;
	font-weight:800;
	color:#116466;
	padding-top:0;
	padding-bottom:20px;
}

h2{
	font-family:Tahoma;
	font-weight:600;
	color:#116466;
	padding:0;
	margin-bottom:10px;
}

h3{
	font-family:Tahoma;
	font-size: 22px;
	font-weight: 400;
	text-align: left;
	color:#2c3531;
	padding:5px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-left: 10px;
}

h4{
	font-family:Tahoma;
	font-size: 16px;
	font-weight: 400;
	text-align: left;
	color:#2c3531;
	padding:0px;
	margin-left:20px;
}

h5{
	font-family:"Times New Roman";
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color:red;
	margin-bottom: 10px;
	margin-top: 0px;
	
}

h3 a{
	color:#2c3531;
}

p{
	color:black;
	padding:10px;
}

a{
	text-decoration:none;
}

li{
	color:black;
}

ul{
	list-style-position:inside;
	list-style-type:disc;

}



img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}

.photo{
	display:inline-block;
	margin-top:10px;
	margin-left:5px;
	width:160px;
	object-fit: contain;
}

.clr{
	clear:both;
}

.container{
	width:960px;
	margin:auto;
	padding-top:10px;
}

.strip{
	background-color:#116466;
	padding:0px;
}

.dropbtn {
  background-color: #116466;
  color: white;
  padding: 10px;
  font-size: 18px;
  border: none;
  cursor: pointer;
}
.dropbtn a:hover{
	color:white;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  color: white;
  padding-top:10px;
  padding-bottom:10px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  font-size:16px;
  position: absolute;
  background-color:#D1e8e2;
  min-width: 160px;
  box-shadow: 10px 10px 16px 10px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
	margin: 5px 5px;
	font-family:Benton Sans, Arial, sans-serif;
	color: #2c3531;
	padding: 12px 10px;
	font-weight:600;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color:#2c3531;
	color: white;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
	background-color: #2c3531;
}

.box-1{
	background-color:#D1e8e2;
	border:3px #2c3531 solid;
	padding:15px;
	margin:15px 0;
	border-radius:8px;
	max-width:100%;
}

.box-1 h3{
	margin-top:5px;
	padding-top:0;
}

.box-1 li{
	margin-left:20px;
	margin-right:20px;
	padding-left:10px;
	padding-right:10px;
	
}

.box-1 p{
	margin-left:15px;
	margin-right:15px;
}

.box-2{
	
	background-color:#D1e8e2;
	border:3px #2c3531 solid;
	padding:0 20px 20px 20px;
	margin:15px 0;
	border-radius:8px;
	max-width:100%;
	box-sizing: border-box;
}

.box-2 h3{
	margin-bottom: 0;
}

.box-2 p{

}

/*Gallery photo*/
.gphoto{
	display:inline-block;
	vertical-align: top;
/*	border: 2px solid #116466; */
	margin: 10px;
	padding: 0px;
	object-fit:contain;
	width:200px;

	
}

.gphoto img{
	
	object-fit: contain;
	width:200px;
	height:150px;
}

/*research photo*/
.researchphoto{
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding: 10px;
	height:150px;

}

.researchphoto img{
	border: 3px solid #D9B08C;	
	object-fit:contain;
	height:150px;
}

.gphoto h4{
	font-size:15px;
	text-align: center;
	margin-bottom:0px;
	margin-left:0;
	padding:0px;
	line-height:1.2em;
}

.box-top{
	float:right;
	position:fixed;
	right:10px;
	bottom:20px;
	background-color:#2c3531;
	text-align:center;

}

.box-top h3 a{
	color:#D1e8e2;
	padding-left:5px;
	padding-right:5px;
	margin:5px 5px 5px 0;
}
.box-photo{
	display:inline-block;
	vertical-align: top;
	width:160px;
	margin:0 0 15px 0;
}

.box-member{
	display:inline-block;
	vertical-align: top;
	width:270px;
	margin-left:5px;
	margin-right:5px;
}

.box-member h3{
	color:#116466;
	font-size:20px;
	padding:0;
	margin:10px;
}

.box-member p{
	margin-left:10px;
	padding:0;
}

.categories{
	border:1px #2c3531 solid;
	padding:10px;
	border-radius:15px;
}

.categories h2{
	text-align:left;
}

.categories ul{
	padding:0;
	list-style:square;
	list-style:none;
}

.categories li{
	padding-bottom:6px;
	color:black;
}

.block{
	float:middle;
	width:100%;
	border:2px dashed #d9b08c;
	border-radius:5px;
	box-sizing:border-box;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.block h3{
	font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif';
	margin:10px 10px 0 10px;
	padding:0;
	font-size:18px;
	font-weight:600;
}

.main-block{
	float:right;
	width: 72%;
	box-sizing:border-box;
}

.side-block{
	display:inline-block;
	float:left;
	width: 27%;
	box-sizing: border-box;
	margin-top:15px;
}

.side-block h3{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size:18px;
	font-weight: 600;
	text-align: center;
	margin-bottom:15px;
}

.side-block p{
	font-family:Cambria, 'Hoefler Text', 'Liberation Serif', Times, 'Times New Roman', 'serif';
	text-align:center;
	padding:7px;
}

#left-block{
	padding-top:10px;
	float:left;
	margin-top:0px;
	width:60%;
	box-sizing: border-box;
}

#uwo-block{
	float:right;
	margin-top:0;
	padding:0;
	width:35%;
	height:60px;
	top:0px;
	box-sizing: border-box;
	background-image:url('../images/uwochemistry.png');
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center;

}

#uwochemistry{

}


.background-color p {
  color: #000;
  font-family: Bookman, URW Bookman L, serif;
  font-size: 50px;
  font-weight: bold;
  text-align: center; 
  margin-top:10px;
  padding-bottom: 15px;
  background: rgba(255, 0, 160, 1);
  background: -webkit-linear-gradient( left, #ff0000 0%, #ffa500 15%, #ffff00 30%, #008000 45%, #0000ff 65%, #4b0082 85%, #ff0000 100%) repeat;
  -webkit-background-clip: text;
  -ms-background-clip: text;
  -moz-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -ms-text-fill-color: transparent;
  -moz-text-fill-color: transparent;
  text-fill-color: transparent;
  -webkit-animation-name: masked-animation;
  -webkit-animation-duration: 40s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}

@-webkit-keyframes masked-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -5000px -3000px;
  }
}