body { margin: 0; text-align: center; min-width: 976px; font-family: arial, helvetica, sans-serif; font-size: 11px; color: black }  /* #520C02 */
p { margin: 0 }
a { text-decoration: none; color: #185FA5 }
a:hover { text-decoration: underline; color: #09325A }
img { border: none }
.hidden { display: none }

div.main { width: 976px; margin: 0 auto; position: relative; min-height: 900px }
div.backgroundLeft { background-image: url('../art/nav/back-left.jpg'); background-repeat: repeat-none; width: 112px; height: 900px; position: absolute; top: 0px; left: -112px }
div.backgroundRight { background-image: url('../art/nav/back-right.jpg'); background-repeat: repeat-none; width: 121px; height: 900px; position: absolute; top: 0px; right: -121px }
div.molding { background-image: url('../art/nav/molding.gif'); background-repeat: repeat-none; width: 970px; height: 6px; position: absolute; top: -1px; left: 3px }

div.headerBox { background-color: #202020; width: 970px; height: 82px; position: absolute; top: 5px; left: 3px; border-bottom: 1px solid #088482; text-align: left }
img.MayflowerLogo { width: 190px; height: 58px; position: absolute; top: 11px; left: 13px; border: none }
p.headerBoxOffice { font-family: verdana; font-size: 13px; font-weight: bold; position: absolute; top: 55px; left: 230px; color: white }
div.pattern { background-image: url('../art/nav/pattern.gif'); background-repeat: repeat-none; width: 376px; height: 47px; position: absolute; top: 5px; left: 560px }
p.headerMenu { width: 420px; position: absolute; top: 58px; left: 555px; color: white; letter-spacing: 1.2px; white-space: pre }
a.headerMenuA { color: white; text-decoration: none; margin: 4px }
a.headerMenuA:hover { text-decoration: none; color: white; border-bottom: 1px solid white; padding-bottom: 1px }

div.ribbonBox { background-color: #088482; width: 970px; height: 21px; position: absolute; top: 89px; left: 3px; z-index: 2 }
ul.ribbonUL { float: left; padding: 0; margin: 0; list-style-type: none }
li.ribbonLI { display: inline; white-space: nowrap }
a.ribbonMenuA, p.ribbonMenuI { float: left; text-decoration: none; color: white; background-color: #088482; padding-left: 10px; padding-right: 9px; padding-top: 3px; height: 18px }
a.ribbonMenuA:hover { text-decoration: none; color: white; background-color: black }
div.dropMenu { background-color: #D1E9DD; position: absolute; top: 106px; border: 2px solid #088482; border-top-width: 5px; text-align: left; min-width: 150px }

#dropMenuWhatsOn { left: 3px; z-index: 1; display: none }
#dropMenuBooking { left: 93px; z-index: 1; display: none }
#dropMenuEntertaining { left: 227px; z-index: 1; display: none }
#dropMenuLearning { left: 323px; z-index: 1; display: none }
#dropMenuVisitor { left: 405px; z-index: 1; display: none }
#dropMenuAboutUs { left: 532px; z-index: 1; display: none }
#dropMenuSupportUs { left: 597px; z-index: 1; display: none }
#dropMenuLocal { left: 617px; z-index: 1; display: none }
#dropMenuAccess { left: 720px; z-index: 1; display: none }
#dropMenuPress { left: 807px; z-index: 1; display: none }

ul.dropMenuUL { list-style: none; padding: 5px; margin: 0; line-height: 18px }
a.dropMenuA { color: black }
a.dropMenuA:hover { color: black }
hr.dropMenuHR { margin-left: 5px; width: 140px; border: 0; height: 1px; background-color: #088482 }
hr.content { width: 100%; border: 0; height: 1px; background-color: black; margin-top: 20px; margin-bottom: 20px }

div.breadcrumbBox { position: absolute; top: 111px; left: 3px; width: 797px; height: 21px; text-align: left }
ul.breadcrumbUL { float: left; padding: 0; margin: 0; list-style-type: none; position: absolute; top: 3px; left: 10px }
li.breadcrumbLI, li.breadcrumbLIfirst { white-space: nowrap; float: left; color: #555555; white-space: pre; margin-left: 10px; padding: 0 }
li.breadcrumbLIfirst { margin-left: 0 }
img.breadcrumbImage { width: 4px; height: 7px; border: 0; padding-right: 10px }
a.breadcrumbA { text-decoration: none; color: #555555 }
a.breadcrumbA:hover { color: #555555; text-decoration: none; border-bottom: 1px solid #555555 }

img.pageTitleImage { width: 797px; height: 30px; position: absolute; top: 133px; left: 3px; border-bottom: 3px solid black }
img.pageTitleRSS { width: 33px; height: 18px; position: absolute; top: 140px; left: 760px; border: none }
img.pageTitlePrev { width: 92px; height: 18px; position: absolute; top: 140px; left: 601px; border: none }
img.pageTitleNext { width: 92px; height: 18px; position: absolute; top: 140px; left: 701px; border: none }

#leftPane { position: absolute; left: 3px; top: 166px; width: 173px; min-height: 410px; background-color: #D1E9DD; background-image: url('../art/nav/left-fade.gif'); background-repeat: repeat-x; background-position: bottom; text-align: left }
img.leftPaneImage { position: absolute; left: 12px; top: 17px; width: 147px; height: 158px }
.leftPaneFlashObject { position: absolute; left: 12px; top: 17px; width: 147px; height: 158px }
.leftPaneFlashEmbed { width: 147px; height: 158px }
p.leftPaneText, p.leftPaneTextFront { width: 147px; line-height: 15px; position: relative; left: 12px; top: 17px; padding-bottom: 5px }
p.leftPaneTextFront { top: 190px }
img.leftPaneTitle { position: relative; left: 12px; top: 17px; padding-bottom: 5px }
br.leftPaneBreak { height: 10px }
div.leftPaneIconDiv { position: relative; width: 173px }
img.leftPaneIcon { position: absolute; left: 0; top: 0; width: 20px; height: 18px; border: none }
p.leftPaneIconText { position: absolute; left: 25px; width: 143px; top: 0; text-align: justify }
form.leftPaneForm { margin: 0 }
input.leftPaneInput, input.leftPaneSubmit { position: relative; left: 12px; top: 17px; margin-bottom: 5px; font-size: 11px; background-color: white; border: 1px solid black }
input.leftPaneSubmit { height: 20px; width: 80px; vertical-align: middle; background-color: #4F78A1; text-transform: uppercase; font-weight: bold; color: white; font-family: verdana }
img.leftPaneSponsor { position: relative; left: 12px; top: 37px; padding-bottom: 45px }
img.leftPaneFacebook { position: relative; left: 12px; top: 24px; padding-bottom: 5px; width: 120px; height: 45px; border: none }
div.thawte { width: 147px; text-align: center; padding: 0; padding-top: 30px }
p.thawteText { font-family: arial; font-size: 8px; color: #AD0034 }
a.thawteLink { color: #AD0034; text-decoration: none }

#rightPane { position: absolute; left: 800px; top: 110px; width: 173px; min-height: 466px; background-color: #D1E9DD; background-image: url('../art/nav/left-fade.gif'); background-repeat: repeat-x; background-position: bottom; text-align: left }
div.promoNews { position: relative; left: 10px; top: 22px; width: 152px; height: 141px; padding-bottom: 22px }
div.promoNoNews { height: 0; padding-bottom: 17px }
img.promoNewsImage { position: relative }
div.promoNewsTextBox { position: absolute; width: 135px; height: 90px; left: 8px; top: 33px }
p.promoNewsText { font-size: 10px; line-height: 10px; padding-bottom: 3px; text-align: left }
a.promoNewsTextA { color: white; text-decoration: none }
a.promoNewsTextA:hover { color: white; text-decoration: underline }
p.promoNewsTextMore { position: absolute; left: 8px; top: 121px; font-size: 10px; text-align: left }
a.promoNewsTextMoreA { color: #E8D27A; text-decoration: none; font-style: italic }
a.promoNewsTextMoreA:hover { color: #E8D27A; text-decoration: underline }
div.promoRight { padding-top: 5px; position: relative; left: 10px }
img.promoPic { width: 152px; height: 145px; border: none }
img.promoDiningPic { position: absolute; left: 10px; top: 35px; width: 132px; height: 84px; border: none }
img.promoSeatingPic { position: absolute; left: 10px; top: 41px; width: 132px; height: 96px; border: none }
img.promoBuyTickets { position: absolute; left: 10px; top: 15px; width: 149px; height: 28px; border: none }
img.promoBuyHosp { position: absolute; left: 227px; top: 5px; width: 25px; height: 15px; border: none }

#contentPane { position: absolute; left: 185px; top: 183px; width: 607px; min-height: 325px; text-align: left } /* ; min-height: 325px */
#showcase { position: absolute; left: 0; top: 0; width: 606px; height: 325px }
div.cancelled { color: gray }
div.showcaseHeader, div.showcaseFooter { width: 606px; background-color: black; position: absolute; left: 0; top: 0; height: 23px }
div.showcaseFooter { top: 307px }
img.showcaseTitleImage { width: 144px; height: 15px; position: absolute; top: 4px; left: 4px }
p.showcaseMore, p.showcaseMoreLower { font-size: 11px; text-transform: uppercase; color: white; position: absolute; top: 5px; right: 5px; font-weight: bold }
a.showcaseMoreA { text-decoration: none; color: white }
p.showcaseMoreLower { top: 2px }
a.showcaseMoreA:hover { color: white; text-decoration: underline }
div.showcaseQuarter { width: 150px; height: 280px; position: absolute; top: 25px }
div.showcaseHalf { width: 302px; height: 280px; position: absolute; top: 25px }
div.showcase3Quarters { width: 454px; height: 280px; position: absolute; top: 25px }
#showcaseQuarter1, #showcaseHalf1, #showcase3Quarters1 { left: 0 }
#showcaseQuarter2, #showcaseHalf2 { left: 152px }
#showcaseQuarter3, #showcaseHalf3 { left: 304px }
#showcaseQuarter4 { left: 456px }
img.showcaseQuarterImage { position: absolute; top: 0; left: 0; width: 150px; height: 260px; border: none }
img.showcaseHalfImage { position: absolute; top: 0; left: 0; width: 302px; height: 260px; border: none }
img.showcase3QuartersImage { position: absolute; top: 0; left: 0; width: 454px; height: 260px; border: none }
div.showcaseQuarterLink { width: 148px; height: 17px; position: absolute; top: 261px; left: 0; border: 1px solid black; background-color: #4F78A1; text-align: center }
div.showcaseHalfLink { width: 300px; height: 17px; position: absolute; top: 261px; left: 0; border: 1px solid black; background-color: #4F78A1; text-align: center }
div.showcase3QuartersLink { width: 452px; height: 17px; position: absolute; top: 261px; left: 0; border: 1px solid black; background-color: #4F78A1; text-align: center }
p.showcaseLinkText { text-transform: uppercase; font-weight: bold; top: 4px; color: white; font-size: 13px; font-family: verdana }
a.showcaseLinkTextA { color: white; text-decoration: none }
a.showcaseLinkTextA:hover { color: white; background-color: #144B81 }
div.quickBook { position: absolute; left: 0px; top: 0px; width: 152px; height: 54px; background-image: url('../art/promo/quickbook.gif'); background-repeat: none }
select.quickBook { position: absolute; left: 8px; bottom: 8px; width: 136px; font-size: 13px; background-color: white; border: 1px solid black }

p.content, ul.content, ol.content, p.todo { margin-bottom: 10px; font-size: 13px; text-align: justify }
hr.content { width: 100%; border: 0; border-top: 1px solid black; height: 0px; margin: 0; margin-bottom: 10px }
td.content, th.content { font-size: 13px }
h1, h1.content { color: black; font-size: 15px; font-weight: bold; margin: 0; margin-bottom: 10px }

div.columnLeftL { position: relative; left: 0; top: 0; width: 290px }
div.columnRightL { position: absolute; left: 302px; top: -5px; width: 295px; background-color: #EDF7F2; padding: 5px }

div.columnLeftR { position: relative; left: 0; top: 40px; width: 330px; font-size: 12px }
div.columnRightR { position: absolute; right: 0; top: 40px; width: 260px; text-align: center }

div.columnFull { position: relative; left: 0; top: 40px; font-size: 12px }

img.illustrationMain { width: 598px; height: 148px; border: 1px solid black; margin-bottom: 10px }
img.illustrationLeft { position: relative; left: 12px; top: 17px; width: 147px; height: 250px; border: none; margin-bottom: 8px }

div.promoBottom { position: absolute; left: 12px; top: 521px; width: 780px; height: 54px }
img.promoImage1, img.promoImage2, img.promoImage3, img.promoImage4, img.promoImage5 { position: absolute; top: 0; border: none; width: 152px; height: 54px }
img.promoRightImage { top: 0; border: none; width: 152px; height: 54px }
img.promoImage1 { left: 0 }
#promoImage1h { display: none }
img.promoImage2 { left: 170px }
#promoImage2h { display: none }
img.promoImage3 { left: 323px }
#promoImage3h { display: none }
img.promoImage4 { left: 476px }
#promoImage4h { display: none }
img.promoImage5 { left: 629px }
#promoImage5h { display: none }
#promoImage6h { display: none }
#promoImage7h { display: none }
#promoImage8h { display: none }
#promoImage9h { display: none }
#promoImage10h { display: none }
#promoImage11h { display: none }

div.woFull { position: relative; left: 0; top: 40px }
img.woLink, img.woLinkLast { padding: 5px; padding-right: 4px }
img.woLinkLast { padding-right: 0px }
div.woBox { width: 607px; height: 120px; position: relative; margin-bottom: 7px }
div.woBoxLeft { width: 298px; height: 118px; position: absolute; left: 0; top: 0; border: 1px solid #808080; background-color: #D1E9DD }
div.woBoxRight { width: 298px; height: 118px; position: absolute; right: 0; top: 0; border: 1px solid #808080; background-color: #D1E9DD }
div.woBoxFull { width: 605px; height: 118px; position: absolute; right: 0; top: 0; border: 1px solid #808080; background-color: #D1E9DD }
img.woBoxHalf { width: 78px; height: 98px; position: absolute; right: 0; top: 0; border: none; border-left: 1px solid #D1E9DD } /* -220 */
img.woBoxFull { width: 385px; height: 98px; position: absolute; right: 0; top: 0; border: none; border-left: 1px solid #D1E9DD } /* -220 */
div.woBoxTitle { width: 213px; height: 49px; position: absolute; left: 0; top: 0; background-color: #D1E9DD; padding: 2px; padding-right: 4px; color: black; font-size: 12px; font-family: verdana; text-align: right }
a.woTitle {  }
div.woBoxHalfFooter { width: 298px; height: 19px; position: absolute; left: 0; top: 98px; background-color: #808080; border-top: 1px solid #808080; color: white }
div.woBoxFullFooter { width: 605px; height: 19px; position: absolute; left: 0; top: 98px; background-color: #808080; border-top: 1px solid #808080; color: white }
p.woEventName2 { font-weight: bold; font-size: 16px }
p.woEventDates { position: absolute; right: 3px; top: 2px }
p.woInfo { position: absolute; left: 3px; top: 2px; font-style: italic; font-weight: bold; color: #E8D27A }
p.woDescription { position: absolute; bottom: 23px; left: 5px; width: 210px }
a.woTasters { font-weight: bold }

div.EventMenu { width: 607px; height: 23px; background-color: black; position: absolute; left: 0; top: 0 }
img.eventLink { padding: 5px; padding-right: 8px }
p.EventName1 { font-size: 16px; font-family: verdana; font-weight: bold }
p.EventName2 { font-size: 18px; font-family: verdana; font-weight: bold }
p.EventName3 { font-size: 16px; font-family: verdana; font-weight: bold }
p.EventDate { font-weight: bold; font-style: italic; margin-top: 5px; text-align: right }
p.EventTimes { font-style: italic; margin-bottom: 10px; text-align: right }
p.EventCopy { text-align: justify; margin-bottom: 8px }
p.EventQuote { margin-left: 20px; font-weight: bold; margin-top: 10px }
p.EventQuoteFrom { font-style: italic; margin-left: 40px; margin-bottom: 10px }
b.caution { color: red }

img.EventLogoWNO { margin-top: 10px; border: none; width: 100px; height: 130px }
img.EventLogoENB { margin-top: 10px; border: none; width: 150px; height: 117px }

table.PriceTable { background-color: #EDF7F2; border: none; padding: 5px; margin-bottom: 5px; margin-top: 5px }
th.PriceDates { vertical-align: top; width: 30%; font-weight: bold; padding-bottom: 5px }
table.PriceSubTable { border: none; padding: none }
th.PriceAreas { vertical-align: top; text-align: right; width: 25%; font-weight: normal }
td.PricePrices { vertical-align: top; width: 75% }
img.PriceColour1, img.PriceColour2, img.PriceColour3, img.PriceColour4, img.PriceColour5, img.PriceColour6, img.PriceColour7 { width: 7px; height: 9px; border: none }
img.PriceColour1 { background-color: #FF0000 }
img.PriceColour2 { background-color: #0000FF }
img.PriceColour3 { background-color: #EC008C }
img.PriceColour4 { background-color: #008000 }
img.PriceColour5 { background-color: #808080 }
img.PriceColour6 { background-color: #FF8000 }
img.PriceColour7 { background-color: #33CCCC }
img.PriceMini3D { width: 260px; height: 207px; border: none; padding-top: 20px }

div.castColA { position: relative; padding: 5px; background-color: #EDF7F2 }
div.castColB { position: relative; padding: 5px }
img.castPic { position: relative; left: 0; top: 0; width: 75px }
img.castBiogPic { padding: 5px; padding-right: 0 }
div.castWithPic { position: absolute; left: 100px; top: 0; width: 220px }
div.castWithoutPic { position: relative; left: 100px; width: 220px }
p.castActor { padding-top: 5px; font-weight: bold; font-size: 14px }
p.castCharacter { padding-bottom: 5px }

div.tourColA { position: relative; padding: 10px; background-color: #EDF7F2 }
div.tourColB { position: relative; padding: 10px }
b.tourTown { font-size: 14px }
p.tourPhone { position: absolute; top: 5px; right: 5px }

div.listColA { font-size: 13px; position: relative; padding: 5px; background-color: #EDF7F2 }
div.listColB { font-size: 13px; position: relative; padding: 5px }
div.localA { position: relative; left: 0px; top: 0px; width: 150px; height: 100px }
div.localAB { position: relative; left: 0px; top: 0px; width: 300px; height: 100px }
div.localB { position: absolute; left: 160px; top: 5px; width: 145px }
div.localC { position: absolute; left: 310px; top: 5px; width: 145px }
div.localD { position: absolute; left: 460px; top: 5px; width: 140px }
div.localWide { position: absolute; left: 5px; top: 70px; width: 450px }
img.localPic { width: 140px; height: 100px }
img.hotelStar { width: 10px; height: 10px; border: none }

div.agentA { position: relative; left: 0px; top: 0px; width: 150px; height: 32px }
div.agentBC { position: absolute; left: 160px; top: 5px; width: 300px }
div.agentD { position: absolute; left: 460px; top: 5px; width: 140px; text-align: right }

div.pastAll { position: relative; left: 0px; top: 0px; width: 600px; height: 32px }
div.pastComments { position: absolute; right: 0px; bottom: 0px; font-weight: bold }

/* div.videoWidescreen { position: relative; width: 400px; height: 245px; left: 100px; border: 1px solid black; margin-bottom: 10px }
div.videoFullscreen { position: relative; width: 360px; height: 290px; left: 120px; border: 1px solid black; margin-bottom: 10px } */
div.videoWidescreen { position: relative; width: 600px; height: 358px; left: 0px; border: 1px solid black; margin-bottom: 10px }
div.videoFullscreen { position: relative; width: 450px; height: 358px; left: 75px; border: 1px solid black; margin-bottom: 10px }
div.videoAll { position: relative; width: 600px; height: 700px; left: 0px; border: 1px solid black; margin-bottom: 10px }

div.photoPhoto { text-align: center; padding-bottom: 2px }
p.photoCaption { text-align: center; padding-bottom: 15px }
img.photoPhotoPhoto { border: 1px solid black }

div.eventHospitalityBox { width: 258px; border: 1px solid black; margin-top: 5px; text-align: justify; position: relative }
div.eventHospitality { width: 248px; text-align: justify; padding: 3px; background-color: #D1E9DD; margin: 3px }
img.eventHospitalityTitle { width: 252px; height: 20px; padding: 3px }
p.eventHospitalityIntro { padding-left: 6px; padding-right: 6px }
img.eventHospitalityIllustration { width: 252px; height: 76px; padding: 3px; padding-top: 0; padding-bottom: 0 }
sup.eventHospitality { font-size: 12px; color: red; font-weight: bold; padding-left: 2px }

#footer { text-align: center; width: 970px; position: absolute; left: 3px; top: 580px; color: #888888; display: none }
a.footer { color: #888888 }
img.footerIIP { width: 70px; height: 47px; border: none; position: absolute; right: 50px; top: 3px }

table.calendarTable { background-color: #B78093 }
img.cal-year { position: absolute; left: 5px; top: 40px }
img.cal-month { position: absolute; left: 5px; top: 70px }
img.cal-illustration { position: absolute; right: 2px; top: 35px }
td.cal, td.cal-today { background-color: white; vertical-align: top; height: 90px; width: 14% }
td.cal-today { background-color: #D1E9DD; border: 1px solid black }
p.cal, p.cal-number { text-align: left; font-size: 10px; line-height: 10px; margin-bottom: 4px }
p.cal-number { color: #B78093; font-size: 11px; font-weight: bold }
p.cal-weekday { text-align: center; text-transform: uppercase; color: white; font-style: italic; font-weight: bold }
td.cal-month-title { background-color: black; height: 120px }
td.cal-pic { width: 420px; background-color: black }
div.calendarMonthLinks { width: 607px; height: 23px; background-color: black; margin-bottom: 10px }
img.calendarMonthLinkPic { padding: 5px; padding-right: 8px; padding-left: 18px }

div.GoogleMap { width: 550px; height: 350px; border: 1px solid black; position: relative; left: 25px; margin-bottom: 10px }

td.seatingPhoto { width: 405px; height: 298px; vertical-align: top }
div.seatingPhoto { position: relative }
img.seatingCaptioned, img.seatingUncaptioned { width: 400px; height: 298px; border: 1px solid black; position: absolute; top: 0; left: 5px }
img.seatingCaptioned { display: inline }
img.seatingUncaptioned { display: none }
div.seatingPlans { width: 600px; height: 256px; position: relative; margin-bottom: 10px }
img.seatingPlanCircleBalconySmall { border: 0; height: 256px; width: 190px; position: absolute; left: 80px; top: 0 }
img.seatingPlanStallsSmall { border: 0; height: 197px; width: 190px; position: absolute; left: 320px; top: 40px }

td.pressPreviewImage { width: 160px; text-align: left; vertical-align: top }
td.pressPreviewText { vertical-align: top }

img.historyIllustration { border: 1px solid black; margin-left: 5px; margin-bottom: 5px }
img.historyIllustrationCentre { border: 1px solid black; margin-bottom: 5px }

div.charter { position: relative; left: 50px; width: 80%; border: 1px solid black; padding: 10px; margin-top: 20px; padding-bottom: 0 }
table.traditional { background-color: black }
td.traditional, th.traditional { background-color: #D1E9DD; font-size: 13px; vertical-align: top }

td.EventListTime { font-size: 13px; font-weight: bold; width: 100px; text-align: center }
td.EventListPerf { font-size: 13px; width: 150px; text-align: right }
td.EventListOption { width: 100px; text-align: center }
a.buttons { font-size: 13px; font-weight: bold }

div.controlLinks { position: relative; width: 607px; height: 23px; background-color: black; margin-bottom: 10px }
img.controlBack { position: absolute; top: 5px; left: 8px; border: none }
img.controlNext { position: absolute; top: 5px; right: 8px; border: none }
div.login { position: relative; left: 50px; width: 450px; height: 120px; background-color: #EDF7F2; border: 1px solid black; padding: 10px; margin-bottom: 10px }
p.loginText { font-size: 13px; position: absolute; left: 10px }
p.loginTextSubmit { font-size: 13px; position: absolute; right: 10px }
input.loginField { position: absolute; right: 10px; width: 220px; font-size: 13px; background-color: white; border: 1px solid black }
div.patronDetails { position: relative; left: 50px; width: 450px; background-color: #EDF7F2; border: 1px solid black; padding: 10px; margin-bottom: 10px }
td.patronLeft { font-size: 13px; text-align: right; padding-right: 10px; vertical-align: top; font-weight: bold; padding-bottom: 10px }
td.patronRight { font-size: 13px; text-align: left; padding-left: 10px; vertical-align: top; padding-bottom: 10px }
td.patronCentre { font-size: 12px; text-align: center; font-weight: bold }
td.patronStar { font-size: 13px; text-align: center; width: 30px; vertical-align: top; padding-bottom: 10px; font-weight: bold; color: red }
img.checkoutCards { width: 256px; height: 50px; border: none }
input.patronField, input.patronFieldShort { width: 220px; font-size: 13px; background-color: white; border: 1px solid black }
input.patronFieldShort { width: 60px }
select.patronField { font-size: 13px; background-color: white; border: 1px solid black }

.comments { width: 600px; font-size: 13px; background-color: white; border: 1px solid black }
div.commentSubmit { width: 600px; height: 20px; position: relative }
input.commentSubmit { width: 150px; height: 20px; position: absolute; top: 0; right: 0; font-size: 13px; background-color: black; color: white; border: 1px solid black }
input.pastSearch { width: 200px; font-size: 13px; background-color: white; border: 1px solid black }
input.pastSubmit { width: 30px; height: 20px; font-size: 13px; position: relative; top: 1px; background-color: black; color: white; border: 1px solid black }

div.register, div.registerBig { position: relative; width: 600px; height: 50px; background-color: #EDF7F2; margin-bottom: 10px }
div.registerBig { height: 230px }
p.registerText { font-size: 13px; position: absolute; left: 10px; top: 5px }
.registerField { font-size: 13px; position: absolute; left: 10px; top: 22px; background-color: white; border: 1px solid black }
div.optionAll { position: relative; width: 600px; height: 120px }
div.optionLeft { position: absolute; width: 300px; left: 50px; top: 0px }
div.optionRight { position: absolute; width: 300px; left: 350px; top: 0px }
div.option { position: relative; width: 200px; height: 30px }
p.optionName { font-size: 13px; position: absolute }
p.optionNo { font-size: 13px; position: absolute; left: 100px }
p.optionYes { font-size: 13px; position: absolute; left: 150px }
div.registerWarning { background-color: #ffd0d0; color: #a00000; padding: 10px }

@media print
{
 div.headerBox,
 div.molding,
 div.backgroundLeft,
 div.backgroundRight,
 div.ribbonBox,
 div.dropMenu,
 div.breadcrumbBox,
 #leftPane,
 #rightPane,
 #footer,
 div.promoBottom,
 img.pageTitleImage,
 img.pageTitleRSS { display: none }
 #contentPane { position: absolute; left: 0px; top: 0px }
 body { background-color: white }
 #footer { text-align: left; width: 600px }
}

@media aural, braille, embossed, handheld
{
 p.ribbonMenuI,
 div.dropMenu,
 img.illustrationLeft,
 #promoImage1h,
 #promoImage2h,
 #promoImage3h,
 #promoImage4h,
 #promoImage5h,
 #promoImage6h,
 #promoImage7h { display: none }
}

.merchTable {width: 100%;}
.merchTable td {border: 1px solid #808080;background-color:#D1E9DD;}
.merchTable img {border: 1px solid #808080;}
.merchTable p {width: 195px}