/* these rules govern the layout of five sections: left column, right column, navigation, logo and contents area */
/* also basic apperance of the site */

body {
  overflow: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: Arial,sans-serif;
  scrollbar-base-color: #eee;
  scrollbar-darkshadow-color: white;
}


a, a:visited {
  color: inherit;
  color: expression(this.parentNode.currentStyle["color"]); /* IE */
}


/* -------------------------------------------- left column */

#left_col_header {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  height: 16%;
  width: 20%;
  background: #b9f3ff;
}

#left_col_header td { font: 16pt "Arial black"; }

#left_col {
  position: absolute;
  top: 16%;
  left: 0;
  width: 20%;
  height: 84%;
  overflow: auto;
}

#left_col a { color: black; }

td.lc_date { width: 25%; font-family: "Arial black"; text-align: left; }
.lc_where_day { font: normal 7pt Arial,sans-serif }
td.lc_where { text-align: center; }
.lc_where_l1 { font: bold 8pt }
.lc_where_l2 { font: 7pt }
.lc_where_l3 { font: 7pt }


/* -------------------------------------------- right column */

#right_col {
  position: absolute;
  top: 0;
  right: 0;
  width: 20%;
  height: 100%;
}

#right_col td { text-align: center; }

#right_col a { text-decoration: none; font: bold 12pt "Arial black",Arial,sans-serif; color: black}

.rc_header { font: 16pt "Arial black"; }

table#listen td { width: 50%; }


/* -------------------------------------------- bottom (navigation) */

#navigation {
  position: absolute;
  bottom: 0%;
  right: 20%;
  width: 60%;
  height: 14%;
}

#navigation td { text-align: center; }

#navigation a { font: 100% "Arial black"; color: black }


/* -------------------------------------------- logo (top) */

#logo {
  position: absolute;
  top: 0;
  left: 20%;
  width: 60%;
  height: 16%;
}


/* -------------------------------------------- contents (middle) */

#middle {
  position: absolute;
  overflow: auto;
  bottom: 14%;
  right: 20%;
  width: 60%;
  height: 70%;
  z-index: 1;
  padding: 0.2em;
}