/*fix scroll bar problem*/
html { 
	margin-left: calc(100vw - 100%); 
}

/*general setup*/
body {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 980px;
	margin: 0px auto;
	margin-top: 0em;
	max-height: 999999px;
	overflow: auto;
	background-color: #EFEFEF;
	box-shadow: 0px 0px 15px 0px gray; 
}

/*image at top*/
#topimage{
	height: 180px;
	width: 980px;
	margin-top: 0px;
	background-image: url("intrFigName.png");
	background-size: 980px;

}

#topimage2{
	height: 360px;
	width: 980px;
	margin-top: -50px;
	background-image: url("neuroConf/confPic2.png");
	background-size: 980px;

}

/*text area*/
#iground {
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-right: 0px;
	padding: 20px;
	position:relative;
	z-index:5;
	max-height: 999999px;
}

/*text area at front page*/
#frontPageGround {
	font-size: 125%;
	font-weight: 200;
	line-height: 30px;
	margin-left: 0px;
	background-color: #FFFFFF;
	margin-right: 0px;
	padding: 20px;
	position:relative;
	z-index:5;
	max-height: 999999px;
}



/*headings and list*/
h1,h2 {
	color:#004A9A;
	position:relative;
	text-align: center;
	width: 850px;
}

h3,h4{
text-align: center;
    
}

h5{
	font-weight: normal;
	    font-size: 1em;
text-align: center;
    
}

h6{
	font-weight: normal;
	    font-size: 1em;
text-align: left;
    
}
li {
	margin: 1em 0;
}

/*navigation menu*/

.level1menu {
	min-height:2.75em;
	max-height:2.75em;
	font-weight:bold;
	background-color: #003166;
	border: 0.0em solid #a1a1a1;
}



.level1menu ul, li, ul li {
	position:relative;
	float:left;
}

.level1menu ul
{
	top: -1.00em;
	overflow: hidden;
	font-size:125%;
	z-index: 4;
}

/*tablet display*/
@media screen  and (-webkit-device-pixel-ratio: 2) {
	.level1menu ul
	{
		top: -0.95em;
		overflow: hidden;
		z-index: 4;
	}


}

.level1menu ul li {
	margin: 0px 9px 0px 9px;;
	display:block;
}

.level1menu ul li a:link,.level1menu ul li a:visited{
	margin: 0px 9px 0px 9px;;
	display:block;
	border: 0px solid #003166;
	text-align:left;
	text-decoration:none; 
	background-color: #003166;
	transition: all 0.2s ease;
	border-radius: 5px 5px 0px 0px;
	color:#FFF;
	text-align:left;
	padding: 0.5em 1em 0.5em 1em;

}


.level1menu ul li a:hover{
	background-color: #FFFFFF;
	color:#004A9A;
	border: 0px solid #FFFFFF;
	border-radius: 5px 5px 0px 0px;
}

#active a{
	background-color: #FFFFFF;
	color:#004A9A;
	border: 0px solid #FFFFFF;
	border-radius: 5px 5px 0px 0px;
}




.level1menu #diffStyle a{
	background: #FFFFFF;
	color:#004A9A;
	border: 0px solid #FFFFFF;
	border-radius: 5px 5px 0px 0px;
}

#listStyle{
	padding-bottom: 2em;
	max-height: 999999px;
	z-index: 9999;
}
#listStyle ul {
	display:inline-block;
	max-height: 999999px;
}
#listStyle ul li {
	display:list-item;
	clear:both;
	max-height: 999999px;
}

#listStyle2{
	max-height: 999999px;
	z-index: 9999;
	margin: 0;
	    padding: 0.2em;
}
#listStyle2 ul {
	display:inline-block;
	max-height: 999999px;
	margin: 0;
	
}
#listStyle2 ul li {
	display:list-item;
	clear:both;
	max-height: 999999px;
	margin: 0;
}


/*minipage on index*/
.imageTable {
	display: table;
	width: 100%;
	padding: 3px 0px 3px 10px;
}
.imageRow {
	display: table-row;
}
.imageCellLeft {
	display: table-cell;
	padding: 3px 0px 3px 20px;
	width: 20%;
	height: 50px;
}
.imageCellRight {
	display: table-cell;
	padding: 3px 0px 3px 20px;
	vertical-align: top;
	width: 80%;
	height: 50px;
}

ul {
	overflow: hidden;
}


/*canvasses*/

#lilyCanvas, #gilbertCanvas,#rwpCanvas,#polyaCanvas
{
	display: block;
	margin: 0 auto;
}

/*button*/
.blueBotton {
	font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
	font-weight:bold;
	display: inline;
	-webkit-border-radius: 28;
	-moz-border-radius: 28;
	-webkit-box-shadow: 0px 1px 3px #666666;
	-moz-box-shadow: 0px 1px 3px #666666;
	box-shadow: 0px 1px 3px #666666;
	border-radius: 28px;
	cursor:pointer;
	font-family: Arial;
	color: #ffffff;
	background: #003166;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
}

.blueBotton:hover {
	background: #004A9A;
	text-decoration: none;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto 
}

.speakerTable {
	display: table;
	width: 80%;
	padding: 3px 0px 3px 100px;
}
.speakerRow {
	display: table-row;
}
.speakerCell{
	display: table-cell;
	padding: 3px 0px 3px 20px;
	width: 30%;
}
.speakerCellLLeft{
	display: table-cell;
	padding: 3px 0px 3px 2px;
	width: 7%;
}
.speakerCellLeft{
	display: table-cell;
	padding: 3px 0px 3px 2px;
	width: 7%;
}

.speakerCellRight{
	display: table-cell;
	padding: 3px 0px 3px 2px;
	width: 13%;
}
.speakerCellHead{
	display: table-cell;
	padding: 3px 0px 3px 20px;
	width: 30%;
font-weight: bold;
}
.speakerCellLeftHead{
	display: table-cell;
	padding: 3px 0px 3px 2px;
	width: 7%;
font-weight: bold;
}
.speakerCellLLeftHead{
	display: table-cell;
	padding: 3px 0px 3px 2px;
	width: 7%;
font-weight: bold;
}

.speakerCellRightHead{
	display: table-cell;
	padding: 3px 0px 3px 2px;
	width: 13%;
font-weight: bold;
}