@charset "utf-8";
/* CSS Document */

* { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; }
select, input, textarea { padding: 0px 1px 0px 1px; font-size: 0.75em; }

body { text-align: center; }
#clear { clear: both; }

#wrapper { 
	width: 900px;
	text-align: left; 
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
}

/* logo and top nav */
#topBanner { background-image: url(../images/bg_top.jpg); background-repeat: no-repeat; text-align: right; height: 50px; width: 900px; }
	
	.logo { border: none; float: left; padding: 5px; }

	.topNav { width: 650px; float: right;  }
	.topNav ul { margin: 10px 0px 10px 0px;  }
	.topNav li { display: inline; margin: 0 11px 0 0; }
	.topNav li a:link, .topNav li a:visited { color: #999999; font-size: 0.75em; text-decoration: none; background: url(../images/nav_icon.gif) no-repeat center left; padding-left: 10px; }
	.topNav li a:active, .topNav li a:hover { color: #564A9B; }

/* banner image and mask - home page */
#bannerMask { width: 900px; height: 268px; padding: 0px; margin: 0px; }
	.maskTop { background-image:url(../images/mask_top.gif); background-repeat: no-repeat; background-position: top left; margin-top: 0px; padding: 0px; height: 24px; }
	#bannerMask { background-image: url(../images/banner_test.jpg); background-repeat: no-repeat; }
	.maskBtm { background-image: url(../images/mask_btm.gif); background-repeat: no-repeat; background-position: bottom right; margin-top: 222px; padding-left: 20px; height: 24px; }
	
	.bannerPromo { width: 200px; padding: 0px 10px 0px 10px; float: right; }
	.bannerPromo a:link, .bannerPromo a:visited { color: #000; text-decoration: none; background: url(../images/banner_promo_icon.gif) no-repeat center left; padding-left: 10px; font-size: 0.7em;  }
	.bannerPromo a:active, .bannerPromo a:hover { text-decoration: underline; }
	
	.maskBtmVenue { background-image:url(../images/mask_btm.gif); background-repeat: no-repeat; background-position: bottom right; margin-top: -20px; padding: 0px; height: 24px; }

/* search and contact detials - orange bar */
#searchListing { background-image: url(../images/bg_btm_banner.jpg); background-repeat: no-repeat; background-position: top; background-color: #483081;  padding: 5px 0px 3px 5px; margin: 0px; }
	#searchListing_search { float: left; width: 655px; }
	#contactDetails { float: right; width: 229px; text-align: right; padding-right: 11px; }
		.phone { color: #FFFFFF; font-size: 1.9em; }
		.email a { color: #FFFFFF; font-size: 0.9em; text-decoration: none; }
	#searchListing p { font-size: 0.75em; color: #FFFFFF; padding: 5px 0px 1px 5px; font-weight: bold; }
		#searchListing form { padding:0px; margin:0px; }
		#searchListing_search select, #searchListing_search input {	margin: 0px 2px 0px 5px; font-size: 0.75em; }		
		
		#searchResults { width: 870px; padding: 10px 20px 20px 10px; margin-top: 10px; background: url(../images/bg_search.jpg) no-repeat bottom left;}
		
		#searchResults td, #searchResults th { padding: 5px; font-size: 0.75em; }
		#searchResults th { font-weight: bold; }
		#searchResults a { text-decoration: underline; color: #474747; }
		#searchResults a:hover { text-decoration: underline; color: #3e578f; }	
		
/* content area HOME */
#mainHome { width: 900px; padding: 0px 0 20px 0; margin-top: 10px; background: url(../images/bg_home_content.jpg) no-repeat bottom left;}

	
	/* HOME */
	#homeContent { float: left; width: 412px; padding: 0px 20px 20px 10px; margin-top: 10px; margin-right: 11px;   }
		#homeContent h1, #searchResults h1 { font-size: 1.2em; font-weight: lighter; color: #982384; padding: 5px; }
		#homeContent h2, #searchResults h2 { font-size: 0.75em; font-weight: bold; color: #000; padding: 5px; }
		#homeContent p, #searchResults p { font-size: 0.75em; color: #000; padding: 5px; }
		#homeContent a:link, #homeContent a:visited { color: #564A9B; text-decoration: none; background: url(../images/link_icon.gif) no-repeat center left; padding-left: 10px; }
		#homeContent a:active, #homeContent a:hover { text-decoration: underline; }
	
		/* event calendar */
	#eventCalendar { float: left; width: 216px; padding: 0px; /*background-color: #FFFFFF; */ }
		#eventCalendar h1 { font-size: 0.75em; font-weight: bold; color: #483081; background: url(../images/bg_calendar.jpg) no-repeat bottom left; height: 28px; padding: 5px 0px 0px 5px; margin-left: 1px; }
		
		#eventCalendar .offers { width: 193px; padding: 5px 10px 5px 8px; text-align: center;  background-color: #554C9D; margin-left: 1px; /*background-image: url(../images/bg_calendar_grad.jpg); background-repeat: repeat-y; background-position: top left; */ }
		
		.calendar table { width: 190px; }
		
		#eventCalendar .monthNav { width: 185px; color: #FFFFFF; font-weight: bold; font-size: 0.75em; border-bottom: dashed 1px #FFFFFF; }
				.monthNav .left { float: left; }
				.monthNav .navDate,  td .navDate { float: left; width: 166px; text-align: center; color: #FFFFFF; }
				.monthNav .right { float: right; }

		#eventCalendar .calendar { width: 185px; clear: both; text-align: center; padding: 2px; }
				.calendar table {  width: 185px; border: none; }
				.calendar th, .calendar td { background-color: white; font-size: 0.75em; color: #564A9B; }
				.calendar td a { color:#564A9B; text-decoration: none; }
				td.active { background-color: #701961; }
				td.active a, .active { color: #FFFFFF; }
				
				#tipDiv { position:absolute; visibility:hidden; z-index:100; background-color: #701961; width: 200px;  }
					#tipDiv  { font-weight: normal; text-align: left;}
					#tipDiv img { border: none; padding: 5px; }
					#tipDiv h1 { color: #FFFFFF; font-weight: bold; background: none;}
					#tipDiv a:link, #tipDiv a:visited { color: #FFFFFF; text-decoration: none;}
					#tipDiv a:active, #tipDiv a:hover { text-decoration: underline; }
		
		#eventCalendar .allEvents { width: 185px; color: #FFFFFF; font-size: 0.75em; border-bottom: dashed 1px #FFFFFF; padding: 5px; text-align: left; }
			.allEvents a:link, .allEvents a:visited { color: #FFFFFF; text-decoration: none; background: url(../images/nav_link_icon.gif) no-repeat top left; padding-left: 10px; }
			.allEvents a:active, .allEvents a:hover { text-decoration: underline; }

		#eventCalendar .offers #clear { border-bottom: dashed 1px #FFFFFF; padding-top: 5px; }
		
		.noBorder img { border: solid 1px #FFFFFF; }
		
	#eventMonth { float: right; width: 223px; margin-right: 0px; background-color: #FFFFFF; }
		#eventMonth h1 { font-size: 0.75em; font-weight: bold; color: #701961; background: url(../images/bg_event_month.jpg); background-repeat: no-repeat; background-position: 0px top; background-color: #FFFFFF; height: 28px; padding: 5px 0px 0px 5px; }
	
		#eventMonth .eventPromo { width: 203px; /*background-image: url(../images/bg_event_promo.jpg);*/ background-repeat: repeat-y; background-position: top right; background-color: #9F258A; padding: 5px 10px 5px 10px; }
			.eventPromo img { border: none; padding-bottom: 5px; }
			.eventPromo h1, .eventPromo h2, .eventPromo h3 { font-size: 0.75em; font-weight: bold; color: #FFFFFF; padding: 0px 0px 5px 0px; }
			 .notbold {font-size: 0.75em; font-weight: normal; color: #FFFFFF; }
			.eventPromo p { font-size: 0.75em;  color: #FFF; padding: 5px 0px 0px 0px; }
			.eventPromo a:link, .eventPromo a:visited { color: #FFF; text-decoration: none; }
			.eventPromo a:active, .eventPromo a:hover { text-decoration: underline; }
			#eventMonth .eventPromoBtm { background: url(../images/event_promo_btm.jpg) no-repeat top left; height: 20px; width: 224px; }
	
	/* CORPORATE PAGES */
	
	#mainCorporate { width: 900px; padding: 0px 0 20px 0; margin-top: 10px; background: url(../images/bg_venue_copy.jpg) no-repeat bottom left; }
	
	#corpContent { float: left; width: 646px; padding: 10px 5px 20px 10px;    }
		#corpContent h1 { font-size: 1.2em; font-weight: lighter; color: #982384; padding: 5px; }
		#corpContent h2  { font-size: 0.85em; font-weight: bold; color: #000; padding: 5px; }
		#corpContent h3 { font-size: 0.9em; font-weight: lighter; color: #483081; padding: 5px; } 
		#corpContent h4, #corpContent h5, #corpContent h6  { font-size: 0.75em; font-weight: bold; color: #000; padding: 5px; }
		#corpContent p, #corpContent td { font-size: 0.75em; color: #000; padding: 5px; }
		#corpContent a:link, #corpContent a:visited { color: #564A9B; text-decoration: none; background: url(../images/link_icon.gif) no-repeat top left; padding-left: 10px; }
		#corpContent a:active, #corpContent a:hover { text-decoration: underline; }
	
	/* VENUES */
	
	#breadcrumb { width: 890px; font-size: 0.7em; color: #999999; padding: 2px 5px 8px 5px; }
		#breadcrumb a:link, #breadcrumb a:visited { color: #483081; text-decoration: none; }
		#breadcrumb a:active, #breadcrumb a:hover { text-decoration: underline; }

#main { width: 900px; padding: 0px 0 20px 0; background: url(../images/bg_venue_copy.jpg) no-repeat bottom left; }
	
	#venueContent { float: left; width: 656px; padding: 0px; }
		
	/* Venue Top Navigation */
		.venueNav { width: 656px; background-image: url(../images/bg_venue_nav.jpg); background-repeat: no-repeat;background-position: bottom left; height: 28px; padding: 3px 0px 0px 0px; }
		.venueNav ul { margin: 0px;  }
		.venueNav li { display: inline; margin: 0; }
		.venueNav li a { border-right: solid 1px #FFFFFF; float: left; }
		.venueNav li a:link, .venueNav li a:visited { color: #000; font-size: 0.75em; text-decoration: none; padding: 2px 10px 6px 10px; }
		.venueNav li a:active, .venueNav li a:hover, .venueNav li a.selected { color: #000; background-image: url(../images/venue_nav_selected.jpg); background-repeat: repeat-x; background-position: center left;  }
	
	/* Venue Sub Navigation */	
		.venueSubNav { width: 646px; background-color:#ABA6CE; height: 20px; padding-left: 10px; }
		.venueSubNav ul { margin: 0px;  }
		.venueSubNav li { display: inline; margin: 0; }
		.venueSubNav li a { float: left; }
		.venueSubNav li a:link, .venueSubNav li a:visited { color: #FFF; font-size: 0.75em; text-decoration: none; padding: 1px 10px 1px 10px; background-image: url(../images/nav_link_icon.gif); background-repeat: no-repeat; background-position: top left; }
		.venueSubNav li a:active, .venueSubNav li a:hover, .venueSubNav li a.selected { text-decoration: underline;  }
		
	/* venue image */
		.venueGallery { width: 656px;   }
		#feature-box { background-repeat: no-repeat; height: 243px; }
		#slideshow-box { background-position: /*42% 35%*/ 60px 26px; width: 656px; height: 210px; background-repeat: no-repeat; }
		.venueGalleryMask { position: relative; z-index: 2; background-image:url(../images/venue_mask.gif);  width: 656px; height: 243px; background-repeat: no-repeat; }
	
	/* venue copy */
	
		.venueCopy { width: 616px; padding: 0 20px 20px 20px; }
		.venueCopy h1 { font-size: 1.1em; font-weight: lighter; color: #483081; padding: 5px; }
		.venueCopy h2, .venueCopy h3 { font-size: 0.9em; font-weight: lighter; color: #483081; padding: 5px; }
		.venueCopy h4, .venueCopy h5, .venueCopy h6 { font-size: 0.75em; font-weight: bold; color: #000; padding: 5px; }
		.venueCopy p { font-size: 0.75em; color: #000; padding: 5px; }
		.venueCopy ul { margin-left: 40px; }
		.venueCopy li { font-size: 0.75em; color: #000; list-style: disc; }
		
		.venueCopy a:link, .venueCopy a:visited { color: #483081; text-decoration: none; background: url(../images/link_icon.gif) no-repeat top left; padding-left: 10px; }
		.venueCopy a:active, .venueCopy a:hover { text-decoration: underline; }
	
	
		#venueRtWrapper { float: right; width: 224px; padding: 0px 0 10px 0px; margin-right: 1px; }
	
	/* venue Overview */
		#venueOverview { float: right; width: 224px; padding: 0px; background-color: #FFFFFF; }
		#venueOverview h1 { font-size: 0.75em; font-weight: bold; color: #483081; background: url(../images/bg_offers.jpg) no-repeat top left; height: 28px; padding: 5px 0px 0px 5px; }
		
		#venueOverview .overview { width: 213px; padding: 5px; background: url(../images/bg_hme_lft.jpg) no-repeat bottom left; }
			#venueOverview .overview img { border: none; padding: 5px 5px 15px 5px; }
			#venueOverview .overview h2 { font-size: 0.75em; font-weight: bold; color: #000;  }
			#venueOverview .overview p, #venueOverview .overview h3 { font-size: 0.75em;  color: #000; padding: 5px; }
			.overview a:link, .overview a:visited { color: #483081; text-decoration: none; background: url(../images/link_icon.gif) no-repeat top left; padding-left: 10px; }
			.overview a:active, .overview a:hover { text-decoration: underline; }
	
	/* Book online */
	#venue_booking, .venue_booking { padding: 8px 0px 8px 0px; background-color: #FFFFFF; }
	
	
	/* venue Prices */	
		#venuePrices { float: right; width: 224px; padding: 0px;  }
		#venuePrices h1 { font-size: 0.75em; font-weight: bold; color: #483081; background: url(../images/bg_prices_top.jpg) no-repeat top left; height: 28px; padding: 5px 0px 0px 5px; margin-left: 1px; }
		
		#venuePrices .price { width: 212px; padding: 5px; background-color: #574D9E; margin-left: 1px; }
			#venuePrices .price img { border: none; padding: 5px 5px 15px 5px; }
			#venuePrices .price h2 { font-size: 0.75em; font-weight: bold; color: #FFF; padding: 5px 0px 5px 0px; line-height: 12px; }
			#venuePrices .price p, #venuePrices .price h3 { font-size: 0.75em;  color: #FFF; padding: 5px; }
			
			.price a:link, .price a:visited { display: block; width: 200px; color: #FFF; text-decoration: none; background-image: url(../images/nav_link_icon.gif); background-repeat: no-repeat; background-position: top left; padding: 0px 0px 0px 10px; font-weight: normal; }
			.price a:active, .price a:hover { text-decoration: underline; }
			
			.price .sub a:link, .price .sub a:visited { display: block; width: 180px; padding-left: 25px; padding-right: 7px; background-image: url(../images/subnav_link_icon.gif); background-repeat: no-repeat; background-position: top left; font-weight: normal; }
			
			#venuePrices .priceBtm { background: url(../images/venue_promo_btm.jpg) no-repeat top left; height: 20px; width: 224px; }
		
		#venuePrices .newsletter { border-bottom: dashed 1px #FFFFFF; border-top: dashed 1px #FFFFFF; padding: 0px; margin-top: 5px;}
		 .newsletter a:link, .newsletter a:visited { border: none; background: none; }
	
		#theMap { text-align: center; margin-left: 75px; margin-top: 10px;}
	
	#mainFooter { clear: both; width: 900px; background: url(../images/bg_footer.jpg) no-repeat top left; padding: 25px 0 10px 0; }	
		#mainFooter img { border: none; }
		#mainFooter p { color: #584EA0; font-size: 0.7em; padding: 5px; }
	
/* footer */

#footer { width: 900px; background-color: #564A9B; }
	#footer p { color: #FFFFFF; font-size: 0.7em; padding: 5px; }	
	#footer .footerbottom p, #footer .footerbottom h3 { font-size: 0.7em; color: #999999; padding: 10px 5px 10px 5px; background-color: #FFFFFF; text-decoration: none; }
	#footer .footerbottom a:link, #footer .footerbottom a:visited { color: #999999; text-decoration: none; }
	#footer .footerbottom a:active, #footer .footerbottom a:hover { text-decoration: underline; }