#sMain { text-align: center; }
#sMain table { margin: 0 auto; }
.presents { font-family: "poor richard", cambria, garamont, serif; font-size: 3em; margin-top: 12px; padding: 0; line-height: 1; text-align: center; }
.presents + p { font-size: 2.25em; margin: 0; }
ul.mainRoles li, ul.supportRoles li { margin: 8px 16px; list-style: none; display: -moz-inline-stack; display: inline-block; }
ul.mainRoles span, ul.supportRoles span, ul.mainRoles img, ul.supportRoles img { text-align: center; margin: 0 auto; }
ul.ensembleRoles li { list-style: none; text-align: center; }
span.roleTitle { font-size: 90%; font-style: italic; }
span.roleName { font-weight: bold; }
ul.mainRoles, ul.supportRoles { margin: 0 auto; }
table.minorRoles { border-collapse: collapse; font-size: 90%; background: white url('/images/layout/table_b.png') repeat-x bottom; border: 1px solid #ddf; }
table.minorRoles tr { border-top: #ddf 1px solid; }
table.minorRoles tr td { border-top: #ddf 1px solid; vertical-align: top; }
table.minorRoles td.roleTitle { font-style: italic; text-align: right; padding: 2px 4px 2px 8px; }
table.minorRoles td.roleName { text-align: left; padding: 2px 8px 2px 4px; }
table.minorRoles td.roleCat { text-align: left; padding: 2px 8px; font-weight: bold; background-color: #ddf; }
p.productionCredits { font-size: 70%; text-align: center; }
p.centred { text-align: center; }
p.mainCast { text-align: center; font-size: 90%; }
/* hacks to make the roles divs appear as inline-boxes for IE7- */
*:first-child+html ul.mainRoles li { display: inline; }
* html ul.mainRoles li { display: inline; }
*:first-child+html ul.supportRoles li { display: inline; }
* html ul.supportRoles li { display: inline; }