/* Stylesheet - Tower Theatre */
html, body, div, span, applet, object, iframe,
p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

:focus {outline:none;}

html, body {height: 100%;}
body {font: 12px/1.5em Lucida Sans Unicode, Lucida Grande, Arial, Helvetica, sans-serif; color: #000;}
body.pixelsilk {text-align:center; background: url("/site-pattern-bg.gif") repeat scroll center top #696353; border: 0;}

p {margin: 0 0 15px 0;}
a img {border: 0;}
hr {height: 1px; color: #AAA38B; background-color: #AAA38B; border: 0;}
object {outline: none;}
sub {font-size: 10px; vertical-align: sub;}
sup {font-size: 10px; vertical-align: super;}
.cursor{display:block; position:absolute; top:45%; left:42%; width:36px; height:36px; z-index:100; background:url('/plus.png'); cursor:pointer;}

a, a:link, a:visited {color: #00337D; text-decoration: none; outline: none;}
a:active, a:hover, a:focus {text-decoration: underline; outline: none;}
a[name] {text-decoration: none;}

/* Heading Styles */
h1, h2, h3, h4, h5 {margin: 0 0 15px 0; font-weight: bold; color: #EC8100; text-transform: uppercase;}
h1 {font-size: 14px; /*background: url("/heading-tower-logo.gif") no-repeat scroll 0 0 transparent;*/ padding: 2px 0 0 /*10px*/; line-height: 22px;}
h2 {font-size: 13px;}
h3 {font-size: 12px;}
h4 {font-size: 12px; text-transform: none;}
h5 {font-size: 12px;}

.groupHeading{margin:10px 0;}

/* Image alignment/spacing classes */
img.alignleft {margin: 5px 20px 20px 0; float: left;}
img.alignright {margin: 5px 0 20px 20px; float: right;}

/* Theme Styles */
#theme {position: relative; margin: 0 auto; text-align: left; width: 846px; background:url('/content-bg.png') repeat-y; z-index: 2; min-height: 235px;/*height: auto !important; height: 100%; min-height: 100%;*/}

/* Header styles */
#header {position: relative; margin: 0 auto; width: 800px; height: 265px/*240px*/; z-index: 100; background:#e9e8e3;}
#logo {position: absolute; left: 0px; top: 25px; width: 100px; height: 200px; z-index: 150;}

/* Search box/form */
#search {position: relative; width: 160px; height: 20px; background: #fff; margin:20px 0px 10px;}
.txtSearch {position: absolute; left: 0px; top: 0px; width: 140px; margin: 0 0 0 10px; padding: 0 !important; height: 20px; font-size: 13px; color: #000; line-height: 21px; border-width: 0 !important; background: #fff url('/white-spacer.gif');}
.btnSearch {position: absolute; right: -22px; top: 0px; width: 21px; height: 20px;}

/* Menu styles */
#siteMenu {z-index: 200; background:url("/menu-bg.gif") repeat-x scroll 0 0 #FF9F12; position:absolute; top:225px; width:800px;}
#topMenu {list-style: none; margin: 0 auto; padding: 0; width:775px; }
#topMenu li {display: inline; float: left; position: relative; height: 40px; line-height: 25px; color:#fff; font-size:14px; text-transform:uppercase;}
#topMenu li a, #topMenu li a:link, #topMenu li a:visited {display: block; padding:0 10px; font-size:14px; height: 40px; line-height:40px; color: #fff; text-decoration: none;}
#topMenu li a:hover, #topMenu li a:active {background:#f76e1d;}
#topMenu li.current a {}
#topMenu li.separator {color:#fff; width:1px; background:#fff;}
div#subNavigation {display: none;}

/* Submenu styles */
#topMenu li ul {display: none; position:absolute; left: 0; top: 40px; list-style: none; margin:0; padding:0; width:225px; text-align: left; /* Match UL 'left' attribute below */ background: #f76e1d;}
#topMenu li ul * {list-style-position:outside;}
#topMenu li ul li {position:relative; height: auto; margin-top:0; line-height:18px; padding:0; width: auto; width:225px;}
#topMenu li ul li a, #topMenu li ul li a:link, #topMenu li ul li a:visited {display:block; padding: 0 10px; width:205px; margin:0px; height:auto; line-height: 18px; color:#fff; font-size: 11px; text-decoration: none; white-space: nowrap; text-align: left; border:none;}
#topMenu li ul li a:hover, #topMenu li ul li a:active, #topMenu li ul li a:focus {color: #fff; border:none; background:#FF9F12;}
#topMenu li ul li.separator {}
#topMenu li ul li ul {position:absolute; top:0; left:200px; width: auto; min-width: 200px; /* Match UL width above */}
#topMenu li ul li ul li {}
#topMenu li ul li ul li a {white-space: nowrap;}

span.menu-sub-indicator {float:right;}

/* Secondary (top) nav */
#secondaryNav {position:absolute; left: 0; top: 0; padding: 0 10px 0 0; width: 790px; height: 25px; line-height:22px; text-align: right;}
#secondaryNav ul {list-style: none; margin: 0; padding: 0;}
#secondaryNav ul li {display:inline; color: #000; line-height: 22px; font-size: 10px;}
#secondaryNav ul li a {display:inline-block; padding: 0 5px; color: #000; line-height: 22px; font-size: 10px;}

/* Home Content Styles*/
#eventlistings{background: url("/tower-theatre-foundation-3x1.jpg") repeat-x scroll 0 0 #FFFFFF; margin:0 auto; padding: 20px 10px 0; vertical-align: top; height:343px; width:780px;}
#featuredEvent{float:left; width:380px; height:327px; background: url("/home-featured-event-bg.gif"); margin: 0 0 0 10px; position: relative;}
.featuredEventImg{float:left; width:175px; height:150px;}
#featuredEventTxt{float:left; width:190px; margin-left:10px; text-align: center;}
 .featuredEventTitle h2 {font-size:20px; font-weight:normal; line-height: 22px; margin: 10px 0 0; text-transform: none;}
 .featuredEventTitle h2 a{color:#00337D/*#F59700*/;}
.featuredEventTitle h2 a:hover, .featuredEventTitle h2 a:active, .featuredEventTitle h2 a:focus, .featuredEventDate h2 a:hover, .featuredEventDate h2 a:active, .featuredEventDate h2 a:focus{text-decoration:none;}
.featuredEventDate h2 {color: #023C65; font-size: 15px; font-weight: normal; margin: 0; padding: 0;}
.featuredEventMainTitle{border-bottom: 1px solid #D7D7D7; display: block; line-height: 18px; width: auto;}
.featuredEventMainTitle a{color: #00337D/*#558EB8*/; font-size: 14px;}
.featuredEventBottomRow{ border-bottom: 1px solid #D7D7D7; clear: both; height: 135px; margin: 0 10px; padding: 10px 0 0; overflow: hidden;}
.featuredEventCalendarDay{background: url("/tower-theatre-foundation-13x2.gif"); float: left; height: 68px; width: 50px;}
.featuredEventCalendarDay .featuredCalendarDateMonth{color: #FFFFFF; display: block; font-size: 9px; text-align: center; text-transform: uppercase;}
.featuredEventCalendarDay .featuredCalendarDateDay{color: #023C65; display: block; font-size: 24px; font-weight: bold; line-height: 50px; text-align: center;}
.regularEventCalendarDay .regularCalendarDateMonth{color: #FFFFFF; display: block; font-size: 9px; line-height:12px; text-align: center; text-transform: uppercase;}
.regularEventCalendarDay .regularCalendarDateDay{color: #023C65; display: block; font-size: 14px; font-weight: bold; line-height: 20px; text-align: center;}
.featuredEventCalendarInfo{float: left; margin: 0 0 0 10px; width: 300px;}
.featuredEventBriefDesc {height: 110px; overflow: hidden;}
.featuredEventBottom {border-top: 1px solid #FFFFFF; line-height: 26px; margin: 0 10px; position: relative;}
.featuredEventBottom div.bottomDate {color: #000000; float: left;}
 .featuredEventBottom div.bottomDate span{text-transform:uppercase;}
 .featuredEventBottom div.bottomDate span.time{text-transform:lowercase;}

#towerEdContainer{ border: 2px solid #00337D;  height: 145px;  width: 535px;}
#towerEdTxt{background: none repeat scroll 0 0 #ADA591;  float: left;  height: 105px;  padding-top: 40px;  width: 375px;}
#towerEdTxt .heading{color: #FFFFFF;  font-size: 18px;  font-weight: bold;  text-align: center;}
#towerEdTxt .link{color: #00337D;  font-size: 11px;  font-weight: bold;  text-align: center;  text-decoration: underline;}
#towerEdImg{background: none repeat scroll 0 0 #00337D;  float: left;  padding: 7px 40px 6px;  width: 80px;}


/*Calendar styles*/
#divFlashCalendar{float:left; width:190px;}

/* Regular Events */
#eventsContainer{display:none; width:375px; float:right;}

#regularEvents{float:left; width:372px; height:328px; margin:0 0 10px 8px;}
.regularEventItem {width:372px; height:160px; overflow:hidden; display:block; margin:0 0 8px 0; background:url('/home-event-bg.gif') no-repeat;}
.regularTop_Image {float:left; width:80px; height:80px; position:relative; margin:10px 0 0 10px;}

.regularEventImage {position:relative; width:80px; height:80px;}
.regularEventImageOver {position:absolute; top:0; left:0;}

.regularEventCalendarInfo {margin:10px 10px 0 10px; height:115px; overflow:hidden;border-bottom:solid 1px #d7d7d7;}

.regularEventCalendarDay {width:30px; height:41px; float:left; margin:0 10px 0 0; background:url('/tower-theatre-foundation-6x2.gif') no-repeat;}
.regular_Calendar_Date_Month {display:block; text-align:center; color:#fff; font-size:9px; text-transform:uppercase;}
.regular_Calendar_Date_Day {display:block; text-align:center; color:#023c65; font-size:14px; line-height:24px; font-weight:bold;}

.regularTopNameDate {float:left; width:280px; height:160px; margin:0 0 10px 0px;}
.regularTopNameDate h2 {margin:0; padding:0;}
.regularTopNameDate h2 a, .regularTopNameDate h2 a:link, .regularTopNameDate h2 a:visited {font-size:14px; color:#00337D; font-weight:bold; text-transform: none;}
a.regularItem_TopLink, a.regularItem_TopLink:link, a.regularItem_TopLink:visited {cursor:pointer; text-decoration:none;}
a.regularItem_TopLink:active, a.regularItem_TopLink:hover, a.regularItem_TopLink:focus {text-decoration:none; outline:none;}
.regularEventBriefDesc {clear:both; line-height:12px; margin:0; padding:5px 0;}
.regularEventBriefDesc .itemBriefDescription {color:#000; font-size:12px;}

.regularEventBottom {margin:0 10px; border-top:solid 1px #fff; line-height:26px; position:relative;}
.regularEventBottom div.bottomTicketStarting {/*position:absolute; right:0; top:-20px; z-index:2000;*/ margin:-25px 0 0; text-align:right;}
.regularEventBottom div.bottomTicketStarting span.itemEventLocation {color:#014cb9; font-size:12px; font-family:Lucida Sans, Lucida Sans Unicode;}
.regularEventBottom div.bottomDate {float:left; width:165px; color:#000;}
.regularEventBottom div.bottomDate span.date {text-transform:uppercase;}
.regularEventBottom div.bottomDate span.time {text-transform:lowercase;}
.regularEventBottom div.bottomTickets {float:right; width:91px; margin:2px 0 0;}
.bottomTickets, .eventTickets{display:none;}
.bottomTickets.on, .eventTickets.on{display:block;}

.viewAllEvents {text-align:left; position:absolute; top:-15px; left:0;}
.viewAllEvents a, .viewAllEvents a:link, .viewAllEvents a:visited {padding:0 0 0 8px; font-size:11px; font-weight:bold; text-transform:uppercase; background:url('/tower-theatre-foundation-18x1.gif') no-repeat left center;}

#eventImage{position:relative; z-index:2;}
.imgCalendarEventImageBorder{position:absolute; z-index:3; top:0px; left:0px;}
#eventsLeftColumn{float:left; width:200px;}
#eventsRightColumn{float:right; width:320px}
.eventPageDate{text-align:right;}
#eventsRightColumn h2{color: #558EB8;font-size: 14px; font-weight: normal;}

/* Main content area styles */
#content {margin: 0 auto; width: 800px; text-align: left; background:#E7E5DF;}
.interior #content {background:#fff;}

#mainColumn {padding:10px 20px 0px 20px; width:535px; float:left; background:#E7E5DF;}
.interior #mainColumn {background:#fff url('/content-pages-bg.gif') repeat-x;}

/* Second Column Styles */
#secondColumn{float:right; width:185px; background:#00337D; min-height:320px; padding:0 20px;}
#rightColumncycleWrapper{height:170px;}
#rightColumncycle{display:none; margin:15px 0;}
#rightColumncycle img{width:180px; height:170px;}
#showYourTicket{margin:0 auto 10px; width:146px;}
.NewsletterSignup h4{font-size: 11px; line-height: 22px; margin: 0; padding: 2px 0 0 0px; text-transform: uppercase;}
#signUp {position:relative; width:181px;}
.nlSignupTxt {position:absolute; left:0; top:0; width:139px; height:20px; margin:0; padding:0 10px; border:0;}
.nlSignupBtn {position:absolute; top:0; left:160px;}
#social p{color: #F7941D; font-size: 12px; margin: 20px 0px 5px; text-transform: uppercase;}
#socialMediaLinks #facebook{margin-left:11px;}
#social{}

/* Interior content area styles */
.interior #content{margin:0px auto 0;}
#sectionImage{position: absolute; left: 100px; top: 25px;}

/* Homepage-specific styles */
#homeSlideShow{width:700px; height:200px; margin:0 auto; position:relative; z-index:2; overflow:hidden;}
#homeSlideShowWrapper{width:700px; height:200px; background:#b5b5b2; position:absolute; top:25px; left:100px; position:relative; z-index:1;}
.slides{width:700px; height:200px; background:none !important;}
.slides .slideImg{width:700px; height:200px;}
.slidesTxt{right:0px;position:absolute;bottom:1px;width:320px; height:60px; display:none; background:#00337D; padding:10px 10px 10px 20px;}
.slidesTxt h3{font-size:20px; line-height:25px; /*padding:10px;*/}
.slidesTxt p{color: #FFFFFF; font-size: 12px; margin: 0; /*padding: 10px 10px 0px;*/ text-align: left;}
#nav-1{position:absolute; bottom:10px; left:10px; z-index:11;}
#nav-1 a{width:5px; height:5px; border:1px solid #F7B71D; margin:0 3px; width:10px; height:10px; background:#F2F2F2; color:#F2F2F2; font-size:1px; overflow:hidden; display:block; float:left;}
#nav-1 a:hover{background:#0754BB; color:#0754BB;}
#nav-1 a.activeSlide{background:#0754BB; color:#0754BB;}

.serviceTimeBox{padding:0 0px 25px;}
.serviceTimeBox p{ color:#fff; line-height:10px;}

/* Subpage styles */
#breadcrumbs {margin: 5px 0 0 19px; font-size: 10px;}
#breadcrumbs a {font-size: 10px; color: #000;}
#breadcrumbs .separator {padding: 0 3px; font-size: 12px;}

/* Lower Link styles */
#lowerLinks{height:80px; margin:30px 0;}
#lowerLinks ul{margin:0px; padding:0px;}
#lowerLinks ul li{list-style-type:none; float:left; margin-right:10px;}

/* Footer styles */
#footer {position: relative; margin: 0 auto; text-align: left; width: 800px; height:65px; clear: both; z-index: 10;}
#footer {font-size: 9px; background:#00337D;}
#footer a {font-size: 9px; color: #fff; text-decoration:underline;}
#footer img {vertical-align: text-bottom;}
#footerLeft { padding: 20px 0px 0 20px; float: left; margin: 0; width: 460px; color: #FFFFFF; font-size: 9px;}
#footerLeft .ownerTxt{color: #6D96D1; font-size: 9px; margin: 0; padding: 0; white-space: nowrap;}
span.fsep {color: #F7941D; font-size: 9px;}
#smartzLink {float: right; width: 300px; height: 30px; text-align: right; color: #fff; font-size: 9px; padding: 20px 20px 0 0;}
#smartzLink a, #smartzLink a:link, #smartzLink a:visited {font-size: 9px; text-decoration: none; color: #fff;}
#smartzLink a:hover, #smartzLink a:active {font-size: 9px; text-decoration: underline; color: #fff;}
#smartzLink a img {padding-top: expression(3 + "px"); vertical-align: middle; text-decoration: none;}

/* General form styles */
.editForm div {clear: both; margin: 0 0 10px 0;}
.editForm label {display: block; margin: 0 10px 0 0; width: 33%;}
.editForm span {display: inline-block; width: 60%; vertical-align: top;}
.editForm span input[type=text] {width: 60%;}
.required {font-weight: bold;}
.editForm span > p {display: block; width: 49%; float: left; line-height: normal; margin: 0 0 7px 0; padding: 0; white-space: nowrap;}
.editForm textarea {width: 100%; height: 150px;}
.editForm fieldset {clear: both; float: left; margin: 0 0 10px 0; width: 100%; height: 300px; border: 1px #ccc solid;}
.editForm fieldset .inner {padding: 5px 10px 0 10px; height: 273px; overflow: auto;}
.editForm legend {margin: 0 0 0 10px;}
.editForm .radioGroup span {display: block; width: 369px; line-height: normal; margin: 0; padding: 0;}
.editForm .radioGroup span label{display: inline-block; width: 88%;}

/* General admin form items style */
.divEditBlock div {margin: 0 0 20px;}
.divEditBlock label {background: none repeat scroll 0 0 #CCCCCC; color: #000000; display: block; font-weight: bold; line-height: 18px; margin: 0 0 10px; padding: 0 10px;}
.divEditBlock input, .divEditBlock textarea {width: 300px;}
.divEditBlock .submit {width:auto;}

/* Misc form field styles */
.width100 > input {width: 100px;}
.width150 > input {width: 150px;}
.width200 > input {width: 200px;}
.width300 > input {width: 300px;}

/* General List Item styles */
.listItem {clear: both; margin: 0 0 20px 0;}
.listItemImage {float: left; margin: 0 15px 15px 0;}
#listItemImage {float: left; margin: 0 20px 15px 0;}

/*Sponsor Image Styles*/
.sponsorItem{float: left; width: 190px;}
.SponsorItem{float: left; height: 200px; width: 265px;}
.SponsorItem .SponsorItemImg{float: left; height: 100px; width: 100px; margin:5px;}

/* Article styles */
.articleItem {clear: both; margin: 0 0 20px 0;}
.articleItemTitle {margin: 0 0 5px 0;}
.articleItemDate {font-style: italic;}
.articleItemImage {float: left; margin: 0 15px 15px 0;}
.articleItemBody {}
#articleDate {margin: 0 0 15px 0; font-style: italic;}
#articleImage {float: left; margin: 0 20px 15px 0;}

/* Staff styles */
.staffItem {float: left; margin: 0 40px 30px 0; width: 40%;}
.staffImage {float: left; margin: 0 20px 20px 0;}
.staffItemName {font-weight: bold;}
.staffItemTitle {font-style: italic;}
#staffDetailImage {float: left; margin: 0 20px 20px 0;}
#staffDetailBody {}
#staffName {}
#staffJobTitle {}

/* Photo gallery styles */
#photoLargeImage {position:relative; width:550px; height:500px; text-align:center;}
#photoLargeImage img {margin: 0 auto;}
#photoItems {margin: 20px auto 10px; width: 520px;}
.photoItem {float:left; margin:0 15px 15px 0; width: 245px; cursor:pointer; position:relative; z-index:1; text-align: center;}
.photoItem p.title{height: 30px; overflow: hidden;}
.photoItem p.desc{display:none;}
#photoItems img {position:relative; z-index:10;}
#photoItems a img:hover {opacity:0.85; filter:alpha(opacity=85)}
#photoItems a.item:hover {}
#photoImageTitle {position: relative; height: 24px;}
#photoImageDescription {position: relative; height: 35px;}
.photoItemTitle {display: none;}
.photoItemDescription {display: none;}
#imageDescription{height: 70px; overflow: auto;}
.loading {background-image:url('/loadingIcon.gif'); background-repeat:no-repeat; background-position: center 33%;}
.itemTitle{height: 40px; margin: 0; overflow: hidden;}

/* Basic events styles */
.eventList {}
.eventListItems {}
.eventListItems h2 a {}
.eventItemDate {}
.eventItemLocation {}
#eventDetail {}
#eventDetail h1 {}
#eventDetailDate {}
#eventDuration {}

/* Event calendar styles */
.calendarList {}
.calendarListItems {float: left; width: 231px;}
.calendarListItems h2 a {font-size: 16px;}
#caledarDetail {}
#caledarDetail h1 {}
#calendarDetailDate {}
#calendarImage {float: right; margin: 0 0 10px 20px;}
#viewCalendarBtn{float: left; width: 150px; height:auto;}
.calendarPicker {float: left; display: inline; margin: 0 0 0 -22px; width: 285px} /* Flash calendar */

/* Pagination */
.pagination {display: block; margin: 0; text-align: right;}
.pagination ul {list-style: none; margin: 0; padding: 0;}
.pagination ul li {margin: 0; padding: 0; font-size: 10px; display: inline;}
.pagination ul li a, .pagination ul li a:link, .pagination ul li a:visited {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none;}
.pagination ul li a:hover, .pagination ul li a:active {font-size: 10px; padding: 0 3px; line-height: 18px; text-decoration: none; font-weight: bold;}
.pagination ul li.current {margin: 0; padding: 0 3px; font-size: 10px; display: inline; line-height: 18px; font-weight: bold;}
.pagination ul li.previous a, .pagination ul li.previous a:link, .pagination ul li.previous a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none;}
.pagination ul li.previous a:hover, .pagination ul li.previous a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 5px 0 0; line-height: 18px; text-decoration: none; font-weight: bold;}
.pagination ul li.next a, .pagination ul li.next a:link, .pagination ul li.next a:visited {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none;}
.pagination ul li.next a:hover, .pagination ul li.next a:active {font-family: Tahoma, Geneva, sans-serif; font-size: 16px; padding: 0 0 0 5px; line-height: 18px; text-decoration: none; font-weight: bold;}

/* Misc styles */
.clear {clear: both;}
.hidden {display: none;}
.divAddControl {margin: 25px 0 0 0;}
.divEditDeleteControls {margin: 25px 0 0 0;}
.errorMsg, .error {color: #cc0000;text-decoration:none;}
.briefDesError{display:block;}
span.error {color: #cc0000; width:125px}
label.error {margin: 0 0 0 5px; color: #cc0000;}
#cse-search-results iframe {width: 450px;}
.PayPalDonateImage {background-image:url("/onlinedonation2.gif");background-repeat:no-repeat; widht:161px; height:51px;}
#PayPal{display:block; width:161px; height:51px;}

/* Custom style */
#marquee>div{border: 1px solid #000000; float: left;  height: 300px; width: 265px;}
.boxEven{background: none repeat scroll 0 0 #ADA591;}
.boxOdd{background: none repeat scroll 0 0 #000000;}

/* Content Editor Styles */
.floatLeft {float:left;}
.floatRight {float:right;}
.noMargin {margin:0;}
.noPadding {padding:0;}