/* COLORS

	background blue: #95cad0
	orange: #f7921e
	light-orange: #eec897
	dark-teal: #01a2b4
	teal: #9ee9ef
	green: #879c03
	light-green: #d8edb5
	purple: #7d4a5b
	pink: #f1c9d2
	tan: #f5d88a
	
*/

/* MAIN PAGE SPOTLIGHT */
#Spotlight { display: block; width: 564px; height: auto; background: #eec897; }

/*#Spotlight { display: block; width: 564px; height: auto; background: #d2e5e9 url(../images/holiday_bground.jpg) no-repeat top center; }
#Spotlight div.padder { padding-top: 70px; }*/

#Spotlight .picture { display: block; width: 204px; height: auto; margin-right: 18px; text-align: center; }
#Spotlight .picture img { margin: 0 auto; }
#Spotlight .description { display: block; width: 304px; height: auto;  }
#Spotlight .description h4 { font-size: 16px; }
#Spotlight a { font-weight: bold; color: #000; text-decoration: none; }
#Spotlight a:hover { color: #01a2b4; text-decoration: underline; }

/* MAIN PAGE HILIGHTS */
#Hilights { display: block; width: 561px; height: auto; background: url(../images/hilight_background.gif) repeat-y top center; text-align: center; margin-top: 20px; }
#Hilights .name,
#Hilights a { font-weight: bold; color: #01a2b4; text-decoration: none; }
#Hilights a:hover { color: #f7921e; text-decoration: underline; }
#Hilights .hilight { display: block; width: 187px; height: auto; }
#Hilights .padder { padding: 5px 12px; }
#Hilights .description { font-size: 10px; }
#Hilights .description a { font-size: 10px; }
#Hilights .image-box { width: 163px; height: 96px; }
#Hilights .name { font-size: 12px; }
#Hilights .catname { display: block; width: auto; height: auto; font-size: 10px; padding: 0; margin: 0; }
#Hilights .catname br { display: none; }
#Hilights .catname a { color: #000; }
#Hilights .catname a:hover { color: #f7921e; text-decoration: underline; }

/* MAIN PAGE CATEGORY */
#CategoryPicks { display: block; width: 562px; height: auto; margin-top: 15px; }
#CategoryPicks .box { display: block; width: 273px; height: 100px; margin-bottom: 15px; float: left; clear: none; }
#CategoryPicks .padder { padding: 9px; }
#CategoryPicks .picture { display: block; width: 80px; height: auto; margin-right: 10px; text-align: center; }
#CategoryPicks .picture img { margin: 0 auto; }
#CategoryPicks .pad { margin-right: 15px; }
#CategoryPicks .description { display: block; width: 165px; height: auto; font-size: 10px; }
#CategoryPicks a { color: #000; font-size: 10px; text-decoration: none; }
#CategoryPicks a.category { font-size: 12px; font-weight: bold; }
#CategoryPicks a:hover { color: #01a2b4; text-decoration: underline; }

/* Calendar of events */
ul.EventsList { display: block; width: 100%; height: auto; margin: 0; padding: 0; list-style: none; margin-top: 10px; }
ul.EventsList a { color: #01a2b4; text-decoration: none; }
ul.EventsList a:hover { color: #f7921e; text-decoration: underline; }
ul.EventsList li { border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; }
ul.EventsList div.picture { display: block; width: 100px; height: auto; float: left; margin-right: 5px; clear: none; }
ul.EventsList div.picture div.picture-box { display: block; width: 100px; height: auto; text-align: center; margin: 5px 5px 5px 0; }
ul.EventsList div.picture div.empty-box { width: 90px; height: 90px; margin: 0 auto; background: url(../images/spacer.gif) no-repeat center center; }

ul.EventsList div.picture a.no-image { display: block; width: 90px; height: 90px; margin: 0 auto; }

ul.EventsList div.description { display: block; width: 450px; height: auto; float: left; clear: none; }
ul.EventsList div.description .event-name,
ul.EventsList div.description a.event-name { font-size: 13px; font-weight: bold; }
ul.EventsList div.description small a { background-color: #fff; }
ul.EventsList div.description small a:link,
ul.EventsList div.description small a:visited { color: #555;  text-decoration: none; }
ul.EventsList div.description small a:hover,
ul.EventsList div.description small a:active { color: #fff; background-color: #555; text-decoration: underline; }
ul.EventsList small { font-size: 11px; line-height: 120%; }
ul.EventsList div.description .length { font-size: 10px; color: #777; }
ul.EventsList div.description p { margin-top: 0; padding-top: 0; }

#FlowPlayerBox { position: relative; display: block; width: 320px; min-height: 263px; }
#FlowPlayerBox #FlowPlayer { position: absolute; top: 0; left: 0; z-index: 9000; }

/* EVENT LISTING ICONS */
ul.EventsList .category-box { display: block; width: 100%; font-size: 10px; margin-bottom: 2px; }
ul.EventsList .category-box .category-type { }
ul.EventsList .category-box .category-type a { color: #01a2b4; text-decoration: none; }
ul.EventsList .category-box .category-type a:hover { color: #f7921e; text-decoration: underline; }

p.page-nav { text-align: center; }
p.page-nav a { color: #01a2b4; text-decoration: none; }
p.page-nav a:hover { color: #f7921e; text-decoration: underline; }

.event-box { display: block; width: 549px; height: auto; }
.event-box a { color: #000; text-decoration: none; }
.event-box a:hover { color: #f7921e; text-decoration: underline; }
.event-box .picture { margin-left: 20px; margin-bottom: 20px; float: right; clear: none; }
.event-box .video-title { font-size: 24px; }
.event-box .video-source { font-size: 18px; }
.event-box .length { font-size: 12px; font-weight: normal; color: #777; }
/* display: block; width: 200px; height: auto; */

.ticket-venue-box { display: block; width: 569px; height: auto; margin-top: 20px; }
.ticket-venue-box a { color: #444; }
.ticket-venue-box a { color: #01a2b4; text-decoration: none; }
.ticket-venue-box a:hover { color: #f7921e; text-decoration: underline; }

.ticket-venue-box .venue-box { display: block; width: 274px; height: auto; }
.ticket-venue-box .ticket-box { display: block; width: 274px; height: auto; margin-right: 19px; }

.calendar-box .overflow { display: block; width: 100%; height: 155px; overflow: hidden; }
.calendar-box h3 { position: relative; width: 100%; }
.calendar-box h3 small { position: absolute; bottom: 0; right: 0; display: block; width: 150px; height: auto; text-align: right; }
.calendar-box h3 small a { color: #01a2b4; text-decoration: none; }
.calendar-box h3 small a:hover { color: #f7921e; text-decoration: underline; }

body#isEvent .event-name { display: block; width: 262px; height: auto; margin-right: 20px; }
body#isEvent .event-icons { display: block; width: 287px; height: auto; margin-top: 1px; }
body#isEvent .event-icons a { float: right; }

#ButtonBox { display: block; padding: 5px; margin: 2px; border: 1px solid silver; background: #eee; text-align: center; }

#VideoDesc a { color: #01a2b4; }

#SpecialOffer { display: block; width: 100%; height: auto; min-height: 80px; background: #fdedd6 url(../images/icn_special_offer.jpg) no-repeat 5px 5px; border: 1px solid #f7d6b1; }
#SpecialOffer .padder { padding: 10px 115px 10px; }
#SpecialOffer .padder h3 { padding: 0; margin: 0; color: #16a1b3; }
#SpecialOffer .padder p.SpecialOfferDates { padding: 1px 0 0; margin: 0; font-size: 11px; font-weight: bold; }
#SpecialOffer .padder p.SpecialOfferDescription { display: block; width: 440px; height: auto; padding: 5px 0 0; margin: 0; }