*{
	font-family: verdana, Arial, Helvetica, sans-serif;
}

p, ul, li, a, table, body{
	margin: 0;	
	padding: 0;	
}

p, ul, li, a, table, form{
	font-size: 12px;
}

p.{
	padding: 10px;
}

#container{
	margin: 0 auto;
	width: 1000px;
}
body{
	background: url("../images/main-bg.jpg") repeat-x 0 top fixed;
}

.event a span{ font-size: 12px; text-decoration: none; color: #551A8B; }

/*----------------------------------
 		 		Headers 
----------------------------------*/

h1{
	background: url(../images/logo.jpg) no-repeat;
	text-indent: -9999px;
	padding-bottom: 20px;
	margin-bottom: -5px;
}

h2{
	background-color: #8b1718;
	background-image: url("../images/nav-bg2.jpg");
	background-repeat: repeat-x;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	margin: 0;
	padding: 5px;
}

.small-container h3, .small-container-help h3, .small-container-featured h3{
	background-color: #45773c;
	background-image: url("../images/nav-bg.jpg");
	background-repeat: repeat-x;
	color: #fff;
	font-weight: normal;
	font-size: 20px;
	margin: 0;
	padding: 5px;
	_margin-right: -10px;
	
}

h4{
	background-color: #ccc;
	clear: both;
	color: #000;
	font-weight: normal;
	padding: 5px;
	width: 730px;
}
h5{
	margin: 0;
}


/*----------------------------------
 		 	  Navigation 
----------------------------------*/

ul#nav{
	border-top: 10px solid #45773c;
	margin-bottom: 10px;
	text-align: left;
	padding-top: 0px;
	
}

		ul#nav li{
			display:inline;
		}

		ul#nav li a{
			float:left;
			display:inline;
			padding: 10px 18px;
			color: #fff;
			font-size: 18px;
			text-decoration: none;
		}

 ul#nav li a:hover{
 background-color: #336633;
 background-image: url(../images/nav-bg.jpg);
 background-repeat: repeat-x;
 padding: 10px 18px 10px 18px;
 } 

form#language{
	float: right;
	margin-top: 40px;
	text-align: right;
}

/*----------------------------------
 		 		layout 
----------------------------------*/

#main{
	background-color: #fff;
	border-top: 5px solid #45773c;
	padding: 5px;
	width: 1000px;
}

#main-col{
	width: 770px;
	float: left;
}

#side-panel{
	float: left;
}

#towns{
	clear: both;
	text-align: center;
	width: 750px;
	margin-bottom: 20px;
}
	#towns a{ color: #000; text-decoration: none;}
	
#footer{
	border-top: 1px solid #c99;
	clear: both;
	text-align: center;
	width: 750px;
}


	/*------------------------
			Search box
	------------------------*/		

	#booking-box, #map-link{
		border: 1px solid #999;
		float: left;
		height: 250px;
		margin-bottom: 10px;
		margin-right: 10px;
		width: 370px;
	}
			
			#map-link{_margin-right: 0;}
			#map-link img{ *border: none; _margin-top: 2px;}
			#map-link a{ color: #fff;}
			#booking-box form{ margin: 10px; _margin: 0;}
	
	#search-bar{	
		background-color: #8b1718;
		background-image: url("../images/searchbox-bg.jpg");
		background-repeat: repeat-x;
		border: 1px solid #999;
		clear: left;
		height: 80px;
		margin-right: 10px;
		width: 750px;
	}
	
	#search-bar p{
		background-color: #8b1718;
		border: 1px solid #999;
		color: #fff;
		float:  left;
		font-size: 15px;
		margin: 10px 0 10px 10px;
		padding: 10px;
		width:  173px;
		text-align: center;
	}
		
			#search-bar p a{		
				background: #8b1718 url("../images/button.jpg") no-repeat center center;
				color: #000;
				font-size: 12px;
				padding: 5px 20px;
				text-decoration: none;
			}
		
	#search-bar form{
		color: #fff;
		background-color: #8b1718;
		border: 1px solid #999;
		float:  left;
		font-size: 15px;
		margin: 10px 0 10px 10px;
		padding: 9px;
		width:  300px;
	}
		
			#search-bar form input#hotel{ width: 180px; _margin-left: -8px; }

/*---------------------------------
	  		Content
---------------------------------*/

#content{
	padding: 10px;
}


		/*---------------------------------
			  			Ajax
		---------------------------------*/
		
		/*------ Events ------*/
			.event{ clear: left; margin-bottom: 10px; min-height: 100px; width: 800px;}
			.event a{ clear: left; color: #551A8B; font-size: 20px; padding-right: 200px; width: 800px; }
			.event h3{ clear: both; }
			.event img{ float: left; padding-top: 10px; margin-bottom: 20px; }
			.event p{ float: left; margin-bottom: 20px; padding-left: 10px; padding-top: 5px; width: 580px;}
		
		/*------ Gallery ------*/
			
			img.big{ margin-left: 220px;}
			.thumb{  margin: 10px; text-align: center;}
		
			/*------ Lightbox ------*/
			
				#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
				#lightbox img{ width: auto; height: auto;}
				#lightbox a img{ border: none; }

				#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
				#imageContainer{ padding: 10px; }

				#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
				#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
				#imageContainer>#hoverNav{ left: 0;}
				#hoverNav a{ outline: none;}

				#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
				#prevLink { left: 0; float: left; background: url(../images/prevlabel.gif) left 15% no-repeat;}
				#nextLink { right: 0; float: right; background: url(../images/nextlabel.gif) right 15% no-repeat;}

				#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

				#imageData{	padding:0 10px; color: #666; }
				#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
				#imageData #caption{ font-weight: bold;	}
				#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
				#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

				#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
			
		/*------ Hotels ------*/
		
		ul#ajax-tabs{
			border-bottom: 1px solid #aaa;
			padding-bottom: 8px;
			margin-left: -10px;
			width: 750px;
		}
		
		ul#ajax-tabs li{
			display: inline;
		}
		
		ul#ajax-tabs li a{
			color: #000;
			font-size: 17px;
			padding: 8px;
			text-decoration: none;
		}
		
		ul#ajax-tabs li a:hover{
			background-color: #900;
			color: #fff;
			text-decoration: underline;
			background-image: url("../images/nav-bg2.jpg");
			background-position: top;
			background-repeat: repeat-x;
		}
		
		ul#ajax-tabs li a.selected{
			background-color: #fff;

		}

/*---------------------------------
	  		Second-Nav
---------------------------------*/

ul#second-nav{
	clear: both;
	text-align: center;
	width: 750px;
}

ul#second-nav li{
	display: inline;
}

ul#second-nav li a{
	color: #666;
	padding: 16px 15px 20px 15px;
	text-decoration: none;

}

ul#second-nav li a:hover{
	color: #333;
	
}

/*---------------------------------
	  	   second-content
---------------------------------*/

#second-content{
	float: left;
}

#main-img{ 
	float: left;
	margin: 20px 10px 10px 5px;
}
		/*---------------------------------
			  	   small-container
		---------------------------------*/
		
		.small-container-featured{ clear: both; height: 200px; width: 760px; }
		
		.small-container-help {
			border: 1px solid #999;
			margin-top: 20px;
			width: 350px;
		}
		
		.small-container{
			border: 1px solid #999;
			margin-bottom: 10px;
			width: 220px;
			_padding-right: 0;
			margin-right: 0;
		}
		
			.small-container form, .small-container-help form{ padding: 15px; }
			.small-container p, .small-container-help p{ padding: 10px; }
			
			.small-container-featured a{ margin: 0 0 0 200px;}
			.small-container-featured h4{ background-color: #fff; margin: 0; padding: 0 5px; width: 339px;}
			.small-container-featured img{ float: left; padding: 5px 10px 5px 5px;}	
			
			.small-container-help{ background: url("../images/call.jpg") no-repeat bottom left;}
			.small-container-help a{ margin: 0 0 0 130px; color: #fff;}
			.small-container-help p{ text-align: right;}
			
/*----------------------------------
 		 	 Side Panel
----------------------------------*/

#side-panel{
	min-height: 800px;
}

#side-panel form{
	_padding-right: 0;
	_margin: 0;
	}

	/*----------------------------------
	 		 	  Accordian 
	----------------------------------*/
	#basic-accordian{
		font-size: 13px;
		border:5px solid #EEE;
		padding:5px;
		width: 200px;
		z-index:2;
	}

	.accordion_headings{
	padding:5px;
	background:#363;
	color:#FFFFFF;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
	cursor:pointer;
	}

	.accordion_headings:hover{
	background:#bb2526;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	}

	.accordion_child{
		padding:15px;
		background:#EEE;
	}

	.header_highlight{
		background:#bb2526;
	}

	.header {
		background: #000;
		cursor: pointer;
		padding:4px;
	}

	.header:hover{
		background-color:#bb2526;
	}
	.selected{
		background-color:#bb2526;
		color:#FFF;
	}

/*----------------------------------
 		 	  rollover 
----------------------------------*/
.buttonBar
{
    height: 1.5em;
	position: relative;
}

.shadow
{
    position: relative; 
    visibility: hidden;
}

.button
{
    float: left;
    cursor: pointer;
}

.infoArea
{
    min-height: 50px;
}

.information
{
    visibility: hidden;
    padding: 3px;
	top: 50px;
	left: 0;
	text-align: left;
    position: absolute;
}