@import "reset.css";
body {
	font-family		: Arial, Verdana, Helvetica, sans-serif;
	font-size		: 12px;
	background		: #30bbec url(../images/body_bg.png) repeat-x top left;
	color			: #000; 
}
#wrapperOuter {
	position		: relative;
	width			: 100%;
	margin			: 0 auto;
}
#wrapper {
	position		: relative;
	width			: 1000px;
	margin			: 0 auto;
	background		: url(../images/wrapper_bg.png) repeat-y top center;
}
#panel {
	position		: fixed;
	top			: 50px;
	left			: 0;
	width			: 220px;
	padding			: 20px 20px 0 10px;
	background		: url(../images/panel_bg.png) no-repeat top right;
	z-index			: 9;
}
#panelBottom {
	position		: absolute;
	bottom			: -40px;
	left			: 0;
	width			: 250px;
	height			: 40px;
	padding			: 0;
	background		: url(../images/panel_bottom_bg.png) no-repeat top right;
	z-index			: 9;
}
#header {
	position		: relative;
	width			: 900px;
	height			: 147px;
	margin			: 0 auto;
	background		: url(../images/header_bg.gif) no-repeat top left;

}
#newsletterSignup {
	position		: absolute;
	left			: 350px;
	top				: -150px;
	min-height		: 120px;
	width			: 200px;
	padding			: 15px 24px;
	background		: url(../images/newsletter_module_bg.png) no-repeat top left;
	z-index			: 9999;
}
#newsletterSliderTrigger {
	position		: absolute;
	width			: 248px;
	height			: 25px;
	bottom			: -45px;
	left			: 0;
	padding			: 10px 0;
	text-align		: center;
	background		: url(../images/newsletter_trigger.png) no-repeat top left;
	cursor			: pointer;
}
#newsletterSignup  h2 {
	padding			: 0 0 20px 0;
}
#newsletterSignup  p {
	padding			: 0 0 10px 0;
}
#newsletterSignup .error {
	padding			: 2px 0 0 0;
	color			: #ff0000;
}
#subForm input.text {
	padding			: 4px;
	width			: 189px;
	margin			: 0;
	border			: 1px solid #ccc;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	color			: #999;
}
#subForm input.button {
	float			: right;
}
#logo {
	position		: absolute;
	width			: 284px; 
	height			: 138px;
	top				: 0;
	left			: 0;
	z-index			: 1;
}
/*---------- Navigation ---------------------------------------------------------*/
#nav {
	position		: absolute;
	right			: 0;
	top			: 0;
	padding			: 0;
	z-index			: 2;
}
#nav, #topNav, #mainNav  {
	float			: right;
}
#topNav { 
	padding			: 0 20px 0 0;
}
#mainNav { 
	padding			: 15px 20px 0 0;
}
#topNav ul li, #mainNav ul li {
	display			: block;
	float			: left;
	width			: auto;	
} 
#topNav ul li {
	padding			: 10px 7px;
	background		: url(../images/topNav_divider.gif) no-repeat center right;
}
#mainNav ul li  {
	padding			: 30px 22px 30px 0;
	margin			: 0 12px 0 0;
	background		: url(../images/mainNav_divider.png) no-repeat center right;
}
#topNav ul li.last, #mainNav ul li.last {
	padding-right	: 0;
	margin			: 0;
	background		: none;
}
#topNav ul li a:link, #topNav ul li a:visited {
	color			: #ff0202;
	text-decoration	: none;
	font-weight		: bolder;
	font-size		: 11px;
}
#topNav ul li a:hover, #topNav ul li.active a {
	color			: #666;
}
#mainNav ul li a:link, #mainNav ul li a:visited {
	color			: #000;
	font-size		: 16px;
	font-weight		: bolder;
	text-decoration	: none;
	
}
#mainNav ul li a:hover, #mainNav ul li.active a {
	color			: #ce0004;
}
#topNav ul li a span {
	font-weight		: normal;
}
/*-------- Content Wrapper -----------------------------------------------*/
#contentWrapper {
	position		: relative;
	width			: 900px;
	padding			: 0;
	margin			: 0 auto;
	background		: url(../images/content_wrapper_bg.jpg) no-repeat top left;
}
/*------ Home Slider -----------------------------------*/
#homeSlideshow {
	position		: relative;
	width			: 913px;
	height			: 417px;
	left			: -61px;
	top				: -36px;
	padding			: 50px 36px 38px 55px;
	margin			: 0 auto -36px auto;
	background		: url(../images/home_slider_bg.png) no-repeat top left;
	z-index			: 9;
} 
.items {
	background		: #fff;
	position		: relative;	
	height			: 417px;
	width			: 914px;
	float			: left;	
	margin			: 0;

}
.items div {
	display			: none;
	position		: absolute;
	top				: 0;
	left			: 0;		
	margin			: 0;
	padding			: 0;
	height			: 417px;
	font-size		: 12px;

}
a.backward {
	position		: absolute;
	left			: 60px;
	top				: 47%;
	width			: 29px;
	height			: 29px;
	z-index			: 99;
	cursor			: pointer;
	display			: none;
}
a.forward {
	position		: absolute;
	right			: 60px;
	top				: 47%;
	width			: 29px;
	height			: 29px;
	z-index			: 99;
	cursor			: pointer;
	display			: none;
}
.tabs {
	position		: absolute;
	bottom			: 10px;
	left			: 80px;
	width			: 200px;
	height			: 50px;
	z-index			: 100;
}
.tabs a {
	position		: relative;
	float			: left;
	width			: 10px;
	height			: 10px;
	background		: #fff;
	margin			: 0 10px 0 0;
	z-index			: 100;
}
.tabs a.current, .tabs a:hover  {
	background		: #ff0000;
}
#captions {
	position		: absolute;
	top				: 50px;
	left			: 55px;
	width			: 873px;
	height			: 40px;
	background		: url(../images/captions_bg.png) repeat-x top left;
	color			: #fff;
	padding			: 0 20px;
	line-height		: 40px;
	z-index			: 101;
}
/*-------------------------------------------------------*/
#contentOuter {
	position		: relative;
	width			: 864px;
	min-height		: 350px;
	padding			: 0 0 30px 0;
	margin			: 0 21px;
}
#content {
	position		: relative;
	width			: 550px;
	float			: left;
	margin			: 15px 0 0 10px;
	z-index			: 1;
}
#contentOuter h1 {
	display			: block;
	margin			: 0 0 20px 0;
	font-size		: 40px;
	font-weight		: bolder;
}
#contentOuter p {
	padding			: 0 0 20px 0;
	line-height		: 1.3em;
}
#container {
	width			: 535px;
	padding			: 0 12px 20px 3px;
}
#container h2 {
	display			: block;
	margin			: 0 0 20px 0;
	font-size		: 30px;
	font-weight		: bolder;
}
#container h4 {
	color			: #ff0000;
	font-weight		: bolder;
	font-size		: 18px;
	padding			: 0 0 20px 0;
}
#container h3 {
	color			: #000;
	font-weight		: bolder;
	font-size		: 16px;
	padding			: 0 0 10px 0;
	line-height		: 1.3em;
}
#container h4 span{
	color			: #ff0000;
	font-weight		: normal;
	font-size		: 12px;
}
#container ul{
	padding			: 0 0 20px 0;
}
#container ul li {
	padding			: 0 0 10px 17px;
	background		: url(../images/red_arrow.png) no-repeat top left;
	color			: #666;
}
#container p.small {
	font-size		: 0.8em;
}
#container p span.red {
	color			: #ff0000;
}
#container a:link, #container a:visited {
	color			: #ff0000;
	text-decoration	: none;
}
#container a:hover {
	border-bottom	: 1px dotted #ff0000;
}
#rightSidebar {
	position		: relative;
	float			: left; 
	margin			: 20px 0 0 0;
	width			: 266px;
	min-height		: 502px;
	padding			: 0 0 0 35px;
	background		: url(../images/content_divider.png) no-repeat top left;
	z-index			: 2;
}
#rightSidebar h2 {
	display			: block;
	margin			: 0 0 10px 0;
	font-size		: 20px;
	font-weight		: bolder;
}
.sideBox {
	position		: relative;
	width			: 266px;
	padding			: 0 0 40px 0;
	overflow		: hidden;
	clear			: both;
}
#subNav ul li {
	padding			: 0 0 10px 17px;
	background		: url(../images/red_arrow.png) no-repeat top left;
}
#subNav ul li a:link, #subNav ul li a:visited {
	font-weight		: bolder;
	color			: #000;
	text-decoration	: none;
	font-size		: 14px;
}
#subNav ul li a:hover, #subNav ul li.active a {
	color			: #ff0000;
}
.thumb {
	position		: relative;
	left			: -5px;
	float			: left;
	width			: 71px;
	height			: 43px;
	padding			: 10px 0 0 11px;
	background		: url(../images/thumb_bg.png) no-repeat top left;
}
/*--- slideshow ---------------------------*/
#slideshowWrapper  {
	position		: relative;
	left			: -5px;
	width			: 542px;
	height			: 225px;
	margin			: 0 0 20px 0;
	padding			: 10px 0 0 11px;
	background		: url(../images/content_slideshow_bg.png) no-repeat top left;
}
#footer {
	width			: 830px;
	height			: 129px;
	margin			: 0 auto;
	padding			: 10px 85px;
	background		: url(../images/footer_bg.png) no-repeat top left;
	z-index			: 10;
} 
#bottomBar { 
	position		: relative;
	width			: 823px;
	height			: 82px;
	margin			: 0;
	background		: url(../images/bottom_bar_bg.png) no-repeat top left;
	z-index			: 11;
}
#bottomBar  h3 { 
	position		: absolute;
	left			: 250px;
	top				: 30px;
	font-size		: 20px;
	font-weight		: bolder;
	color			: #000;
}
#bottomBar  h3  img { 
	padding			: 0 0 0 20px;
	vertical-align	: bottom;
}
/*----- Trip planner ---*/
/*
#tripPlanner {
	float			: left;
	width			: auto;
	height			: 70px;
	margin			: 5px 0 0 35px;
	padding			: 0;
	z-index			: 12;
}
#tripPlanner table {
	width			: 516px;
	height			: 70px;
}
#tripPlanner table td{
	vertical-align	: middle;
}
#tripPlanner h4{ 
	font-weight		: bolder;
	font-size		: 32px;
}

#tripPlanner input.text { 
	float			: left;
	margin			: 1px 2px 0 30px;
	padding			: 4px;
	width			: 100px;
	border			: 1px solid #ccc;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	color			: #999;
}
#tripPlanner input.button { 
	float			: left; 
	width			: 86px;
	height			: 16px;
	margin			: 0 0 0 40px;
	padding			: 0;
	background		: none;
	border			: none;
	color			: #000;
	font-size		: 24px;
	font-weight		: bolder;
	text-align		: left;
	cursor			: pointer;
	background		: url(../images/red_arrow.png) no-repeat right center;
}
*/
/*--- Credits ---------------------*/
#credits {
	text-align		: center;
	color			: #ccc;
	margin			: 25px 0 0 0;
}
#credits a:link, #credits a:visited {
	color			: #ccc;
	text-decoration	: none;
}
#credits a:hover {
	border-bottom	: 1px solid #ccc;
}
/*----------------------------------------*/
#weatherModule {
	float			: left;
	width			: 200px;
	height			: 62px;
	padding			: 10px;
	background		: url(../images/weather_bg.png) no-repeat top left;
}
table.weatherWidget {
	text-align		: center;
	height			: 64px;
	vertical-align	: top;
	width			: 100%;
	
}
table.weatherWidget td {
	text-align		: center;
	height			: 64px;
	vertical-align	: middle;
	
}
#weatherModule  {
	vertical-align	: top;
	height			: 64px;
	text-align		: center;
	color			: #fff;
	font-size		: 20px;
	font-weight		: bolder;
} 
#weatherModule span {
	display			: block;
	font-size		: 34px;
} 
/*----- Module Tpl --------------------*/
.module {
	float			: left;
	width			: 266px;
	height			: 350px;
	padding			: 0 30px 0 0;
	background		: url(../images/module_bg.png) no-repeat top right;
	overflow		: hidden;
}
.mThis {
	background		: none;
	padding-right	: 0;
}

.module .thumbImage, .bubble .thumbImage {
	width			: 251px;
	height			: 145px;
	padding			: 10px 6px 5px 7px;
	margin			: 0 0 15px 0;
	background		: url(../images/thumb_image_bg.png) no-repeat top right;
	overflow		: hidden;
}
.module .moduleIntro {
	width			: 236px;
	padding			: 0 15px;
	margin			: 0;
}
.module .moduleIntro  p {
	line-height		: 1.4em;
	padding			: 0;
}
.module  a {
	margin			: 0 8px 0 0;
	float			: right;
}
.module  a.head {
	float			: none;
}
.module h2 a {
	font-size		: 24px;
	font-weight		: bolder;
	color			: #000;
	text-decoration	: none;
	text-align		: left;
}
.module h3  a{
	font-size		: 50px;
	color			: #000;
	text-decoration	: none;
	float			: none;
}
.module h2, .module h3, .module h4  {
	display			: block;
	margin			: 0 0 0 10px;
	padding			: 0;
	font-size		: 24px;
	font-weight		: bolder;
}
.module h2 {
	padding			: 40px 0 0 0;
}
.module h3 {
	font-size		: 50px;
	margin			: 0 0 0 25px;
}
.module h4 {
	margin			: 0 0 0 28px;
	font-size		: 15px;
}
/*------------------------------------------------*/
#eventsList {
	display			: block;
	width			: 535px;
	margin			: 20px 0 0 0;
	overflow		: hidden;
}
#eventsList h4 {
	padding			: 0 0 10px 0;
	font-size		: 16px;
	/*border-bottom	: 1px dotted #ff0000; 	*/
}
#eventsList h3 {
	padding			: 10px 0 10px 0;
	font-size		: 12px;
	color			: #ff0000;
	font-weight		: bolder;
}
.eventsListItem {
	width			: 535px;
	padding			: 0 0 20px 0; 
	
}
#contentOuter .eventsListItem p {
	padding			: 0;
}
.eventsListItem p a:link, .eventsListItem p a:visited {
	display			: block;
	width			: 100%;
	padding			: 10px 0 5px 0;
	border-bottom	: none;
	background		: url(../images/book_it.png) no-repeat right 8px;
}
/*--- Maps -----------------------------*/
.bubble {
	width			: 650px;
	height			: 225px;
	overflow		: hidden;
}
.bubble img {
	float			: left;
}
.bubble table td {
	vertical-align	: top;
	padding			: 0 10px 10px 0;
}
.bubble p {
	padding			: 0 0 15px 0;
}
.bubble h2 {
	padding			: 5px 0 15px 0;
	color			: #000;
	font-size		: 20px;
}
.bubble h3 {
	padding			: 0 0 15px 0;
	color			: #ff0000;
}
#mapSidebar {
	position		: relative;
	left			: -2px;
	width			: 253px;
	height			: 145px;
	padding			: 10px 6px 15px 9px;
	background		: url(../images/thumb_image_bg.png) no-repeat top left;
	z-index			: 3;
}
#mapInfo {
	position		: absolute;
	bottom			: 30px;
	left			: 20px;
	font-size		: 9px;
	color			: #ff0000;
	font-weight		: bolder;
	padding			: 5px;
	z-index			: 9999;
}
a.mapLinkDoc {
	margin			: 0 0 0 10px;
}
#mapSidebar #map {
	width			: 251px;
	height			: 145px;
	overflow		: hidden;
	z-index			: 4;
}
/*----- Forms ------*/
form#ContactForm {
	width			: 289px;
}
#hi_robot {
	display			: none;
}
form p label {
	display			: block;
	color			: #000;
	font-weight		: bolder;
	font-size		: 16px;
	padding			: 0 0 5px 0;
	line-height		: 1.3em;
}
.errors, form p span{
	color			: #ff0000;
}
.errors {
	padding			: 0 0 15px 0;
}
form p span {
	padding			: 0 5px 0 5px;
}
input.text, #directionForm select {	
	border			: 1px solid #ccc;
	padding			: 5px;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	color			: #666;
}
input#fromAddress, #directionForm select {
	width			: 250px;
	border			: 1px solid #ccc;
	padding			: 5px;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	color			: #666;
}
form#ContactForm input.text {
	width			: 280px;
}
form#ContactForm textarea, form#shopOrderForm textarea {	
	width			: 280px;
	border			: 1px solid #ccc;
	padding			: 5px;
	background		: #fff url(../images/input_bg.gif) repeat-x top left;
	color			: #666;
}
input.invalidValue, input.requiredValue, form#ContactForm textarea.requiredValue, form#shopOrderForm textarea.requiredValue {
	border			: 1px solid #ff0000;
}
form#subForm p label {
	font-size		: 12px;
	font-weight		: normal;
} 
/*------- Current Event list --------------*/
.book_it {
	display			: block;
	width			: 250px;
	padding			: 10px 100px 5px 0;
	border-bottom	: none;
	background		: url(../images/book_it.png) no-repeat right 8px;
}
/*--------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------*/
#shopSidebar {
	float			: left;
	width			: 205px;
	padding			: 0 15px 0 15px;
	height			: 600px;
	margin			: 150px 0 0 0;
	background		: url(../images/module_bg.png) no-repeat top right;
}
#shopSidebar img.logo {
	margin			: 0 0 15px 15px;
}
#shopSidebar #subNav {
	margin			: 10px 0 0 15px;
}
#shopSidebar #subNav ul li ul {
	padding			: 10px 0 0 0;
}
#shopSidebar #subNav ul li.active ul li {
	background		: none;
}
#shopSidebar #subNav ul li.active ul li a:link, #shopSidebar #subNav ul li.active ul li a:visited {
	color			: #6c655b;
}
#shopSidebar #subNav ul li.active ul li a:hover, #shopSidebar #subNav ul li.active ul li.active a {
	color			: #cc0000;
}
#shopContent {
	float			: right;
	width			: 610px;
	margin			: 0 30px 0 10px;	
	padding			: 20px 0 0 0;
	height			: 400px;
}

/*--- Shop Item ----*/

.shopItem {
	width			: 620px;
	padding			: 15px 0 0 0;
	clear			: both;
}
.shopItem h2 {
	padding			: 0 0 15px 0;
	text-align		: right;
}
.shopItem h2 a:link, .shopItem h2 a:visited {
	
	font-size		: 30px;
	color			: #00ccff;
	text-decoration	: none;
}
.shopItem .thumbImage {
	width			: 335px;
	height			: 70px;
	padding			: 15px 7px 10px 7px;
	margin			: 0 10px 0 0;
	float			: left;
	background		: url(../images/shop_item_img_bg.png) no-repeat top left;
}
.shopItem button.buyButton {
	width			: 96px;
	height			: 31px;
	background		: url(../images/buy_e.png) no-repeat top left;
	border			: none;
	cursor			: pointer;
	color			: #fff;
	font-weight		: bolder;
	font-size		: 16px;
	padding			: 0 0 0 20px;
}
.shopItem h4 {
	font-size		: 25px;
	font-weight		: bolder;
	color			: #ff0000;
	padding			: 0 0 10px 0;
}
/* helper box */
#stuffHelper {
	position		: absolute; 
	z-index			:	100; 
	width			: 180px; 
	height			: 52px;
	padding			: 15px 20px;
	background		: url(../images/weather_bg.png) no-repeat top left; 
	display:none;
}
#stuffHelper div {
	text-align: center;
}

#order {
	position		: relative;
	width			: 913px;
	left			: -61px;
	top				: -36px;
	padding			: 50px 36px 1px 55px;
	margin			: 0 auto -36px auto;
	background		: url(../images/order_bg.png) no-repeat top left;
	z-index			: 9;
}
#orderBottom {
	position		: relative;
	width			: 1004px;
	height			: 52px;
	left			: -61px;
	background		: url(../images/orderBottom_bg.png) no-repeat top left;
}
#shopCart.checkOutCart {
	padding			: 20px;
	font-size		: 1.3em;
	float			: none;
	margin			: 0;
}
#shopCart.checkOutCart td {
	border-top		: 1px dotted #ccc;
	padding			: 10px 0;
}
#shopCart.checkOutCart h3 {
	display			: block;
	text-align		: right;
	font-size		: 16px;
	padding			: 5px 0 0 0;
}
#container h1 span {
	display			: block;
	font-size		: 0.6em;
	font-weight		: normal;
}
#shopCart {
	padding			: 10px 15px 20px 40px;
	background		: url(../images/basket.png) no-repeat top left;
}
#shopCart .cart-order span {
	display			: block;
	font-size		: 0.8em;
	font-weight		: normal;
}
#shopCart a:link, #shopCart a:visited {
	color			: #ff0202;
	text-decoration	: none;
	font-weight		: bolder;
	font-size		: 11px;
}
#shopCart a:hover {
	color			: #666;
}
/*----------------------------------------------------------------------------------------*/
/*----Events new -----------*/
#container .event_list {
	clear           : both;
}
#container .event_list .day {
	margin 			: 0 0 20px 0;
	overflow 		: hidden;
}
#container .event_list .day h3 {
	width			: 33px;
	background      : #ffcc00;
	color			: #000;
	padding 		: 5px;	
	float 			: left;
	margin 			: 0 20px 0 0;	
	text-align 		: center;
}

#container .event_list .day .event {
	float 			: left;
	width			: 450px;
	overflow 		: hidden;
}
#container .event_list .day .event .time {
	overflow			: hidden;
	margin          : 0 0 20px 0;
	clear     		: both;
}
#container .event_list .day .event .time span {
	font-size		: 20px;
	font-weight		: bolder;
	text-transform 	: lowercase;
}
#container .event_list .day .event .time a {
	float 			: right;
}
#container .event_tabs li {
	display 		: block;
	float 			: left;
	background  	: none;
	font-size		: 16px;
	font-weight		: bolder;
	padding 		: 0;
	margin  		: 0 10px 10px 0;
	color 			: #000;
	cursor 			: pointer;
}
#container .event_tabs li.current {
	color 			: red;
}
#container .event_list div.panes div {
	background 		: #fff;
}


/*---- Recent events ----------------*/
#event_data table {
	width			: 100%;
	font-size		: 1.3em;

}
#event_data table td, #event_data table th {
	text-align 		: left;
	font-weight		: 100;
	padding 		: 5px 10px 5px 5px;
	
}
#event_data table td.last {
	text-align 		: right;
}
#event_data table th {
	color			: #ff0000;
	font-weight		: bolder;
	font-size		: 18px;
}
#event_data h3 {
	font-size		: 18px;
}

#event_data h3 span {
	float 			: right;
	margin 			: 0 20px 0 0;
	
}
#event_data h3 span a:link, #event_data h3 span a:visited {
	font-weight		: normal;
	font-size		: 12px;
}