body {
  margin: 0 auto;
  padding: 0;
  color: #000;
  background-color: #fff;
  line-height: 1.35;
}
body.b404 {
  background-image: url(dragon3.gif);
}
* { font-family: Verdana, Arial, sans-serif }
ul { list-style-type: circle; }
li { list-style-type: circle; }
a { color: #000000; text-decoration: none; }
a:visited { color: #000000; }
a:hover { text-decoration: underline; }

#logo {
  float: right;
  margin-top: 60px;
}

#header {
  width: 940px;
  background-color: #F5F7BA;
  font-size: 20px;
  text-align: center;
  padding: 15px;
  margin: 10px auto;
  border-collapse: collapse;
  border-top: 3px solid #80b7ff;
  border-bottom: 3px solid #80b7ff;
}
#alert {
  width: 900px;
  background-color: #f09090;
  font-size: 20px;
  text-align: center;
  padding: 15px;
  margin: 10px auto;
  border-collapse: collapse;
  border-top: 3px solid #80b7ff;
  border-bottom: 3px solid #80b7ff;
}
#footer {
  width: 940px;
  background-color: #F5F7BA;
  font-size: 11px;
  text-align: left;
  padding: 8px;
  margin: 10px auto;
  border-top: 3px dashed #80b7ff;
}

#wrapper {
  width: 940px;
  margin: 0 auto;
  text-align: left;
}
#wrapper h2 {
  margin: 2px 10px;
  font-size: 18px;
  font-weight: bold;
}
#wrapper h3 {
  margin: 2px 10px;
  font-size: 16px;
  font-weight: bold;
}
body.b404 > #wrapper {
  background: white;
  padding: 50px 0;
  text-align: center;
  font-size: 1.1em;
}

#group
{
  margin: 10px 30px;
  width: 700px;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  border-top: 3px solid #80b7ff;
  border-bottom: 3px solid #80b7ff;
}
.highlit {
  font-weight: bold;
}
.diva { background: #BFFFBF; }
.divb { background: #FFFFBF; }
.divc { background: #FFBFBF; }
.divd { background: #FF8FFF; }
.dive { background: #AFBF60; }
.divt1 { background: #e2BFFF; }
.divt2 { background: #e2FFBF; }
.div0 { background: #e6f1ff; }
.div1 { background: #f2f8ff; }
.divx {
  background: #bdd9ff;
  font-size: 4px;
}
#group th {
  font-size: 16px;
  font-weight: normal;
  padding: 6px;
  background: #bdd9ff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #80b7ff;
  border-left: 1px solid #80b7ff;
}
#group td {
  padding: 4px 10px;
  background: #e6f1ff;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  border-right: 1px solid #80b7ff;
  border-left: 1px solid #80b7ff;
  color: #000000;
}
#group tr:hover td {
  background: #d4e6ff;
}

#trans
{
  margin: 10px 30px;
  width: 820px;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  border-top: 3px solid #80b7ff;
  border-bottom: 3px solid #80b7ff;
}
.highlit {
  font-weight: bold;
}
#trans th {
  font-size: 16px;
  font-weight: normal;
  padding: 6px;
  background: #bdd9ff;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #80b7ff;
  border-left: 1px solid #80b7ff;
}
#trans td {
  padding: 4px 10px;
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  border-right: 1px solid #80b7ff;
  border-left: 1px solid #80b7ff;
}
#trans tr:hover td {
  background: #d4e6ff;
}

#content
{
  padding-top: 1em;
  margin: 0 220px 0 1em;
}

#content h2 { margin-top: 0; }

.setoff {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  border-top: 2px solid #333;
  border-bottom: 2px solid #333;
  margin-left: 2.5em;
  margin-right: 2.5em;
  padding-top: 5px;
  padding-bottom: 5px;
}
.setoffi {
  text-align: center;
  font-size: 12px;
  font-style: italic;
  margin-left: 7em;
  margin-right: 7em;
  padding-top: 5px;
  padding-bottom: 5px;
}

table.mainpage {
  margin: 10px 20px;
  width: 480px; /* 780px when we have more divisions */
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  border-top: 3px solid #80b7ff;
  border-bottom: 3px solid #80b7ff;
}
table.mainpage th {
  background: #e0e0e0;
  padding: 0px 8px;
  font-size: 14px;
  font-weight: bold;
  background: #bdd9ff;
  border-bottom: 1px solid #80b7ff;
  border-right: 1px solid #80b7ff;
  border-left: 1px solid #80b7ff;
}
table.mainpage td {
  border-bottom: 1px solid #fff;
  border-top: 1px solid transparent;
  border-right: 1px solid #80b7ff;
  border-left: 1px solid #80b7ff;
}
table.mainpage td.diva { background: #BFFFBF; }
table.mainpage td.divb { background: #FFFFBF; }
table.mainpage td.divc { background: #FFBFBF; }
table.mainpage td.divd { background: #FF8FFF; }
table.mainpage td.dive { background: #AFBF60; }

.tableTop {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: #d890d8;
font-weight: bold;
text-align: center;
}
.tableLeft {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background: #d890d8;
text-align: right;
}
.tableBody {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
.tableHeavy {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
font-weight: bold;
}
.tableBottom {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #ffffff;
background: #400020;
font-weight: bold;
font-style: italic;
text-align: center;
}

.smNote {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-style: italic;
}
.smList {
  font-size: 12px;
}

.hotel {
  margin: 1em 0em 1em 2.5em;
  font-family: Georgia, Arial, Helvetica, sans-serif;
  font-size: 11px;
}

.mList {
  margin: 1em 0em 1.5em 2.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-style: italic;
}

#hack1
{
  margin: 10px 30px;
  width: 820px;
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
}
#hack1 td {
  border: 1px solid black;
  border-collapse: collapse;
  font-size: 30px;
}

.mobile-only-block, .mobile-only-inline {
  display: none;
}

/* for smaller screens, some simpler layouts */
@media (max-width: 1200px) {
  th.wideonly { display: none; }
  td.wideonly { display: none; }
  .mobile-hide {
    display: none;
  }
  .mobile-only-block {
    display: block;
  }
  .mobile-only-inline {
    display: inline;
  }
}