h1 {
  text-align: center;
  font-size: 20px;
}

a {
   text-decoration: none;
   color: #333399; 
}

a:visited {
   color: #2222aa; 
}

a:hover {
   text-decoration: underline;
}

body {
    background: #c1e4f0;
    font-family: sans-serif;
}

td.leftbar {
    padding: 10px;
    background: #c1e4f0;
    vertical-align: top;
}

td.body {
    border: solid 1px #000;
    vertical-align: top;
    padding: 5px;
    background: #ffffff;
}

div.menu {
    padding-top: 8px;
    display: block;
}

span.menuitem {
    display: block;
    margin: 1px;
}

span.menuitem a {
   border-left: solid 10px #b0d3e0;
   padding-left: 2px;
}

span.menuitem a:hover {
   border-left: solid 10px #000099;
   text-decoration: underline;
   padding-left: 2px;
}

input {
   border: solid 1px #777;
   padding: 1px;
}

textarea {
   border: solid 1px #777;
   padding: 1px;
}

input[type=submit]:hover {
   background-color: #bbb;
}

div.w3c {
  padding-top: 5px;
  text-align: right;
}

div.w3c img {
  border: none; 
}


/*-------------------------------------------------------------------*/
/* Timetable colours                                                 */
/*-------------------------------------------------------------------*/

.header {
  color: inherit;
  background-color: Silver;
  vertical-align: top;
}

.venue {
  color: inherit;
  background-color: #c1e4f0;
  vertical-align: top;
}

.out {
  color: inherit;
  background-color: #c1e4f0;
  vertical-align: top;
}

.r1 {
  color: inherit;
  background-color: #ffdd55;
  vertical-align: top;
}

.r2 {
  color: inherit;
  background-color: #aaaaff;
  vertical-align: top;
}

.r3 {
  color: inherit;
  background-color: #88ff88;
  vertical-align: top;
}

@media print {
   #menu { width: 0px; display: none; }
}