body { font-family: sans-serif; background: #ffffff; margin: 1%5%5%5%; padding: 1%5%5%5%; text-align: left; color: #000000; }
h1 {  color: #bd3331; background: #ffffff;  font-size: 150%; padding: 1%1%0%1%; margin: 1%1%0%1%; clear: both; }
h2 { background: #bd3331; color: #ffffff; font-size: 125%;  padding: 0.5%0.5%0.5%0.5%;  margin: 1%1%1%1%; clear: both; text-align: center; }
h3 { font-size: 120%; padding: 1%;   margin: 1%; text-align: center;  }
h4 { font-size: 100%; padding: 0.5%0.5%0.5%0.5%;   margin: 1%1%1%1%; text-align: center;  }
table { padding: 1%; margin: 1%; }
.small-font { font-size: 95%; }
.right-black-box { float: right; margin: 1%; padding: 1%; background: #000000; color: #ffffff; text-align: center; width: 20% }
.left-grey-box { float: left; margin: 1%; padding: 1%; background: #d3d3d3; text-align: left; width: 35% }
p { text-decoration: none;  padding: 1%; margin: 1%; text-align: center; }
em { font-weight: bold; }
a:link { text-decoration: underline; color: #bd3331; padding: 0.1%; }
a:visited { text-decoration: underline; color: #940F04; padding: 0.1%; }
a:hover { background: #d3d3d3; font-weight: bold; color: #000000; padding: 0.1%; }
ul { text-decoration: none; padding:  1%:2%:1%:1%; margin: 1%:1%:1%:1%; text-align: left; }
a.menu:link { background: #bd3331; color: #ffffff;  text-decoration: none; font-weight: bold; padding: 0.5%; margin: 2%0.1%0.10.1%; }
a.menu:visited { background: #bd3331; color: #d3d3d3;   text-decoration: none; font-weight: bold; padding: 0.5%; margin: 2%0.1%0.10.1%; }
a.menu:hover { background: #d3d3d3; color: #000000; text-decoration: none; font-weight: bold; padding: 0.5%; margin: 2%0.1%0.10.1%; }
a.menu-gray:link { background: #d3d3d3; color: #000000;  text-decoration: none; font-weight: bold; padding: 0.5%; margin: 2%0.1%0.10.1%; }
a.menu-gray:visited { background: #d3d3d3; color: #ffffff;   text-decoration: none; font-weight: bold; padding: 0.5%; margin: 2%0.1%0.10.1%; }
a.menu-gray:hover { background: #000000; color: #ffffff; text-decoration: none; font-weight: bold; padding: 0.5%; margin: 2%0.1%0.10.1%; }
li { text-decoration: none; padding: 0.1%; margin: 0.1%; text-align: left; }
.image-right {float: right; padding: 1%; margin: 1%; }
.image-left {float: left; padding: 1%; margin: 1%; }
.image-center {float: center; padding: 1%; margin: 1%; }
.sponsor-logo {float: center; padding: 2%; margin: 2%; }
.right-info-box { float: right; margin: 1%; padding: 1%; background: #d3d3d3; width:20%; }
.left-white-info-box { float: left; text-align: center; margin: 1%; background: #ffffff; padding: 1%; width:40%; }
.right-white-info-box { float: right; background: #ffffff; margin: 1%; padding: 1%; width:40%; }
.right-centered-info-box { text-align: center; float: right; background: #ffffff; margin: 1%; padding: 1%; width:30%; }
.left-panel { float: left; margin: 1%; padding: 1%; background: #ffffff; width:70%; }
.footer { background: #d3d3d3;  padding: 1%1%1%1%; margin: 3%1%1%1%; text-align: center; } 
.play { background: #bd3331; color: #ffffff; font-size: 150%; padding: 0%1%0%0%;  margin: 2%1%0%0%; }
.play-surtitle {  background: #bd3331; color: #ffffff;   font-size: 100%; }
.play-synopsis { color: #000000; background: #ffffff; font-size: 100%; padding: 0.5%; margin: 1%; }
.cast { color: #000000; background: #ffffff; font-size: 100%;  padding: 0.5%; margin: 1%; }
.performance-details { font-size: 100%; font-weight: bold;  padding: 0.5%; margin: 1%; }
.menu-right { text-align: right;   }
.menu-left { clear: both; text-align: left; }