body
{
  margin: 0;
  color: white;
  background-color:  black;
}
body,
p,
div, span,
q, blockquote,
form, input, button, select,
td, th,
ol, ul, dl, li, dt, dd
{
  font-family:
	"Corbel",
	"Calibri",
	"Gill Sans",
	"Candara",
	"Trebuchet MS",
	"Verdana",
	"Geneva",
	"Arial",
	"Helvetica",
	sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6
{
  margin-bottom: 0.5em;
}

.column,
.topbutton,
.pagebox,
.posterbox,
.linkbox,
.media,
.sponsors
{
  display:    block;
  position:   relative;
  overflow:   visible;
  clip:       inherit ! important;
  visibility: visible;
  float: none;
  clear: none;
  top:    auto;
  right:  auto;
  bottom: auto;
  left:   auto;
  width:  auto;
  height: auto;
  z-index: 140;
  margin:  0;
  padding: 0;
  background-size:   100% auto;
  background-repeat: no-repeat;
}
.column,
.topbutton
{
  width:  50%;
}
.column img
{
  opacity: 0.9;
  transition:         opacity .5s ease;
  -webkit-transition: opacity .5s ease;
}
.column img:hover
{
  opacity: 1.0;
}
.topbutton
{
  padding: 0;
  text-align: center;
  background-color: #000; /* #102040; */
  transition:         background-color .5s ease;
  -webkit-transition: background-color .5s ease;
}
.topbutton:hover
{
  background-color: #203060;
}
.botbutton
{
  font-size: 1.0em;
  text-align: center;
  background-color: transparent;
}
.topbutton>p
{
  font-size: 2.5em;
}
.topbutton>p+p
{
  position: relative;
  top: -0.5em;
  font-size: 1.2em;
}
.topbutton p,
.botbutton p
{
  margin:  0 ! important;
  padding: 0;
}
.topbutton a,
.linkbutton a,
.botbutton a
{
  color: white;
}

.left
{
  float: left;
  left:  0;
}
.right
{
  float: right;
  right: 0;
}

.pagebox
{
  left:   50%;
  width:  856px;
  height: auto;
  margin-left: -426px;
  color: #000;
  background-color: #fff;
}
.pagebox>p,
.pagebox .header>p
{
  margin: 0;
}
.pagebox img
{
  width: 100%;
}
.pagebox .header
{
  margin:  0;
  padding: 0;
  background-color:black;
}
.pagebox .content
{
  padding: 19px 26px;
}
.pagebox .left
{
  width: 213px;
}
.pagebox .right
{
  width: 550px;
}
.pagebox .left>*,
.pagebox .right>*
{
  margin-top: 0;
}

.linkbutton
{
  float: left;
  margin: 0;
  padding: 5px 0 ! important;
  text-align: center;
  background-color: #102040;
  transition:         background-color .5s ease;
  -webkit-transition: background-color .5s ease;
}
.linkbutton.three
{
  width: 285px;
}
.linkbutton.four
{
  width: 214px; /* 3 = 285px; 4 = 214px */
}
.linkbutton:hover,
.linkbutton.selected
{
  background-color: #203060;
}
.linkbutton p
{
  margin: 0;
  color: white;
}

.sponsors img
{
  border-width: 0px;
  padding: 0px 25px;
  width: 200px;
}
.media>h4,
h4.participants
{
  margin: 1em 0 -0.5em 0;
}

td
{
  padding-right: 1em;
}
td.day
{
  padding: 1em 0;
  font-weight: bold;
  font-size: larger;
}
td.time
{
  white-space: nowrap;
}
td.title {}
td.speaker {}

a
{
  font-weight: bold;
}
.linkbutton a,
.topbutton a
{
  font-weight: normal;
}
a *,
a:link *,
a:visited *
{
  color: white;
}
a,
a:link,
a:visited
{
  transition:       color .5s ease;
-webkit-transition: color .5s ease;
}
.linkbutton a:hover,
.linkbutton a:hover *,
.linkbutton a:link:hover,
.linkbutton a:link:focus,
.linkbutton a:link:hover *,
.linkbutton a:link:focus *,
.linkbutton a:visited:hover,
.linkbutton a:visited:focus
.linkbutton a:visited:hover *,
.linkbutton a:visited:focus *,
.posterbox a:hover,
.posterbox a:hover *,
.posterbox a:link:hover,
.posterbox a:link:focus,
.posterbox a:link:hover *,
.posterbox a:link:focus *,
.posterbox a:visited:hover,
.posterbox a:visited:focus
.posterbox a:visited:hover *,
.posterbox a:visited:focus *
{
  color: #aef;
}

.pagebox .content a:hover
{
  color: #04a ! important;
}

.content a>*
{
  color: #0065cc;
}

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

@media screen and (max-width: 866px)
{
  .pagebox
  {
	width: 100%;
    left: 0;
    margin-left: 0;
  }
  .pagebox .content
  {
	padding: 2.2% 3.1%;
  }
  .pagebox .left
  {
	width: 26.5%;
  }
  .pagebox .right
  {
	width: 68%;
  }
  .linkbutton.three
  {
	width: 33%;
  }
  .linkbutton.four
  {
	width: 25%;
  }
}

@media screen and (max-width: 641px)
{
  body
  {
    font-size: 120%;
  }
  img
  {
    width: 100% ! important;
  }
  .sponsors table
  {
	width: 90%;
  }
  .sponsors table td
  {
	padding-right: 10% ! important;
  }
  .sponsors img
  {
	width: 100% ! important;
  }
  .linkbutton
  {
	float: none;
	font-size: 1.2em ! important;
	margin-bottom: 3px;
  }
  .linkbutton.three,
  .linkbutton.four
  {
	width: 100%;
  }
  .screen,
  .content .left
  {
    display: none;
    position: absolute;
  }
  .content .right
  {
    float: none;
    left: 0;
    width: 100%;
  }
  .topbutton
  {
	font-size: 0.55em;
  }
  .tightlist li
  {
    margin-left: 0 ! important;
  }
  .tightlist ul
  {
    margin-left: 0 ! important;
  }
}

@media screen and (max-device-width: 856px)
{
  body,
  td, th,
  li, dt, dd
  {
    font-size: 140% ! important;
  }
  img
  {
    width: 100% ! important;
  }
  .sponsors table
  {
	width: 90% ! important;
  }
  .sponsors table td
  {
	padding-right: 10% ! important;
  }
  .sponsors img
  {
	width: 100% ! important;
  }
  .linkbutton
  {
	float: none;
	margin-bottom: 3px;
  }
  .linkbutton p
  {
	font-size: 2.6em ! important;
  }
  .pagebox
  {
	width: 100%;
	left: 0;
	margin-left: 0;
  }
  .pagebox .content
  {
	padding: 2.2% 3.1%;
  }
  .pagebox .left
  {
	width: 26.5%;
  }
  .pagebox .right
  {
	width: 68%;
  }
  .sponsors
  {
	width: 36.4%;
  }
  .topbutton>p
  {
	font-size: 3.5em;
  }
  .topbutton>p+p
  {
	font-size: 1.7em;
  }
  .linkbutton
  {
	float: none;
	font-size: 1.3em;
	margin-bottom: 10px;
  }
  .linkbutton.three,
  .linkbutton.four
  {
	width: 100%;
  }
  .screen,
  .content .left
  {
	display: none;
	position: absolute;
  }
  .content .right
  {
	float: none;
	left: 0;
	width: 100%;
  }
  .topbutton
  {
	font-size: 0.55em;
  }
  .tightlist li
  {
    margin-left: 0 ! important;
  }
  .tightlist ul
  {
    margin-left: 0 ! important;
  }
}