body {
  color: #000000;
  background-color: #ffffff;
  overflow-y: scroll;
}

h2 {
  color: rgb(104,124,205);
  border-bottom: 3px dashed rgb(104,124,205);
  margin: 3ex 5px 1ex 5px;
  padding: 0px 0px .5ex .5em;
  font-size: 110%;
  clear: both;
}

h3 {
  color: rgb(104,124,205);
  margin: 2ex 2em 1ex 2em;
  padding: 10px 0px 5px 0px;
  font-size: 105%;
}

p {
  margin: 2ex 5% 10px 5%;
  width: 90%;
  line-height: 150%;
}

ul, ol{
  padding: 0px !important;
  margin: 2ex 5% !important;
  /* width: 80%; */
}

li {
  color: rgb(104,124,205);
  margin: 1ex 2em 1.5ex 2em;
  width: auto;
}

li em{
  color: rgb(50,100,150);
}

span {
  color: #000000;
}

.date {
  font-weight: bold;
  font-style: normal;
  color: rgb(100,150,200);

}

#titleheader {
  margin: 10px 10px !important;
  width: 95% !important;
  width: -webkit-calc(100% - 60px) !important;
  width: calc(100% - 60px) !important;
  text-align: center;
}

#titleheader h1 {
  color: rgb(124,164,235);
  font-size: 120%;
  margin: 5px 20px;
  padding: 10px;
}

#titleheader .date{
  color: rgb(100,150,200);
  font-size: 100%;
}

.subsection{
  margin: .5ex 0px .5ex 4em;
  width: auto !important;
  /* width: -webkit-calc(100% - 4em) !important; */
  /* width: calc(100% - 4em) !important; */
}


.image {
  float: left;
  margin: 0 !important;
  padding: 20px 0 !important;
  text-align: center;
  width: 700px;
}

.image p {
  margin: .5ex 0pt;
  padding: 0pt;
}

.image img {
  margin-top: 2ex;
}


img.domain {
  height: 2ex;
  vertical-align: text-bottom;
}

h1 em{
  font-size: 120%;
  font-style: normal;
  color: rgb(124,124,205);
}

ins {
  font-family: bold;
  text-decoration: underline double;
}

del {
  font-style: normal;
  color: rgb(200,200,200);
  text-decoration: line-through;
}

em {
  font-size: 100%;
  font-style: normal;
  font-family: bold;
  color: rgb(104,124,205);
}

.venue {
  padding: 0px !important;
  /* margin: 20px 2em 20px 5em !important; */
  width: auto !important;
  display: block !important;
  margin-left: 700px !important;
  /* width: 70% !important; */
  /* width: -webkit-calc(80 - 40px) !important; */
  /* width: calc(100% - 40px) !important; */
}

h3.venue {
  margin-top: 2ex;
  margin-bottom: 2ex;
}

/* p.venue { */
/*   width: auto !important; */
/* } */

/* ul.venue { */
/*   margin-left: 650px !important; */
/* } */

ul.venue li {
  padding: 0px !important;
  margin: 2ex 2em 2ex 4em !important; 
  width: auto !important;
  /* width: 80% !important; */
}


#titleheader {
  background-color: rgb(235,245,255);
  box-shadow: 2px 5px 10px 0px #666666;
  filter: progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=135,strength=5);
  text-align: center;
  padding: .5ex 0pt;
  margin: 1ex 0pt;
}

#menu {
 display: none !important;
}

#contents {
  position: absolute !important;
  top: 0% !important;
  left: 0% !important;
  padding-top: 10px !important;
  padding-left: 5px !important;
  padding-bottom: 10px !important;
  padding-right: 0px !important;
  width: 100%;
  width: -webkit-calc(100% - 5px);
  width: calc(100% - 5px);
}

h3.program {
  margin-left: 5px !important;
  padding-left: .5em !important;
}

table.program {
  border-collapse: collapse;
  width: 100%;
  width: -webkit-calc(100% - 10px);
  width: calc(100% - 10px);
}

/*
.program .even {
  background-color: rgb(240,250,255);
}

.program .odd {
  background-color: rgb(240,250,255);
}
*/

.program th {
  border: 1px solid rgb(0,50,100);
  text-align: left;
  background-color: rgb(250,245,255);
  color: rgb(104,124,205);
  font-style: normal;
  font-weight: bold;
  padding: 5px;
}

.program td {
  border: 1px solid rgb(100,50,0);
  vertical-align: top;
  padding-left: 1em;
  padding-top: 2px;
  padding-bottom: 2px;
}

.program td.time {
  text-align: right;
  padding-right: .5em;
}

.program tr.break {
  background-color: rgb(245,250,255);
}

em.invited {
  color: #000000;
  font-style: italic;
  font-weight: normal;
}