body {
  background-color: #bfefff;
  color: #000;
  margin:0;
  width:800px;
  background: url('/images/fade_top_down.gif') repeat-x;
}
div {
  /*border: 1px solid #000;*/
}

#ads {
  padding-left: 36px;
}

#header {
  background: url('/images/logo-vsm-blue-back.jpg') left no-repeat;
  height:60px;
  margin-left:1em;
  margin-top: 5px;
}
#header h1 {
  margin-top:0;
  padding-top:20px;
  margin-left:111px;
}
#navigation {
  border-top: 3px solid black;
  border-bottom: 3px solid black;
  margin-top:10px;
  display:block;
}
#navigation ul {
  margin:0;
  padding:0;
}
#navigation li {
  float:left;
  font-size: 80%;
  padding: 0.5em;
}
#navigation li a {
  padding: 0.5em;
}
#navigation li a.selectedMenu {
  background-color: #87CEEB;
  
}
#content {
  padding: 1em 2em;
  font-size: 90%;
  valign: top;
}
#footer {
  clear: both;
  font-size: 10px;
  border-top: 3px solid black;
}
#footer div p {
  float:left;
  width:30%;
}

#header h1 {
  margin-bottom: 10px;
}
#header #charity {
  font-style: italic;
  margin-top: 10px;
}

li {
  list-style: none;
}
.announce-date {
  margin-bottom: 2px;
  font-weight: bold;
}
.announce-text {
  margin-top: 2px;
}
#content h2 {
  margin-top: 20px;
  margin-bottom: 5px;
}

/* CONCERTS */
div#content div.concert {
  position: relative;
}
.concertInner {
}
.concert-date-time div {
  font-weight: bold;
}
.concert-date {
  float: left;
}
.concert-permalink {
  float: left;
  font-weight: normal !important;
  font-size: 60%;
  margin-left: 2em;
}
.concert-time {
  float: right;
}
.concert-venue {
  text-decoration: underline;
  clear: both;
}
.concert-title {
  font-weight: bold;
}
.concert-subtitle {
  font-weight: bold;
  font-style: italic;
}
.concert-soloist div {
  font-variant: small-caps;
}
.soloist-instrument {
  width: 10em;
  float: left;
}
.programme-item {
  clear:both;
}
.item-composer {
  width: 10em;
  float: left;
}
.additional {
  font-style: italic;
}
.ticket-group {
  float:left;
  width: 10em;
}

/* REHEARSALS */
#rehearsals table {
  width: 100%;
}

#concert-details {
  font-weight: bold;
}
#calendars {
  margin-top: 2em;
}

/* ABOUT */
#presidents td {
  width: 10em;
  vertical-align: top;
}

/* PEOPLE */
.person {
  clear:both;
}
.person-image {
  float:left;
}
.people-main-section {
  clear:both;
}
.role {
  clear:both;
  position:relative;
  margin-top: 2em;
}
.role-name {
  width: 10em;
  font-weight: bold;
}

/* VENUES */
.venue {
  padding: 1em;
}

/* GENERAL */
div.selected .boxInner, div.selected {
  background: #87CEEB;
}
#content td {
  vertical-align:top;
}

.boxOuter {
  padding: 2px 0 0 3px;
  border-top: 1pt solid black;
}

.boxInner {
  padding: 0.5em 0.5em 1.5em 0.5em;
  border-top: 1pt solid black;
}

.fullrehearsal {
  font-weight:bold;
}

.link {
  text-decoration:underline;
  cursor:pointer;
}

.seasonLink {
  font-size: 60%;
  padding-left: 0.5em;
}

.rehearsals-link {
  font-size:60%;
}






div.clearit {
  clear:both;
}