BODY {background: #000000 url("images/pcbt-bkg.gif") fixed; margin: 0px 0px 30px 0px;} * {margin: 0; padding: 0;} #CONTAINER {width: 960px; background: none; position: relative; margin:0 auto;} /* display: table; should not be used on CONTENT to set an elastic 100% auto-height. float: left; is necessary on the CONTENT DIV instead to ensure CENTER & RIGHT columns do not slide to bottom of LEFT column in FF, something that occurs in FF with random page loads. This will also allow the background to fill the entire CONTENT space */ #HEADER {width: 960px; height: 160px; background: url("images/pcbt-header50.gif"); position: relative;} #CONTENT {float: left; height: 100%; width: 960px; background: #001E09 url("images/pcbt-bkg-left.gif"); position: relative; border-bottom: 4px solid gray;} #LEFT {float: left; width: 320px; height: 100%; background: url("images/pcbt-bkg-left.if"); padding: 0px; position: relative;} #RIGHT {float: left; width: 540px; height: 100%; background: #EFF4EC; padding: 3px 50px 40px 50px; position: relative;} #TICKETS {float: left; width: 640px; height: 100%; background: #EFF4EC; padding: 0; position: relative;} #menu {float: left; width: 160px; height: 144px; position: relative; border-bottom: solid 4px gray;} #menu P {color: #000000; text-align: left; padding: 0px;} #menu A {width: 150px; height: 26px; color: #FFFFFF; background-color: #053A00; font: bold 15px Trebuchet MS, Arial; padding: 7px 0px 2px 9px; display: block; text-decoration: none; border-right: 1px solid #1D1D1D; border-bottom: 1px solid black;} #menu a:hover {background-color: #000000;} #news {float: left; width: 320px; height: 104px; background: #064B00; padding: 0; position: relative;} #news H1 {color: #FFFFFF; font: bold 14px Trebuchet MS; text-align: left; padding: 8px 0px 3px 12px;} #news P {color: yellow; font: 11px Verdana; text-align: left; padding: 5px 0px 5px 11px;} #news A {color: #FFFFFF; font: 11px Verdana; text-decoration: none;} #news A:hover {color: yellow; text-decoration: underline;} #email {float: left; width: 320px; height: 28px; background: #658C58; position: relative;} #email P {padding: 6px 0px 0px 34px;} #email A {color: #FFFF00; font: bold 12px Trebuchet MS; text-decoration: underline;} #email A:hover {color: #FDFD9E;} #idx-ad {float: left; width: 320px; height: 100px; position: relative;} #FOOTER-L {float: left; height: 90px; width: 320px; background: #000000; padding-top: 10px; margin-bottom: 30px; position: relative;} #FOOTER-R {float: left; height: 90px; width: 160px; background: #000000; padding-top: 10px; margin-bottom: 30px; position: relative;} #FOOTER-L P {color: #FFFFFF; font: 10px Verdana; text-align: center; padding: 3px 0px 8px 0px;} #FOOTER-L A {color: #3EB42C; font: bold 10px Verdana; text-decoration: underline;} #FOOTER-L A:hover {color: #6FE75F; text-decoration: underline;} #FOOTER-L H1, #FOOTER-R H1 {color: #AAAAAA; font: 10px Trebuchet MS; text-align: center; padding-top: 5px;} P {color: #000000; font: 13px Verdana; text-align: left; padding-bottom: 6px;} H1 {color: #111111; font: bold 30px Trebuchet MS; text-align: left; padding: 20px 0 6px 0;} H2 {color: #074005; font: bold 20px Trebuchet MS; text-align: left; padding: 9px 0 6px 0;} H3 {color: #074005; font: bold 15px Trebuchet MS; text-align: left; padding: 9px 0 6px 0;} H4 {color: #111111; font: 14px Trebuchet MS; text-align: center; padding: 6px 0 0 0;} H5 {color: #000000; font: 11px Trebuchet MS; text-align: center; padding: 0;} H6 {color: #444444; font: bold 13px Trebuchet MS; text-align: center; padding: 0;} .H7 {color: #000000; font: bold 18px Trebuchet MS; text-align: center; padding: 9px 0 6px 0;} P A {font: bold 13px Verdana;} A {color: #096007; text-decoration: underline;} A:hover {color: #2C922A; text-decoration: underline;} UL {font: 13px Verdana; text-align: left; text-indent: 40px; list-style: square inside; padding: 6px;} IMG {border: 0px;} IMG.map {border: 6px solid #053A00; margin: 10px 0px 10px 0px; padding: 0px;} /* i n d e x p a g e */ #RIGHT-IDX {float: left; width: 640px; height: 100%; background: #EFF4EC; padding: 0px; position: relative;} #RIGHT-IDX H4 {color: #111111; height: 16px; font: 14px Trebuchet MS; text-align: center; padding: 6px 0 0 0;} #show-logo {float: left; width: 285px; height: 230px; padding: 0 0 0 25px; position: relative;} #show-info {float: left; width: 310px; height: 230px; padding: 0 15px 0 5px; position: relative;} #show-info H1 {text-align: center; padding: 4px 0 0 0;} #show-info H2 {color: #111111; font: bold 21px Trebuchet MS; text-align: center; padding: 0px; letter-spacing: -1px;} #show-info H3 {text-align: center; padding: 4px 0px 0px 0px;} #show-info H5 {padding: 6px 0px 6px 0px;} .year {font: bold 12px Trebuchet MS; letter-spacing: 0;} #season {float: left; width: 640px; height: 28px; background: #B7C890; position: relative;} #season H3 {text-align: center; padding: 4px;} #shows {float: left; width: 640px; height: 95px; background: #E4EBD4; padding-top: 5px; position: relative;} #jmmjsn {float: left; width: 310px; height: 100%; text-align: center; position: relative;} /* i n d e x p a g e */ /* s h o w p a g e */ #RIGHT-SHOW {float: left; width: 560px; height: 100%; padding: 0 40px 40px 40px; position: relative;} #show-info P {font: 12px Verdana; text-align: center; padding: 0 10px 0px 10px;} #show-hlfL {float: left; width: 278px; height: 100%; padding: 0; position: relative;} #show-hlfR {float: left; width: 278px; height: 100%; padding: 0; position: relative;} #show-qtrL {float: left; width: 139px; height: 100%; padding: 0; position: relative;} #show-qtrR {float: left; width: 139px; height: 100%; padding: 0; position: relative;} #show-qtrL P {font: 11px Verdana; text-align: left; padding: 0 0 1px 5px;} #show-qtrR P {font: italic 11px Verdana; text-align: right; padding: 0 0 1px 0;} #show-qtrL P.sml {font: 10px Verdana; text-align: left; padding: 0 0 1px 5px;} /* s h o w p a g e */ /* t i c k e t p a g e */ #TABLE {width: 500px; height: 100%; background: #D3DAC3; padding: 6px 20px 0 20px; margin: 15px 0 15px 0;} #TABLE P {font: bold 12px Verdana; text-align: center; padding: 6px 0 3px 0;} #TABLE H2 {color: #074005; font: bold 16px Trebuchet MS; text-align: center; padding: 0 0 2px 0; letter-spacing: 0px;} #TABLE H3 {color: #074005; font: bold 13px Trebuchet MS; text-align: left; padding: 0px;} #TABLE H4 {color: #074005; font: bold 13px Trebuchet MS; text-align: left; padding: 0px 0px 0px 12px;} #TABLE H5 {color: #000000; font: bold 11px Verdana; text-align: center; padding: 6px 16px 0 16px;} TABLE.nameinfo {margin:0 auto;} TABLE.reserve {margin:0 auto;} TABLE.reserve td {width: 80px; color: #000000; font: 13px Verdana; text-align: center; padding: 0 0 3px 0;} .button {font: 12px Verdana; text-align: center; margin: 8px; padding: 2px; } HR {color: #cccccc; height: 1px; margin: 6px;} .fields {color: #000; font: 12px Arial; height: 20px; line-height: 18px; text-align: left;} /* t i c k e t p a g e */