body
{
background: #FFFFFF;
font-family: Arial;
font-size: 130%;
margin: 0px;
}

a
{
color: #008000;
}

a:hover
{
background: #000000;
color: #FFFFFF;
text-decoration: underline;
}

img
{
border: 0px;
}

.error
{
color:red;
}

#main			/* Main table with 2 columns */
{
border: 10px solid;
border-color: #EECC11;
border-collapse:collapse;
min-height: 100vh;
width: 100%;
}

#col1			/* Left column with logo and vertical menu */
{
background: #EECC11;
font-weight: bold;
left: 10px;
padding-left:0px;
padding-top:0px;
vertical-align: top;
width: 181px;
z-index: 2;
}

#col2			/* Right column: main information */
{
color: #000000;
margin-left: 180px;
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
vertical-align: top;
z-index: 1;
}

#col2menu		/* Right column: horizontal menu */
{
background: #EECC11;
}

#col2top		/* Right column: banner text at top */
{
font-size: 170%;
text-align: center;
}

#col2bread		/* Right column: bread crumbs at top */
{
font-size: 80%;
}

#col2bread a		/* Right column: bread crumbs at top */
{
color: #EECC11;
}

#col2bot		/* Right column: © copyright at bottom */
{
font-size: 80%;
padding-top: 70px;
text-align: center;
}

#menus a		/* Menu */
{
background: #EEEEEE;
color: #909090;
font-weight: bold;
line-height: 1.3;
padding-left: 2px;
padding-right: 2px;
text-decoration: none;
}

#menus a:hover		/* Menu */
{
background: #000000;
color: #FFFFFF;
text-decoration: underline;
}

@media (max-width:700px)
{
	#col1		/* Left column: is not displayed if screen width is small */
	{
	display:none;
	}
	#col2txt		/* Right column: main text */
	{
	width: 95%;
	}
	audio
	{
	width: 95%;
	}
	iframe
	{
	height: 180px;
	width: 320px;
	}
}

@media (min-width:701px)
{
	#col2menu	/* Right column: Top menu is not displayed if screen width is wide */
	{
	display:none;
	}
	#col2txt		/* Right column: main text */
	{
	width: 80%;
	}
	audio
	{
	width: 90%;
	}
	iframe
	{
	height: 259px;
	width: 460px;
	}
}

#bigger
{
font-size: 170%;
}

#centerit		/* Right column: Center stuff */
{
text-align: center;
}

#grayHead		/* Right column: gray small head */
{
color: #6A6A6A;
font-size: 80%;
font-weight: bold;
}

#horiline		/* Right column: Horizontal line */
{
margin-bottom: 80px;
width: 100px;
}

#keynoteHead		/* Right column: Keynote Head */
{
color: #A58B04;
font-weight: bold;
}

.sponsorimg
{
border: 0px;
vertical-align: bottom;
width: 145px;
}

#smaller
{
font-size: 70%;
}

table.hp	/* Dotted */
{
background: #FAFAFA;
border-collapse:collapse;
}

table.hp td	/* Dotted */
{
border:1px solid;
border-color:#E0E0E0;
padding:2px;
}