a:link {
  color: black;
  text-decoration: none;
}
a:visited {
  color: black;
  text-decoration: none;  
}
A.nounderline:link {
  text-decoration: none;
  font-weight: bold;
  font-size: larger;
}
A.nounderline:visited {
  text-decoration: none;
  font-weight: bold;
  font-size: larger;
}
a.nounderline:hover {
  text-decoration: none;
}
A.nounderline:active {
  text-decoration: none;
  font-weight: bold;
  font-size: larger;
}
a:active {
  color: blue;
}
a:visited {
  color: blue;
  text-decoration: underline;
}
/*
** Tag Styles
*/
blockquote {
  background-color: lightgray;
}
body {
 height: 768px;
 margin:10px auto 0px auto;
 max-width: 1024px;
 min-height: 768px;
 width: 1024px;
}
h1 {
 text-align: center;
}
iframe {
  font-size: smaller !important;
  font-stretch: condensed !important;
}
img {
 border-style: none;
}
page {
  text-align: center;
}
table {
 width: 100%;
}

/* Elements */
#bottompanel {
  height: 20px;
  width: 100%;
}
#centrepanel {
margin-top:5px;
margin-bottom: -19px;
margin-left: 207px;
margin-right:137px;
}
#contentpanel {
  height: 100%;
  width: 100%;
}
#footer {
background:#fff;
margin-bottom:10px;
height:40px;
}
#header {
background:#fff;
height:40px;
}
#leftpanel {
margin-top:5px;
width:200px;
float:left;
}
#menupanel {
  height: 20px;
  width: 100%;
}
#midpanel {
  width: 100%;
}
#rightpanel {
 margin-top: 5px;
 float: right;
 width: 130px;
}
#toppanel {
  height: 60px;
  margin-top: 1px;
  margin-bottom: 1px;
  width: 100%;
}

/* Classes */
.adbox {
  position: absolute;
  left: 0;
  top: 0;
  background: lightgray;
  border: none;
  display: none;
  max-height: 494px;
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 0 0 0 0;
  position: absolute;
  visibility: hidden;
  width: 156px;
}
.adboxvariable {
  background: lightgray;
  border: black ridge 3px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-size: smaller;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  width: 160px;
}
.adspacer {
  height: 6px;
}
#advertical {
  background: lightgray;
  border: black ridge 3px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  height: 500px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  width: 160px;
}
.artist {
  color: black;
  font-size: larger;
  font-weight: bold;
  text-align: center;
}
.barbutton {
 font-size: x-large;
 font-weight: bold;
 margin-top: 2px;
 margin-bottom: 2px;
 margin-left: 0;
 margin-right: 0; /* overridden by width = 100%! */
 width: 100%;
}
.biography {
  font-weight: normal;
  font-style: italic;
}
.block {
  display: block;
}
.blue {
  color: blue;
}
.bold {
  font-weight: bold;
}
.bootnote {
  font-size: 75%;
  text-align: center;
}
.branch {
  display: none;
  margin-left: 16px;
}
.caption {
  font: small-caption;
  font-size: smaller;
  font-weight: bold;
  text-align: center;
  text-transform: capitalize;
}
.centremiddle {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.centremiddle * {
  vertical-align: middle;
}
.cite {
  margin-right: 3em;
}
.companyname {
  text-decoration: none;
  font-family: serif;
  font-size: 200%;
  font-style: italic;
  font-weight: bold;
}
.companynameinline {
  text-decoration: none;
  font-family: serif;
  font-size: 100%;
  font-style: italic;
  font-weight: bold;
}
.companynametitle {
  text-decoration: none;
  font-family: serif;
  font-size: xx-large;
  font-style: italic;
  font-weight: bold;
  vertical-align: middle;
}
.composer {
 font-size: smaller;
 font-style: italic;
 text-align: center;
 color: black;
}
.contact {
 font-weight: normal;
 text-align: right;
}
.contactpast {
 font-weight: normal;
 text-align: right;
 color: gray;
}
.content {
  background-image: url( "resource/pastelstripes.gif" );
  margin: 1%;
  padding-left: 1%;
  padding-right: 1%;
}
.cutoffdate {
 font-size: large;
 font-weight: bold;
 text-align: center;
 color: red;
}
.cutoffdatepast {
 font-size: x-small;
 font-weight: normal;
 text-align: center;
 color: gray;
}
.departure {
 font-size: smaller;
 text-align: center;
}
.departurepast {
 font-size: smaller;
 text-align: center;
 color: gray;
}
.diary {
  background-image: url( "resource/pastels.gif" );
}
.diarydate {
 font-size: larger;
 text-align: center;
}
.diarydatepast {
 font-size: x-small;
 text-align: center;
 color: gray;
}
.diaryevent {
 font-family: Verdana;
 font-size: larger;
 font-weight: bold;
 text-align: center;
 filter:
    progid:DXImageTransform.Microsoft.Shadow(color=#FF0000,direction=135,strength=1);
 webkit-text-shadow: 1px 1px 1px red;
 text-align: center;
 text-shadow: 1px 1px 1px red;
 text-transform: capitalize;
 width: 100%;
}
.diaryeventpast {
 font-size: xx-small;
 font-weight: lighter;
 text-align: center;
 color: gray;
}
.diarytime {
 font-size: larger;
 text-align: center;
}
.externalheadline {
  background-color: lightgrey;
  color: white;
  font-size: large;
  font-variant: small-caps;
  text-align: center;
  text-transform: lowercase;
}
.externalstory {
  border: black ridge 3px;
  font-size: larger;
  margin: 6pt;
  padding: 3pt;
}
.fantasy {
  font-family: fantasy;
}
.green {
  color: green;
}
.headline {
  background-color: red;
  color: white;
  font-size: large;
  font-variant:small-caps;
  text-align: center;
  text-transform:lowercase;
}
.hidden {
  display: none;
  visibility: hidden;
}
.inline {
  display: inline;
}
.instrument {
  font-size: smaller;
}
.inline-block {
  display: inline-block;
}
.italic {
  font-style: italic;
}
.listheadline {
  background-color: red;
  border-bottom: white solid 1px;
  border-top: white solid 1px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  color: white;
  font-size: larger;
  text-align: center;
}
.location {
 font-size: smaller;
 text-align: center;
}
.locationpast {
 display: none;
 visibility: hidden;
 font-size: x-small;
 text-align: center;
 color: gray;
}
.menu {
  background-image: url( 'resource/pastels.gif' );
  border: grey dotted 1px;
  color: black;
  font-weight: bold;
  text-decoration: none;
}
.menuheader {
  /* border: 1px solid yellow;*/
  background-image: url("stargrad.png");
  font-variant: small-caps;
  font-weight: bold;
  text-align: center;
}
.menuitem {
  font-variant: small-caps;
  text-transform: lowercase;
  width: 100%;
}
.menuitem:hover {
  background-color: grey;
  color: white;
}
.menubody {
  background-image: url( 'resource/pastels.gif' );
  list-style-type:none; 
  white-space: nowrap;
  width: 100%;
}
.menupane {
  background-image: url( 'resource/pastels.gif' );
  border-bottom: black solid 1px;
  border-top: black solid 1px;
  margin-bottom: 2px;
  margin-top: 2px;
  padding-bottom: 2px;
  padding-top: 2px;
}
.navbutton {
  background-image: url( "resource/pastels.gif" );
  border: none;
  border-bottom: darkgray inset 1px;
  font-weight: bold;
  text-align: left;
  width: 100pt;
}
.navbutton:hover {
  color: green;
}
.links {
  background-image: url( "resource/pastels.gif" );
}
.officers {
  background-image: url( "resource/pastels.gif" );
}
.organisation {
 font-size: smaller;
 text-align: center;
}
.page {
  min-height: 100%;
}
.pagesubtitle {
 text-align: center;
 font-size: large;
 font-weight: bold;
 color: black;
}
.pagetitle {
 text-align: center;
 font-family: cursive;;
 font-size: x-large;
 font-weight: bold;
 margin-top: 0;
 margin-bottom: 0;
 padding-top: 0;
 padding-bottom: 0;
 text-transform: capitalize;
 color: #254117; /* Dark Green */
 vertical-align: middle;
}
.panel {
 background-image: url( "resource/pastels.gif" );
 margin: 2px auto;
 overflow: scroll;
}
.performer {
 color: black;
 font-size: larger;
 font-weight: bold;
 text-align: center;
}
.person {
  font-weight: bold;
}
.photograph {
  border: black ridge 5px;
  display: inline;
  margin: 0;
}
.postertext14 {
  font-size: 14pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext16 {
  font-size: 16pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext18 {
  font-size: 18pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext20 {
  font-size: 20pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext24 {
  font-size: 24pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext28 {
  font-size: 28pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext36 {
  font-size: 36pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext48 {
  font-size: 48pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.postertext96 {
  font-size: 96pt;
  margin: 2pt 2pt 2pt 2pt;
  padding: 2pt 2pt 2pt 2pt;
}
.price {
 font-size: smaller;
 text-align: center;
 color: black;
}
.pricepast {
 font-size: smaller;
 text-align: center;
 color: gray;
}
.programme {
  font-size: smaller;
  text-align: center;
}
.red {
  color: red;
}
.role {
 font-weight: bold;
 text-align: left;
}
.section {
 margin:0px;
 padding:0px;
 margin-bottom: 5px;
 display: none;
 visibility: hidden;
}
.select {
  padding: 1px;
  width: 100%;
  /* background-color: yellow;*/
  border: 0px solid #000000;
}
.shortcut {
 border-spacing: 3pt;
 border-style: solid;
 border-width: 1pt 1pt 1pt 1pt;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 display: inline;
 font-size: larger;
 text-align: center;
}
.smallprint {
 text-align: center;
 font-size: xx-small;
 color: gray;
}
.speaker {
 text-align: center;
 color: black;
}
.speakerpast {
 text-align: center;
 color: gray;
}
.story {
  border: black ridge 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  font-size: larger;
  margin: 6pt;
  padding: 3pt;
}
.switchcontent {
  padding: 1px;
  width: 100%;
  /* background-color: yellow;*/
  border: 0px solid #000000;
}
.tableheading {
 font-size: larger;
 font-variant: small-caps;
 font-weight: bold;
 text-align: center;
 text-transform: lowercase;
}
.tablebody {
 text-align: center;
}
.titlebar {
  /* background-color: 	#ECD872; Light Goldenrod */
  border-bottom: black solid 1px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.toolbar {
  border: gray dotted 1px;
}
.trigger{
  cursor: pointer;
  cursor: hand;
}
.zoombutton {
  background-image: url( "resource/pastels.gif" );
  border: none;
  border-bottom: darkgray inset 1px;
  color: blue;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  width: 100%
}
.zoombutton:hover {
  color: green;
}