* {
  margin: 0;
  padding: 0;
  font-family: "Arial", "Geneva", "Helvetica", sans-serif;
}

body {
  background: #e5e5e5;
}

html { overflow:auto; }

a {
  text-decoration: none;
  font-weight: bold;
}

a:link, a:visited, a:active {
  color:black
}

img {
  border: 0;
}

p {
  margin-bottom: 1em
}

hr{
  height: 1px;
  background: grey;
  overflow: hidden;
  margin-top: 1em;
  margin-bottom: 1em;
}

ul {
  list-style-type: none;
}

#MainArea{
  position:relative;
  width: 950px; height: 704px; margin: 0 auto;
}

#Title {
  height: 70px; background: #8db3b7;
  color:white;
  font-size: 35px;
  letter-spacing: 0.08em;
  line-height: 70px;
  padding-left: 64px;
  cursor:default;
  opacity: 0.30;
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
}

#MenuBG {
  position:relative; width:100%; height: 35px;
  margin-bottom: -35px;
  background: #6d9097;
  opacity: 0.3;
  filter: alpha(opacity=30);
  -moz-opacity: 0.30;
}

#Menu {
  position:relative;
  width:100%;
  height:35px;
  color:white;
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 35px;
  text-align:center;
  text-transform:lowercase;
  cursor:pointer;
}

#Copyright{
  position: absolute; top: 704px;
  width: 950px; margin: 0 auto;
  text-align: right; font-size: 11px;
}

.menuButton {
  float:left;
  width:16.66%;
}

.menuButton a:link, .menuButton a:visited, .menuButton a:active {
  display: block;
  font-weight:normal;
  color: white;
  text-align:center;
}

.sHome #MainArea { background-image: url("Images/bg_home.jpg") }
.sHome #Title { background: #8db3b7; }
.sHome #MenuBG { background: #6d9097; }
.sHome #NavHome, #NavHome:hover { color: #405076 }

.sConcerts #MainArea { background-image: url("Images/bg_concerts.jpg");}
.sConcerts #Title { background: #487090; color: #ccd3d7; }
.sConcerts #MenuBG { background: #305070; }
.sConcerts #NavConcerts, #NavConcerts:hover { color: #6287b4 }

.sRecordings #MainArea { background-image: url("Images/bg_recordings.jpg") }
.sRecordings #Title { background: #DDDDCD; color: #ffffff; opacity: 0.80; filter: alpha(opacity=80); -moz-opacity: 0.80; }
.sRecordings #MenuBG { background: #FFFFEF; opacity: 0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; }
.sRecordings #NavRecordings, #NavRecordings:hover { color: #987643; }

.sGallery #MainArea { background-image: url("Images/bg_gallery.jpg") }
.sGallery #Title { background: #bfa7a3; }
.sGallery #MenuBG { background: #a5908d; }
.sGallery #NavGallery, #NavGallery:hover { color: #b28a88 }

.sFeatures #MainArea { background-image: url("Images/bg_features.jpg") }
.sFeatures #Title { background: #e1c1bf; color: #ffffff; opacity: 0.60; filter: alpha(opacity=60); -moz-opacity: 0.60; }
.sFeatures #MenuBG { background: #bca89f; }
.sFeatures #NavFeatures, #NavFeatures:hover { color: #897069; }

.sContact #MainArea { background-image: url("Images/bg_contact.jpg") }
.sContact #Title { background: #b3997a; }
.sContact #MenuBG { background: #9d7f67; }
.sContact #NavContact, #NavContact:hover { color: #695c4b; }


/* Home Section */


.fHome {
  width: 52%;
  margin: 24px;
  padding: 1px;
  background-image: url("Images/bg.png");
}

.bHome {
  background-image: url("Images/bg.png");
  padding: 12px;
  margin: 9px;
  min-height: 112px;
  font-size: 14px;
  color: black;
}

.bHome p {
  margin:0 0 0.8em 0;
}

.bHome img {
  float: left;
  margin-right: 9px; margin-bottom: 9px;
}

.bHome .heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom:0.8em;
}

.bHome .quote {
  padding-right: 15px;
  padding-left: 15px;
  font-style: italic;
  margin-bottom:0.8em;
}


/* Concerts Section */


.fConcerts {
  position:absolute;
  left: 374px;
  top: 193px;
  height: 465px;
  width: 550px;
  border: 0px;
  background: url(Images/bg_schedule.jpg);
  font-size: 12px;
  overflow-y: scroll;
}

.mConcerts {
  position:absolute;
  left: 274px;
  top: 193px;
}

.iConcerts {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  font-size:14px;
  background: url(Images/bg.png);
}

.s1112 .c1112, .s1011 .c1011, .s0910 .c0910, .s0809 .c0809, .s0708 .c0708, .s0607 .c0607, .s0506 .c0506 {
  background: #d1d9df;
}

#SeasonTitle {
  position: absolute; cursor: default;
  font-weight: normal;
  left: 374px; top: 158px;
  width:536px; height:35px; line-height:35px;
  font-size:18px; letter-spacing: 0.08em;
  padding-left:14px;
  background: #d1d9df;
  z-index:1;
}

.item {
  padding: 16px;
  border-bottom:1px dotted gray;
}

.item a { font-weight:normal; color:#006699; }

.nolink, .festival { font-weight:normal; }

.col1 {
  width:25%;
  float:left;
}

.col1 .date {
  margin-bottom: 1.0em;
}

.col2 {
  width:33%;
  float:left;
  font-weight:bold;
}

.col2 .title, .col2 .venue {
  margin-bottom: 1em;
}

.col3 {
  margin-left:58%;
  padding-left:1em;
}

.col3 .info:first-child { margin-top:1em; }

.col3 .composer:first-child { margin-top:0em; }

.col3 .composer {
  text-transform:uppercase;
  margin-top: 1em;
}

.col3 .workdetail {
  padding-left: 1em;
  margin-top: 0.5em;
  font-style:italic;
}


/* Recordings Section */


.mRecordings {
  position:absolute;
  left: 56px;
  top: 140px;
  width: 48px;
}

.tRecordings {
  width: 64px;
  height: 68px;
  background: url(Images/tab2.png) no-repeat;
}

.sPlateaux .tPlateaux, .sMenlo .tMenlo {
  background: url(Images/tab.png) no-repeat;
}

.tRecordings img {
  margin: 8px;
  margin-left: 8px;
}

.fRecordings {
  position:absolute;
  left: 120px;
  top: 140px;
  width: 508px;
  height: 500px;
  padding: 16px;
  font-size:14px;
  background: url(Images/bg4.png);
  text-align: justify;
  line-height: 1.28em;
}

.fRecordings img {
  float: left;
  margin-right: 16px; margin-bottom: 14px;
}

.fRecordings h1 {
  font-size: 14px;
  font-weight: bold;
}

.fRecordings h2 {
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 1em;
}

.fRecordings ul {
  list-style-type:circle;
  margin-left: 15px;
}

.disclaimer {
  position:absolute;
  left: 16px;
  top: 504px;
  font-size: 12px;
}


/* Gallery Section */


#GalleryArea {
  position: absolute;
  width:465px; height:450px;
  left:475px; top:170px;
}

#GalleryArea a {
  margin-right: 20px;
}

#GalleryArea img {
  border: 0px;
    margin-bottom: 20px;
}


/* Features Section */


.mFeatures {
  position:absolute;
  left:40px;
  top: 150px;
}

.mFeatures li {
  width: 100px;
  height: 40px;
  line-height: 40px;
  text-align:center;
  font-size:14px;
  background: #c8b9b2;
  text-transform:lowercase;
}

.fFeatures {
  position:absolute;
  left:140px;
  top:150px;
  width:460px;
  height:450px;
  background:#e2d7d0;
  overflow-y:scroll;
  padding:30px;
  line-height:1.2em;
  font-size:12px;
  text-align: justify;
}

.fFeatures h3 {
  margin-bottom: 16px;
}

.sBiography .cBiography, .sInterview .cInterview, .sReviews .cReviews { background: #e2d7d0; }


/* Contact Section */


#ContactArea {
  position:absolute;
  left:420px; top:150px;
  width:470px;
  height:480px;
  padding: 16px;
  background-image: url("Images/bg3.png");
  font-size:14px;
}

#ContactArea p {
  margin:0 0 1em 0;
}