@charset "utf-8";
/* CSS Document */

.rightmenu a{
	text-transform: none;
}
@media only screen and (max-width: 800px) {
#symposium h1{
	margin:auto;
	font: 1em Century Gothic,Arial,sans-serif;
}
}
@media only screen and (min-width: 801px) {	
	.buttonwrap{
		border:2px solid #99ccff;
		padding: 10px;
		margin:10px 0px;
		border-radius: 25px;
		background-color: #FFF;
	}
	.sympbutton{
		border:3px solid #0370a7;
		padding: 10px;
		margin:10px 10px;
		border-radius: 15px;
	}
	.sympbutton h3, .sympbutton p{margin: 0px; padding: 0px;}
	.sympbutton h3{color:#0370a7;}
	.sympbutton .sympimage{width: 10%; float: right;}
	.sympbutton a{text-decoration: none; color:#99ccff;}
	.speakercontact{
		width:25%;
	}
	.text-left .speakercontact img {
    width: 75%;
}
	.abstractimg{width: 100%;}
	.abstract{width:100%;}
	h1.speaker{
	font: 30pt Century Gothic, Arial, sans-serif;
	color: #1f2454;
}
	#symposium h1{
	margin:40px 5%;
	font: 2em Century Gothic,Arial,sans-serif;
		color: #006;
}
}
	form{
		width: 100%;
		padding: 10px 0px;
	}
	.label1{
		display: inline-block;
	width: 20%;
		height: 25px;
		line-height: 1.5em;
		font-weight: bold;
		font-size: 1.2em;
		padding: 5px;
		
	}
	#name, #institution, #email{width: 75%;
		height:25px;
		padding: 5px;
		
	}
.inputrow{
	display: block;
	clear:right;
	padding: 5px 0px;
}
	#submit{
		display: block;
		width: 100px;
		margin: 0 auto;
		float: none;
	}
	#radiolabel, #radio{
		margin: 10px 0px;
				
		font-size: 1.2em;
	}
.radio{
	width: auto;
	float:none;
	border: 1px solid green;
}
.radiolabel{
	display: inline-block;
	padding: 10px 0px;
	font-weight: bold;
}
	#radio{width: 25%	}
	#radiolabel{
		width:75%;
		padding-left: 5px;
		font-weight: bold;
	}
	#flex{
		display: flex;
		flex-direction: row;
		clear:right;
	}
.display{
	margin:10px 0px;
}
#symposium{
	width: 80%;
	margin: 0 auto;
}
#symposium h1, #symposium h2{
	text-align: center;
}

#symposium h2{
	margin-bottom: 20px;
}
#sympImage{
	position: relative;
}
#sympImage img{
	opacity:40%;
}
#sympOverlay{
		position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
	
}
#section2{
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 50px 0px;
}
#image{
	width: 100%;
}
#text{
	margin-left: 25px;
	font-size: 1.2em;
}
#section3 table, #program td{
	border: 1px solid black;
	border-collapse: collapse;
	font-size:	1.1em;font-weight: bold;
	
}
#program a{
	text-decoration: none;
	color: #000;
}
.blue, #program .blue a{
	color: #21205f;
}
#program td{
	padding: 5px;
}
#program th{
	line-height: 2em;
}
#head1 h2, .head1 h2{
	color: #fff;
	text-align: left;
	margin: 0;
	}
#head2 h2, .head2 h2{
	text-align: left;
	margin: 0;
}
#head1, .head1{
	color: #FFF;
	background-color: #21205f;
}
#head2, .head2{
	background-color: #9cf;
	text-align: left;
}
#sympfooter{
	color: #fff;
	background-color: #006;
	display: flex;
	flex-direction: row;
}
#left{
	width: 40%;
	padding-left: 15px;
}
#right{
	text-align: right;
	width: 40%;
}
#symplogo{
	float: right;
	width: 20%;
}