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

body { background-image:url(images/background-s10.jpg); background-position:left; background-repeat: no-repeat; background-color: black; font-family: Frutiger, Helvetica, Arial, sans-serif; font-size: smaller; padding: 0; margin: 0}
h1   {font-size: 200%; text-align: center; margin: 10px}
h2   {font-size: 175%; margin: 10px; padding-bottom: 10px; border-bottom: 2px solid #999999; font-family: Georgia, Times, serif}
h3   {font-size: 140%; margin-bottom: -50px; margin: 10px}
h4   {font-size: 120%; line-height: normal; margin-top: 0px}
p    {font-size: 100%; line-height: normal; margin: 10px}

.speaker   {float: left; margin-left: 10px; margin-right: 10px; margin-bottom: 10px}

#container {line-height: 100%; margin:0 auto; text-align: left; width: 900px; background-color: white; padding: 0px}
#schedule  {width: 550px; margin: 0 auto; text-align: left; line-height: 100%; padding: 0px;}

#footer {min-width: 900px; background-color: #99cccc; text-align: center; margin: 0 auto; padding: 0}

a:link  {color: black; text-decoration: none}
a:visited {color: black; text-decoration: none}
a:hover   {color: #3B8847; text-decoration: none}
a:active  {color: black; text-decoration: none}

@media only screen and (max-width: 768px) {
    #container, #container img, #schedule, #footer {width: 100%; float: none; margin: 0; padding: 0;}
    #schedule img {float: left; width: 100px; padding-right: 10px;}
    table, td, th {display: block; width: 100%;}
    #footer {min-width: 100%;}
}