@media screen and (max-width: 480px) {
  body {
    max-width: 95%; } }
@media screen and (min-width: 480px) {
  body {
    max-width: 80%; } }
@media screen and (min-width: 960px) {
  body {
    max-width: 65%; } }
body {
  font-family: Helvetica, sans-serif;
  font-size: 100%;
  background: #fff ;
  color: #111;
  margin-left: auto;
  margin-right: auto; }
  body ::-moz-selection {
    background: #D8D8D8 ;
    color: #111; }
  body ::selection {
    background: #D8D8D8 ;
    color: #111; }

h1 {
  font-size: 340%;
  position: relative;
  top: 20px;
  margin-bottom: 50px;
}

h2 {
  font-size: 240%;
  border-top: 1px solid #111; 
  position: relative;
  top: 10px;
  margin-bottom: 50px;
  border-bottom: 1px solid #111;
  text-align: center;
}

h3 {
  color: #111;
  font-size: 180%;
  margin-bottom: 0px;
  margin-top: 30px;
  }

h4 {
  color: #111;
  font-weight: light; }



* a {
  color: blue;
  text-decoration: none; }
  * a:hover {
    text-decoration: underline; }
  * a:focus {
    outline: none;
  }

p {
  padding-bottom: 5px;
}

ul {
  padding-left: 4em; }

li {
  padding-bottom: 1em;
  }
li:last-child {
  padding-bottom: none;
}
  
.schedule table {
    text-align: left;
    border-collapse: collapse;
    margin: 10px auto;
}
.schedule table th, 
.schedule table td {
    padding: 0.5em;
    border-top: 0.1em solid;
    border-bottom: 0.1em solid; }    
.schedule table tbody > tr:nth-child(odd) {
    background: #E0E0E0; }

td {
  padding-left: 1em
}

dl {
    padding: 0.5em;
  }

dt {
    clear: left;
    font-weight: bold;
  }

dd {
    margin: 0 0 0 40px;
    padding: 0 0 0.5em 0;
  }

#homepage{
	width: 680px;
	margin-top: 0px;
	padding: 20px;
	/*border: 2px solid #ccd;*/
	background: #fdfdfd;
	color: black;
  margin: auto
}