body { background-color:#313131; }
a { color:maroon; text-decoration:none; } a:hover {	color:#000099 } a:focus { color:black }
body p {
	font-size:x-small;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-align:center;
	margin-top:0px
/* Wrappers */
}
#wrapper {
	margin: 0px auto 0px auto;
	width:952px;
}
#body_wrap {
	width:948px;
	background:#FFFFFF url('../images/background2.png') no-repeat;
	border:2px #000000 solid;
	border-bottom:1px #CCCCCC solid;
	margin:0px;
	padding:0px 0px 10px 0px
}
#banner_wrap {
	width:100%;
	height:105px;
	margin-bottom:0;
	margin-top:20px
}
#body_wrap p {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:small;
	padding:5px 0px 5px 0px;
	margin:10px 0px 10px 0px;
	width:470px;
	float:left;
	text-align:left
}
/* End Wrappers */

/* Footer */
#footer {
	width:954px;
	height:25px;
	background:url('../Images/background2_bottom.png') bottom no-repeat;
	margin-left:-1px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:x-small;
	color:#C0C0C0;
	font-weight:bold;
	padding:10px 0px 0px 0px;
	z-index:1;
	}
	#sub_footer {
		} 
		#sub_footer p {
			margin:0px;
			padding:0px
			}

/* End Footer */

/* Content */
#banner1 {
	width:650px;
	height:auto;
	float:left
}
#banner1 a {
	color:#CC0000
}
#banner1 a:hover {
	color:#000099
}
#banner1 h1, #banner1 strong {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#FF9900;
	margin:0px;
	margin-left:5px;
	padding:0px;
	font-style:italic;
	float:left;
	width:300px
}
#banner1 h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#0166FF;
	margin:0px;
	padding:0px;
	font-style:italic;
	float:right;
	text-align:right;
	font-weight:normal;
	width:220px;
	position:relative;
	top:75px
}
#banner2 {
	width:105px;
	height:60px;
	float:right;
	margin-bottom:10px;
}
#banner2 img, #banner2 a:link, #banner2 a{
	border:0px;
}
#google_search {
	width:300px;
	height:30px;
	float:right;
	}
	form#cse-search-box {
		float:right;
		}
		form#cse-search-box input.search_box {		
			position:relative;
			top: -5px;	
			width: 150px;
			}
			form#cse-search-box input.search_button {
				position: relative;
				top:2px;
				.top:0;
				}
#cse-search-results {
	width: auto;
	height:490px;
	padding:10px;
	margin:0;
	border:0;
	overflow:auto;
	background:#FFF;
	position:relative;
	}
	#cse-search-results iframe {
		width: 670px;
		padding:0;
		position:relative;
		}
#img_container {
	width:450px;
	height:300px;
	float:left;
	margin:10px;
	border:4px;
	border-color:#333333;
	border-style:solid;
	overflow:hidden
}
#para_img {
	width:280px;
	height:180px;
	border:2px;
	border-color:#808080;
	border-style:solid;
	margin:10px
}

#media_wrapper {
	width:720px;
	height:145px;
	float:right;
	margin:10px 10px 10px 0px;
	border:2px;
	border-color:#303030;
	border-style:solid;
	overflow:hidden
	}
	.weather_widget {
		float:right;
		width:130px;
		color:#C0C0C0;
		font-weight:bold;
		margin:10px;
		font-family:Arial, Helvetica, sans-serif;
		padding:0px;
		font-size:9pt;
		text-align:center;
		position:relative;
		top:-145px;
		background:url('../images/weather_bg.png') repeat
		}
		.weather_widget a {
			color:#333333
			}
		.profile_pictures {
			float:right;
			width:300px;
			height:145px;
			padding:0px;
			margin:0px;
			position:relative;
			top:-145px;
			.top:-149px;
			border:2px #303030 solid;
			border-bottom:0px;
			border-top:0px;
			overflow:hidden			
			}
	#link_img {
		float:left;
		text-decoration:none;
		background:none;
		width:110px;
		height:80px;
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:small;
		margin:10px
		}
		#link_img img {
			margin:5px;
			width:100px
			}
#left_column {
	width:204px;
	float:left;
	margin:10px 10px 10px 0px;
	overflow:hidden
}
#left_column p {
	color:#333333;
	text-align:center;
	width:204px;
	margin:0px;
}
#left_column img {
	margin-left:10px;
	margin-top:6px;
	}
	#left_column a img {
		border:2px #800000 solid
		}
		#left_column a:hover img {
			border:2px #0101FF solid
			}
#body_text {
	width:435px;
	float:right;
	margin:0px;
	margin-right:10px;
	margin-top:-30px;
	margin-bottom:10px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#CCCCCC;
	overflow:auto;
	height:205px
}
#body_text p {
	width:370px;
	color:#FFFFFF;
	padding:0px
}
#main_content {
	width:720px;
	height:510px;
	float:right;
	z-index:99;
	overflow:scroll;
	font-family:Arial, Helvetica, sans-serif
	}
	#split_left {
		width: 330px;
		padding:5px 10px 10px 0px;
		float:left;
		text-align:center;
		font-weight:bold;
		font-size:15pt
		}
		#split_right {
			width: 330px;
			padding:5px 10px 10px 0px;
			float:right;
			text-align:center;
			font-weight:bold;
			font-size:15pt
			}
			.help_me_rollover {
				margin: 0px auto 0px auto;
				width:100px;
				height:50px;
				overflow:hidden;
				font-family:Arial, Helvetica, sans-serif;
				font-weight:bold;

				}
				.help_me_rollover a {
					background: url('../images/help_me_botton.jpg') 0 0px no-repeat;
					width:100px;
					height:50px;
					color:#FFFFFF;
					display:block;
					text-align:center;
					padding:15px 0px 0px 0px
					}
				.help_me_rollover a:hover {
					background: url('../images/help_me_botton.jpg') 0 -50px no-repeat;
					width:100px;
					height:50px;
					color:#FFFFFF
					}
#checkin_pics {
	width:200px;
	float:left;
	margin-left:200px
}
#staff_p {
	width:400px;
	float:left
}
#img_staff {
	width:200px;
	height:200px;
	float:right;
	margin-right:50px;
	margin-top:-20px
	
}
#main_content strong {
	font-weight:bold
	
}
#main_content h1, #main_content p, #main_content h2 {
	color:#333333;
	text-align:left;
	width:650px;
	margin-top:0px
}
#button1  {
	width:410px;
	height:60px;
	float:right;
	margin:10px;
	margin-top:5px;
	background-image:url('../Images/button1.gif');
	background-repeat:no-repeat	
}
#button2 {
	width:410px;
	height:60px;
	float:right;
	margin:10px;
	margin-top:5px;
	background-image:url('../Images/button2.gif');
	background-repeat:no-repeat	
}
#button1 a, #button2 a {
	color:#808080
}
#button1 a:hover, #button2 a:hover {
	color:#333333;
	font-size:large
}
ul {
	list-style:none;
	margin:0px;
	padding:0px
	}
	ul#drop {
		position: relative;
		top:9px;
		.top:6px;
		margin:0px 0px 4px 0px;
		.margin:0px 0px 1px 0px
		}
		ul#no-drop {
			position: relative;
			top:9px;
			.top:6px;
			margin:0px 0px 4px 0px;
			.margin:0px
			}
h1 {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:large;;
	padding:5px;
	margin:10px;
	margin-bottom:0px;
	margin-top:0px	
}
h2 {
	color:#CCCCCC;
	font-size:medium;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding:5px 0px 5px 0px;
	width:410px;
	margin-top:15px;
	font-style:italic;
	margin:0px
}
p {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	font-size:small;
	padding:5px;
	text-align:left;
	margin:10px;
	margin-top:0px
}
h1 strong {
	color:#0267FD
}
p strong {
	font-weight:normal
}
.clear { clear:both } .clear_r { clear:right } .clear_l { clear:left }

/* End Content */

/*Navigational */

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}
#top_nav {
	width:948px;
	border:0px;
	border-style:solid;
	border-color:black
}
.bubplastic.horizontal {
	width: 100%;
	height: 27px;
	margin: 0;
	padding: 0;
	background: #000000 url('../images/nav_bar/bg-bubplastic_grey_top.png') top left repeat-x;
	border:2px;
	border-bottom:0px;
	border-color:#000000;
	border-style:solid
}
.bubplastic.horizontal ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.horizontal ul li {
	float: left;
	margin: 0;
	padding: 0;
	background: transparent url('../images/nav_bar/bg-bubplastic-h-gray.gif') top left no-repeat;
}

.bubplastic.horizontal ul li a {
	display: block;
	height: 27px;
	padding-left: 20px;
	float: left;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
}

.bubplastic.horizontal ul li a span.menu_ar {
	display: block;
	float: left;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url('../images/nav_bar/bg-bubplastic-h-gray.gif') top right no-repeat;
	cursor: pointer;
}



/* BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.vertical {
	width: 250px;
	margin: 0;
	padding: 0;
	display: block;
}
.bubplastic.vertical ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}
.bubplastic.vertical ul li {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent url("../images/nav_bar/bg-bubplastic-button.gif") top left no-repeat;
}

.bubplastic.vertical ul li a {
	display: block;
	margin: 0;
	width: 100%;
	padding-left: 35px;
	text-transform: uppercase;
	font-family: "Helvetica Neue",helvetica,"microsoft sans serif",arial,sans-serif;
	font-size: 70%;
	color: #FFFFFF;
	text-decoration: none;
	background: transparent url("../images/nav_bar/bg-bubplastic-button.gif") top left no-repeat;
}

.bubplastic.vertical ul li a span.menu_ar {
	display: block;
	margin: 0;
	width: 100%;
	height: 22px;
	padding-top: 5px;
	padding-right: 35px;
	background: transparent url("../images/nav_bar/bg-bubplastic-button.gif") top right no-repeat;
	cursor: pointer;
}
/* END BUBBLE PLASTIC VERTICAL MENU */

.bubplastic.gray ul li a:hover,
.bubplastic.gray ul li.highlight a {
	background: transparent url('../images/nav_bar/bg-bubplastic-button.gif') top left no-repeat;
}
.bubplastic.gray ul li a:hover span.menu_ar,
.bubplastic.gray ul li.highlight a span.menu_ar {
	background: transparent url('../images/nav_bar/bg-bubplastic-button.gif') top right no-repeat;
}
#secondary_nav {
	width:200px;
	height:auto;
	float:left;
	margin:0px;
	border:2px;
	border-left:0px;
	border-style:solid;
	border-color:#000000;
	font-size:medium;
}
#secondary_nav ul li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color:#333333;
	list-style:none;
	margin:0px;
	padding-top:2px;
	padding-left:4px;
	padding-bottom:5px;
	text-align:left;
	background-image:url('../images/nav_bar/bg-bubplastic_grey.png');
	background-repeat:repeat-x
}
#secondary_nav ul li li {
	height:22px;
	padding-left:10px;
	padding-bottom:0px;
	margin-left:15px;
	border:0px;
	border-left:2px;
	border-style:solid;
	border-color:#000000

}
#secondary_nav a, a:active, a ul {
	border:0px;
	text-decoration:none;
	color:#FFFFFF;
}
#secondary_nav ul li a:hover {
	width:150px;
	color:#333333;
}
#secondary_nav ul li li a:hover {
	width:150px;
	color:#333333;
}
#secondary_nav ul li li a, a:active {
	color:#FFFFFF
}

/* End Navagational */

.float_r { float:right } .float_l { float:left }  .clear_r { clear:right } .clear_l { clear:left }
img.float_l { float:left; padding: 5px 5px 0 0;}
.red { color:#800000 }

.online_booking h1 {
	text-align:center;
	color:#CC0000	
	}
	.online_booking h2 {
		color:#333333
		}
		.online_booking p {
			color:#333333; 
			font-size:small
			}
#news_scroll {
	height:20px;
	padding:0px;
	margin:0px;
	overflow:hidden;
	display:none
	}
	#news_title {
		background:maroon;
		color:#FFFFFF;
		font-size:15px;
		font-weight:bold;
		font-family:Arial, Helvetica, sans-serif;
		width:110px;
		float:left;
		height:19px;
		padding:1px 0px 0px 3px;
		border-right:2px black solid
		}
		.fade_text {
			color:#FFFFFF;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:2px 0px 0px 3px;
			position:relative;
			left:114px;
			.left:4px
			}
			.fade_text a {
				color:#C0C0C0
				}
				.fade_text a:hover {
					color:#800000
					}
.sign_up_roll a {
	display:block;
	background: url('../images/sign_up_button.jpg') 0 0 no-repeat;
	width:184px;
	height:49px
		}
		.rollover a:hover { 
			background-position: 0 -49px;
		}
		.rollover a:active {
			background-position: 0 -49px;
			}
.text_centre { text-align:center }			
			
.jScrollPaneContainer {	position: relative;	overflow: hidden;	z-index: 1; } 
.jScrollPaneTrack {position: absolute;	cursor: pointer;	right: 0;	top: 0;	height: 100%;	background: #EDEDED;}
.jScrollPaneDrag {position: absolute;	background: #252424;	cursor: pointer;	overflow: hidden;}
.jScrollPaneDragTop {position: absolute;	top: 0;	left: 0;	overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;	bottom: 0;	left: 0;	overflow: hidden;}
a.jScrollArrowUp {display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 15px; background:url('../images/up_arrow.png')}
a.jScrollArrowUp:hover { background: url('../images/up_arrow_hover.png') }
a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;	right: 0;	text-indent: -2000px;	overflow: hidden;	/*background-color: #666;*/	height: 15px; background: url('../images/down_arrow.png')}
a.jScrollArrowDown:hover { background: url('../images/down_arrow_hover.png') }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {	/*background-color: #f00;*/}
a img{
border:0;
}