BODY { background-color: #000000;
    background-image: url(images/musicalbg.gif);
    font-family: Verdana, Arial, Sans Serif;
    font-size: 1.0em;
    font-weight: 500; color: #000000;
    margin: 20px;
  scrollbar-arrow-color: #000000;
  scrollbar-3dlight-color: #000000;
  scrollbar-highlight-color: #000000;
  scrollbar-face-color: #FF0000;
  scrollbar-shadow-color: #000000;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #FF0000;
    }
body.imageDisplay { background-image: none; }

a:link {
    color: #FF0000;
    text-decoration: none;
    }

a:visited {
    text-decoration: none;
    color: #FF0000;
    }

a:hover {
    color: #FF00FF;
    text-decoration: none;
    }

a:active {
    color: #FF0000;
    text-decoration: none;
    }
a:link.menu {
    color: #FFFFFF;
    text-decoration: none;
    }

a:visited.menu {
    color: #FFFFFF;
    text-decoration: none;
    }

a:hover.menu {
    color: #FF0000;
    text-decoration: none;
    }

a:active.menu {
    color: #FFFFFF;
    text-decoration: none;
    }
a:link.small {
    color: #FFFFFF;
    text-decoration: none;
    font-size: xx-small;
    font-weight:400;
    }

a:visited.small {
    color: #FFFFFF;
    text-decoration: none;
    font-size: xx-small;
    font-weight:400;
    }

a:hover.small {
    color: #FFFFFF;
    text-decoration: none;
    font-size: xx-small;
    font-weight:400;
    }

a:active.small {
    color: #FFFFFF;
    text-decoration: none;
    font-size: xx-small;
    font-weight:400;
    }
a:link.book {
    color: #000000;
    text-decoration: none;
     }

a:visited.book {
    color: #000000;
    text-decoration: none;
    }

a:hover.book {
    color: #FF0000;
    text-decoration: none;
    }

a:active.book {
    color: #000000;
    text-decoration: none;
    }

h1 { font-size: 32px; font-weight: 600; text-align: center; letter-spacing: 1px; color: #FF0000;
 }
h1.ferrier { font-size: 32px; font-weight: 600; text-align: center; letter-spacing: 1px; color: #FF0000;
 font-family: Comic Sans MS; }
h1.show { font-size: 2.0em; font-weight: 600; text-align: center; letter-spacing: 1px; color: #FF0000;
 margin-bottom: 5px; margin-top: 10px; }
h1.welcome { font-size: 1.3em; font-weight: 600; text-align: center; letter-spacing: 0px; color: #FF0000; margin-top: 0px;
  }
h2 { font-size: 1.6em; font-weight: 600; text-align: center; text-decoration: none;
 margin-bottom: 5px;
 }
h2.pageHdg { font-size: 1.2em; font-weight: 600; text-align: center; text-decoration: none;
 margin-bottom: 15px;
 }
h2.pageSubHdg { font-size: 1.0em; text-align: left;  }
h2.frontEvent { font-size: 1.2em; font-weight: bold; text-align:center }
h3 { font-size: 0.9em; font-weight: 600; margin-bottom: 7px; margin-top: 0px;
text-decoration: none;
 }
h4 { font-size: 1.2em; font-weight: 600; text-decoration: underline;
 }


TD { font-size: 0.8em; font-weight: 400;
 }
.small { font-size: 0.8em; font-weight: 400; color: #FFFFFF;
 }
div.smaller { font-size: 0.8em; font-weight: 400; text-align: center; padding-left: 30px; padding-right: 30px;
 }
table.fullPage { width: 800px; background-color: #FFFFFF; border: solid 1px #FF0000;
 }
td.topSection { vertical-align: top; height: 110px; background-image: url(images/mask2.jpg);background-repeat: no-repeat;background-position: right top; }
table.topSection { width: 100%; height: 110px;  }
td.notes { width: 150px; padding-top: 10px; padding-right: 20px; padding-left: 20px; }
td.mask { width: 150px; text-align: right; }
td.name { width: 460px; text-align: center; padding-top: 10px; padding-right: 20px; padding-left: 20px; }

td.menuSection { vertical-align: top; padding-top: 0px; padding-bottom: 20px; }
table.menuSection { width: 100%; }
td.menuItemFirst { background-color: #000000; width: 14%; padding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-right: 4px; text-align: center; border-right: solid 2px #FFFFFF; border-left: solid 0px #FFFFFF;
 font-weight: bold; }
td.menuItemLast { background-color: #000000; width: 14%; padding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-right: 4px; text-align: center; border-right: solid 0px #FFFFFF; border-left: solid 2px #FFFFFF;
 font-weight: bold; }
td.menuItem { background-color: #000000; width: 14%; padding-top: 6px; padding-bottom: 6px; padding-left: 4px; padding-right: 4px; text-align: center; border-right: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF;
 font-weight: bold; }

td.mainSection { vertical-align: top; padding-top: 10px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; }
table.mainSection { width: 100%; }
td.mainText { }
td.frontText { font-size: 1.1em; }
td.centerText { text-align: center; }
td.frontRotatingImages { width: 150px; height: 112px; }
td.RightImages { width: 150px; height: 200px; vertical-align: top; padding-left: 10px; }
td.LeftImages { width: 150px; height: 200px; vertical-align: top; padding-right: 10px; }

td.showLeft { width: 50%; }
table.showLeft { padding-right: 20px; }
td.showRight { width: 50%; }
table.showRight { padding-left: 20px; }
td.showYear { padding-right: 10px; vertical-align: top; }
td.showName { vertical-align: top; }

div.memberComment { font-style: italic; }
div.memberCommentName { padding-bottom: 8px; }

td.linkName { padding-bottom: 5px; padding-right: 15px; padding-left: 30px; width: 40%; vertical-align: top; }
td.linkDesc { padding-bottom: 5px; padding-right: 30px; width: 60%; vertical-align: top; }

td.footer {  vertical-align: bottom; background-color: #4040FF; }
table.footer { width: 100%; margin-left: 20px; margin-right: 20px; }
div.copyright { text-align: center; font-size: 0.7em; padding-top: 3px; color: #FFFFFF; }

td.showName {font-size: 25px; font-style: italic; font-weight: bold; color: #ff0000;}
td.showDates {font-weight: bold; text-align: right; vertical-align: top; padding-top: 15px;}
th.character {text-align: right; width: 50%; }
td.character {font-style: italic;}

th.chorus {text-align: left; }
td.chorus {font-style: italic; padding-left: 25px;}

th.md {text-align: right; }
td.md {font-style: italic;}

th.producer {text-align: right; }
td.producer {font-style: italic;}

th.choreographer {text-align: right; }
td.choreographer {font-style: italic;}

td.karaoke { text-align: center; padding: 5px; }

.tickets {font-weight: bold;}
td.ticketPricePrice {text-align: right; padding: 5px; }
td.bookingContact { text-align: center; padding: 5px; }
td.bookNow {text-align: center;}
td.privacy {text-align: center; font-style: italic;}

table.joinMailingList { margin-top: 20px; width: 600px; border-top: double 3px #FF0000; border-left: double 3px #FF0000; }
th.joinMailingList { padding: 10px; border-right: solid 1px #FF0000; border-bottom: solid 1px #FF0000; }
td.joinMailingList { padding: 10px; border-right: double 3px #FF0000; border-bottom: solid 1px #FF0000; }
td.joinMailingListPrivacy {text-align: center; font-style: italic; padding: 10px; border-right: double 3px #FF0000; border-bottom: solid 1px #FF0000; }
td.joinMailingListSubmit { padding: 10px; text-align: center; border-right: double 3px #FF0000; border-bottom: double 3px #FF0000; }

table.bookingForm { margin-top: 20px; width: 600px; border-top: double 3px #FF0000; border-left: double 3px #FF0000; }
th.bookingForm {vertical-align:top; padding: 10px; border-right: solid 1px #FF0000; border-bottom: solid 1px #FF0000; }
td.bookingForm { vertical-align:top; padding: 10px; border-right: double 3px #FF0000; border-bottom: solid 1px #FF0000; }
td.bookingFormTickets { padding: 10px; border-right: double 3px #FF0000; border-bottom: solid 1px #FF0000; }
td.bookingFormPrivacy {text-align: center; font-style: italic; padding: 10px; border-right: double 3px #FF0000; border-bottom: solid 1px #FF0000; }
td.bookingformSubmit { padding: 10px; text-align: center; border-right: double 3px #FF0000; border-bottom: double 3px #FF0000; }

table.contactForm { margin-top: 20px; width: 600px; border-top: double 3px #FF0000; border-left: double 3px #FF0000; }
th.contactForm { padding: 10px; border-right: solid 1px #FF0000; border-bottom: solid 1px #FF0000; }
td.contactForm { padding: 10px; border-right: double 3px #FF0000; border-bottom: solid 1px #FF0000; }
td.contactFormSubmit { padding: 10px; text-align: center; border-right: double 3px #FF0000; border-bottom: double 3px #FF0000; }

td.linecost {width: 80px; text-align: right; padding-right: 10px;}
td.totalCost {font-weight: bold; text-align: right; padding-right: 10px;}

div.thanks {text-align: center; padding: 10px;}

td.role { vertical-align: top; font-weight: bold; padding-left: 60px; padding-right: 15px; padding-bottom: 5px; }
td.member { vertical-align: top; padding-bottom: 5px; }

h3.center {text-align: center;}


table.synopsis { margin-left: 50px; margin-right: 50px; width:80%;}
td.synopsisHdg { text-align:center; font-size: 0.9em; padding-bottom: 20px; }
td.synopsis { padding-top: 20px; padding-bottom: 20px; }

h2.auditions {}
h3.auditions {text-align: center; padding-bottom: 20px;}
table.auditions {}
th.auditionsCharacter { padding-left: 100px; padding-right: 20px; text-align: left; text-decoration:underline; padding-bottom:10px; }
th.auditions { padding-left: 20px; padding-right: 20px; text-align: left; text-decoration:underline; padding-bottom:10px;}
td.auditionsCharacter {vertical-align: top;padding-bottom: 10px; padding-left: 100px; padding-right: 20px; font-weight: bold;}
td.auditionsPiece {padding-bottom: 10px; padding-left: 20px; padding-right: 50px;}
td.auditionsOther {padding-top: 10px; padding-left: 30px; padding-right: 30px;}
td.auditionDetails { text-align:center; font-weight:bold;font-size:medium;}

table.auditionImages { }
td.auditionImages { line-height: 1.5; padding-top: 10px; padding-left: 30px; padding-bottom: 10px; padding-right: 30px; }

td.otherEvents {font-weight: bold;}

table.castList { }
th.castListChar {border: 1px solid #000000; padding-top: 4px; padding-left: 10px; padding-bottom: 4px; padding-right: 10px;}
th.castListPlayedBy {border-right: 1px solid #000000; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 4px; padding-left: 10px; padding-bottom: 4px; padding-right: 10px; }
th.castListChar {border: 1px solid #000000; padding-top: 4px; padding-left: 10px; padding-bottom: 4px; padding-right: 10px; }
td.castListChar {border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: 4px; padding-left: 10px; padding-bottom: 4px; padding-right: 10px; }
td.castListPlayedBy {border-right: 1px solid #000000;  border-bottom: 1px solid #000000; padding-top: 4px; padding-left: 10px; padding-bottom: 4px; padding-right: 10px; }

table.socialFuture {width: 80%;}
td.socialDivider {text-align: center; padding-bottom: 10px;}
td.socialTitle {font-weight: bold;}
td.socialDate {text-align: right; padding-right: 6px; }

.socialTitlePast {font-weight: bold;}

td.concertImage { width: 170px; padding-left: 20px; }
td.concertDetails {vertical-align: top; text-align: left; width: 750px; padding-top: 6px; padding-bottom: 20px;}
.concertTitle {font-weight: bold; font-size: 1.3em; }
.concertDescription {}
.concertContactUs {font-weight: bold; font-size: 1.2em; }
th.concertDate {}
th.concertTime {}
th.concertVenue {}
th.concertPrice {}
th.concertFood {}
td.concertVenue {vertical-align: top;}
td.concertBooking {vertical-align: top;}
td.concertTime {vertical-align: top; padding-left: 5px; padding-right: 10px; padding-top: 6px;}
td.concertVenue {vertical-align: top; padding-left: 10px; padding-right: 10px; padding-top: 6px;}
td.concertPrice {vertical-align: top; padding-right: 10px; padding-top: 6px; text-align: right;}
td.concertFood {vertical-align: top; padding-left: 10px; padding-top: 6px;}

td.concertSummaryImage {  padding-top: 15px; vertical-align: top; }
td.concertSummaryDetails {vertical-align: top; font-weight:bold; text-align: left;  padding-top: 15px;}
td.concertSummaryDate {vertical-align: top; padding-right: 4px; padding-top: 15px;}
td.concertSummaryTime {vertical-align: top; padding-right: 10px; padding-top: 6px;}
td.concertSummaryVenue {vertical-align: top; padding-right: 10px; padding-top: 6px;}
td.concertSummaryFood {vertical-align: top; padding-top: 6px;}
td.concertSummaryContact {vertical-align: top; text-align:center; font-weight:bold; padding-top: 15px;}

table.concertDetails { width:100%; text-align: left;}
td.concertTitle {vertical-align: top;font-weight: bold; font-size: 1.3em; padding: 10px 0px 10px 0px;text-align: center;}
td.concertDate {vertical-align: top; padding: 0px 0px 10px 40px; white-space: nowrap; font-size: 1.1em;}
td.concertVenueInfo {vertical-align: top; padding: 0px 0px 0px 40px; font-size: 1.1em;}
td.concertInfo {vertical-align: top; padding: 0px 0px 0px 40px; font-size: 1.1em;}
td.concertDownload {padding:10px 100px 0px 0px; text-align: right;font-size: 1.1em;font-weight: bold;}
div.scratchTitle {vertical-align: top;font-weight: bold; font-size: 1.3em; padding: 10px 0px 5px 0px;color: #FF0000;text-align: center;}
div.scratchDate {vertical-align: top; padding: 0px 0px 0px 0px; font-size: 1.1em; text-align: center;font-weight: bold;color: #FF0000;}
div.scratchVenue {vertical-align: top; padding: 5px 0px 0px 0px; font-size: 1.1em;text-align: center;}
div.scratchInfo {vertical-align: top; padding: 20px 0px 0px 0px; font-size: 1.1em;}
div.scratchDownload {padding:10px 100px 0px 0px; text-align: right;font-size: 1.1em;font-weight: bold;}

td.leftMainText {vertical-align: top;}
table.committee {}
td.rightMainText {vertical-align: top;}
table.documents {}
td.documentTitle {padding-left: 10px; padding-right: 10px; padding-bottom: 10px; }
td.documentLink {padding-left: 10px; padding-bottom: 10px; vertical-align: top;}
div.postage {padding-top: 10px; width: 65%;}

td.productionTicketImage {vertical-align: top; padding-left: 30px; padding-right: 30px;}
td.productionTicketPrices {vertical-align: top; text-align: center;}

table.rehearsalPhotos { }
td.rehearsalPhotoLeft { text-align:center; padding-left: 30px; padding-right: 5px; padding-bottom: 10px; }
td.rehearsalPhotoRight { text-align:center; padding-left: 5px; padding-right: 30px; padding-bottom: 10px; }

td.postOrCollect {text-align:center; }

td.bookTicketsLeft { font-weight: bold; padding: 20px 50px 20px 0px; vertical-align:top; font-size: 1.0em; }
td.bookTicketsRight { font-weight: bold; padding: 20px 0px 20px 0px; vertical-align:top; font-size: 1.0em; }
div.bookingInfo { font-weight: normal; font-style:italic; font-size: 0.95em;}