body {
  background: #eee;
}

#wrapper {
  margin-left: auto;
  margin-right: auto;
  width: 54em;
  background: white;
}

#header {
  margin: 0;
  border: 6px solid #00274c;
  border-bottom: 0;
  background: #ffcb05;
  padding: 1em 2em 1em 2em;
  text-align: center;
  color: #00274c;
}

#header h1 {
  font-size: 200%;
}

#menu {
  margin-top: 0;
  padding: .6em 2em .6em 2em;
  background: #00274c;
  font-size: 120%;
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
    overflow: hidden
}

#menu li {
    padding: .5em 0 .5em 0;
    display: table-cell;
    text-align: center;
}    

#menu a {
  padding: .5em .5em .5em .5em;
  text-decoration: none;
  color: white;
}

#menu a:hover {
  background: #587abc;
}

#menu span {
  padding: .5em .5em .5em .5em;
  color: white;
  background: #cc6600; //#587abc;
}

#content {
  margin: 0;
  border: 6px solid #00274c;
  border-top: 0;
  padding: 1em 1em 1em 1em;
}

#content a {
  color: #587abc;
  text-decoration: none;
}

#content a:visited {
  color: #587abc;
}

#content a:hover {
  text-decoration: underline;
}

#footer {
  padding-top: 1em;
  text-align: center;
  background: #eee;
  font-size: 80%;
}

/*** SCHEDULE PAGE ***/

#popup {
  position: absolute;
  width: 22em;
  border: 1px solid black;
  background: #fff5cc;
  padding: 1em 1em 1em 1em;
  z-order: 10;
  box-shadow: 5px 5px #b38f00;
}

#popup h1 {
  font-size: 100%;
  margin: 0;
  font-weight: bold;
}

#popup .title {
  display: block;
  font-weight: bold;
  margin-bottom: 3px;
}

#popup .info {
  font-size: 90%;
}

#sched {
  border-collapse: collapse;
  padding: 0;
}

#sched tr {
  height: 2.25em;
}

#sched tr, td {
  padding: 0;
  margin: 0;
}

#sched .event {
  padding: .5em 1em .5em 1em;
  text-align: center;
}

#sched .day {
  font-weight: bold;
   background: #cfc096;
}

#sched .phase {
  background: #d6d5c2;
  font-weight: bold;
  text-align: center;
}

#sched .rb {
  border-right: 1px solid #aaa;
}

#sched .speaker {
  background: #dbe2f0;
}

#sched .speaker:hover {
  background: #6d8ac5;
}

#sched .qna {
  background: #f1eeda;
}

#sched .qna:hover {
  background: #c8bb6a;
}

#sched .break {
  background: #e0ebe9;
}

#sched .break:hover {
  background: #82b0a6;
}

#sched .problems {
  background: #f8d3d6;
}

#sched .problems:hover {
  background: #e44e5d;
}

#sched .special {
  background: #ffe6cc;
}

#sched .special:hover {
  background: #ff9933;
}

#sched .time {
  vertical-align: top;
  width: 4em;
}

#sched .time span {
  display: block;
  font-size: 85%;
  margin-top: -.5em;
  padding-right: .75em;
  text-align: right;
}


.talk {
  border: 1px solid #00274c;
  background: #fffae6;
  padding: 6px 8px 6px 8px;
  margin-top: 1em;
}

.talk .title {
  font-weight: bold;
  font-size: 105%;
}

.talk .time {
  font-style: italic;
  font-size: 95%;
}

.talk p {
  margin: 8px 0 4px 0;
  text-align: justify;
}