@charset "utf-8"; /* CSS Document */ /* CLEAR DEFAULTS & SET PAGE ---------------------------------------------------*/ html {text-align: center; margin: 0px; padding: 0px; height: 100%} body {margin: 25px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #fff; background:url(../images/bkg_main.jpg) repeat-x top #fff} h1, h2, h3, h4, h5, h6, li, ol, ul, form, fieldset, input, p, blockquote, img {margin: 0px; padding: 0px; list-style:none; border: none} table, tr, td, th {padding: 0px; margin: 0px; vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */ th {speak-header: once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/ a:link, a:visited {color: #4c0158; text-decoration:underline; cursor: pointer; font-weight:bold} a:hover, a:active {color: #fff; text-decoration:none} /* COLUMNS - DO NOT TOUCH ---------------------------------------------------*/ #main1 {position: relative; top: 0px; width: 760px; height: 100%; margin: 2px auto; padding:0} #main2 {position: relative; top: 0px; width: 760px; margin:0px; padding:0px; height: 100%; background-image:url(../images/bkg_center.gif); float:left} #left {position: relative; top: 0px;float:left; width:127px; margin:0px; padding:0px; color: #000} #right {position: relative; top: 0px;float:right; width:252px; margin:0px; padding:0px} #center {position: relative; top: 0px;margin:0px 252px 0px 127px} .column-in {position: relative; top: 0px;margin:0px; padding: 0px} .cleaner {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent} /* LEFT COL ---------------------------------------------------*/ #order {position: relative; background-color: #cd8497; padding: 5px; margin-top: 42px} #order img {position: absolute; top: -42px; margin-left: -5px} #boxoffice img {margin: -5px 0px 0px -5px} #boxoffice {position: relative; background-color: #ab87b2; padding: 5px} /* RIGHT COL / PERFORMANCES / CALENDAR ---------------------------------------------------*/ #calendar {width: auto; height: 260px; overflow:auto; padding: 7px; background-color: #93c1c9} #calendar ol a:link, #calendar ol a:visited {color: #01274e; text-decoration:none} #calendar ol a:hover, #calendar ol a:active {color: #c3e2e5; text-decoration:none; background-color: #01274e} #calendar ol h1 {background-color: #93c1c9; font-size: 12px; color: #013469; margin: 10px 0px 2px} #calendar ol a span {font-size:10px; color: #fff; text-transform: uppercase; margin: 0px; font-weight:bold; display: block; clear: right} #calendar .prow1 {width: auto; background-color: #3a8d9b; display:block; padding: 8px} #calendar .prow2 {width: auto; background-color: #60a2ad; display:block; padding: 8px} .perform_main #center {width: 633px; height: 600px; margin:0px -127px 0px 127px; background-color: #93c1c9} .perform_main h4 {width: 615px; height: 24px; background-color: #007c84; margin: 0px -30px 20px -23px; padding: 9px} .perform_main p {color: #000} .perform_main #content ol, .perform_main #content li {list-style: none; margin: 0px} .perform_main #content a {display:block; padding: 8px} .perform_main #calendar div {width: 200px; margin: 0px 2px; float: left} .perform_main #calendar {width: 615px; overflow: visible; padding: 7px; margin: 0px -20px} .perform_main #calendar .attraction {background-color: #b84d65} .perform_main #calendar .music {background-color: #d89960} .perform_main #calendar .mexico {background-color: #844d8d} .perform_main #calendar .young {background-color: #659c89} .perform_main #calendar .dance {background-color: #67969c} .perform_main #calendar .comedy {background-color: #a43892} .perform_main #calendar ol a:hover, .perform_main #calendar ol a:active {color: #c3e2e5; text-decoration:none; background-color: #01274e} #p_perform h1 {margin: 20px 0px 2px} #p_perform h3 {margin: 0px 0px 10px} .perfinfo {font-size:11px} /* CONTENT & FORMATTING ---------------------------------------------------*/ #content {width: auto; padding: 0px 23px 23px; font-size: 12px} h6 {position: absolute; top: -40px; left: 17px} /*graphic pg titles*/ #content ul, #content ol {margin: 10px 5px 10px 20px} #content li {margin-bottom: 10px; margin-left: 20px} #content ul li {list-style: disc} #content ol li {list-style: decimal} #content ol li ol li {list-style: lower-alpha; margin-bottom: 5px} cite {font-size: 10px} p {margin: 0px 0px 10px} h1, h4 {font-size: 20px; margin: 20px 0px 10px; color: #fff} h2 {font-size: 16px; margin: 25px 0px 5px 0px; color: #fff} h3 {font-size: 12px; color:#b3f1ef; margin: 10px 0px 0px} h3 i {font-weight: normal} hr {height: 1px; width: 80%; margin: 0px; padding:0px} .left {width: 48%; padding-right:5px; float: left} .right {width: 48%; float: left} #center a:link, #center a:visited {color: #b3e8f1; text-decoration:underline; cursor: pointer; font-weight:normal} #center a:hover, #center a:active {color: #fff; text-decoration:none} .slideshow img {margin: 0px; padding: 0px} * html .slideshow img {margin: 0px -10px 0px -4px} .strikeout {text-decoration: line-through; display: inline; margin-bottom: 0px; margin-right: 10px; color: #fff} /* BRANDING / NAVIGATION ---------------------------------------------------*/ #topbar {position: absolute; top: 0px; left: 0px; z-index: 999; width: 100%; height: 25px; margin:0px; padding:0px; background-color: #013469} #topbar h1 {float: left; margin: 0px; padding:0px; border: none} #topbar ol {width: 215px; float: right; margin-top: 5px} #topbar ol li {display: block; margin: 0px; padding: 0px; float: left; font-size: 11px; font-weight:bold; margin-left: 5px; padding-left: 5px; border-left: 1px solid #c34cb0} #topbar ol li a:link, #topbar ol li a:visited {color: #c34cb0; text-decoration: none} #topbar ol li a:hover, #topbar ol li a:active {color: #ff6400; text-decoration: none} #branding {position: relative; top: 0px; width: 760px; height: 128px; margin: 0px auto; background: url(../images/branding.jpg) no-repeat top center} #branding ul {position: relative; top: 103px;width: 660px; height: 25px; background-color: #6c2180; margin: 0px auto 0px; padding-left: 100px} #branding ul li {display: block; margin: 0px; padding: 0px; float: left; font-size:10px } #branding li a {display: block} #branding li span {position: absolute; left:-9999px; z-index:99} * html a:hover {visibility:visible} #branding li a:hover img {visibility:hidden} #nav_home {width: 61px; height: 25px; background:url(../images/nav/home_o.gif) no-repeat} #nav_perform {width: 135px; height: 25px; background:url(../images/nav/perform_o.gif) no-repeat} #nav_boxoffice {width: 101px; height: 25px; background:url(../images/nav/boxoffice_o.gif) no-repeat} #nav_discounts {width: 165px; height: 25px; background:url(../images/nav/discounts_o.gif) no-repeat} #nav_directions {width: 107px; height: 25px; background:url(../images/nav/directions_o.gif) no-repeat} #p_home #nav_home img, #p_perform #nav_perform img, #p_boxoffice #nav_boxoffice img, #p_discounts #nav_discounts img, #p_directions #nav_directions img {visibility: hidden} /* SITE INFO (footer) ---------------------------------------------------*/ #siteinfo {position: relative; width: 760px; height: 60px; clear: both; margin: 0px auto} #siteinfo li {float: left}