/* CSS Document */

/* The Watersports Academy | CSS document | Strangecorp | 2009 */
/* David Reighard | Developer | Strange Corporation */

/* --- DEFAULT STYLING --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}

html, body {
	/* height: 100%; --- SET FOR FIXED FOOTER --- */
	}	

body * {
	/* --- CLEARS DEFAULT MARGIN & PADDING FOR ALL CHILD ELEMENTS --- */
	margin: 0;
	padding: 0;
	}
	
body {		
	background-color: #ffffff; /* --- DEFAULT BACKGROUND COLOUR --- */
	color: #252122; /* --- DEFAULT FOREGROUND (TEXT) COLOUR --- */
	font-family: Arial, Helvetica, sans-serif; /* --- DEFAULT FONT FAMILY --- */
	font-size: 1em;
	margin: 0;
	padding: 0;
	}
	
h1 {
	font-size: 1.125em; /* --- 18px --- */
	font-style: italic;
	color: #282828;
	}
	
h2 {
	font-size: 1em; /* --- 16px --- */
	font-weight: normal;
	color: #ff8a00;
	}
	
h3 {
	font-size: 1em; /* --- 16px --- */
	}	

h4 {
	font-size: 0.875em; /* --- 14px --- */
	}

p {
	font-size: 0.75em; /* --- 12px --- */
	color: #282828;
	}
	
a {
	}

a img {
	border: 0; /* --- CLEAR DEFAULT BORDER ON LINKED IMAGES --- */
	}

/* --- GENERIC CLASSES --- */
.fleft {
	float: left;
	}	

.fright {
	float: right;
	}

.clearboth {
	clear: both;
	}	

.hr {
	background: url(/images/shared/dotted_divide.gif) top left repeat-x;
	height: 1px;
	}		

/* --- GENERIC LIST & SUB-LIST STYLING --- */
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ul li {
		}
	
	ul li ul {
		}
		
	ul li ul li {
		}
	
	ul li ol {
		}
	
	ul li ol li {
		}

ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
	
	ol li {
		}
		
	ol li ol {
		}
		
	ol li ol li {
		}
	
	ol li ul {
		}
		
	ol li ul li {
		}

/* GENERIC TABLE STYLING (tables still need 'cellspacing="0"' in the markup) */
table {
	border-collapse: collapse;
	border-spacing: 0;
	}		

/* --- GENERIC FORM STYLING --- */	
form {
	margin: 0;
	padding: 20px 0 0 0;
	}
	
	#maincol form p {
		font-size: 1em;
		clear: both;
		overflow: hidden;
		margin: 0 0 3px 0;
		}
		
	form p.required label {
		}	
		
	form label {
		font-size: 0.75em;
		float: left;
		display: block;
		clear: left;
		font-weight: bold;
		font-style: italic;
		text-align: right;
		width: 130px;
		margin: 0;
		padding: 3px 10px 0 0;
		}
		
		form label.postfield {
			/* --- FOR PLACING TEXT ON THE RIGHT OF A FORM FIELD (EG. CHECKBOX) --- */
			clear: none;
			display: block;
			float: left;
			width: 280px;
			font-weight: normal;
			text-align: left;
			margin: 0 0 0 8px; /* --- margin: 0 0 20px 8px; --- */
			}
		
	form input {
		}
		
		form input.textfield, form textarea, form select, form input.checkbox, form input.radiobutton {
			float: left;
			}
		
		form input.textfield, form textarea, form select {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.75em;
			background: url(/images/shared/dotted_divide.gif) bottom repeat-x;
			background-color: #cbe3fc;
			border-top: none;
			border-left: none;
			border-right: none;
			}
		
		form input.textfield, form textarea {
			width: 306px;
			padding: 3px 3px;
			}	
		
		form select {
			width: 312px;
			padding: 3px 0;
			}
			
		form input.checkbox {
			margin: 5px 0 0 0;
			}
			
		form input.radiobutton {
			margin: 5px 0 0 0;
			}
		
		form .btnwrapper {
			float: left;
			width: 130px;
			padding: 0 0 0 20px;
			margin: 0 0 0 115px;
			}
	
		form .btnspanwrapper {
			padding: 22px 20px 0 0;
			}		
		
		form button {
			background: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 0.875em;
			font-weight: bold;
			font-style: italic;
			text-transform: uppercase;
			text-decoration: none;
			color: #231f20;
			cursor: pointer;
			border: none;
			width: 103px;
			margin: 0;
			padding: 0;
			}
			
			form button:hover {
				color: #fff;
				}
		
			form button span {
				background: url(/images/buttons/btn_leftside.png) left no-repeat;
				display: block;
				height: 38px;
				padding: 0 0 0 12px;
				}	
			
				form button span span {
					background: url(/images/buttons/btn_rightside.png) right no-repeat;
					float: left;
					height: 27px;
					padding: 11px 36px 0 0;
					}	
	
	form em {
		color: #ff8a00;
		}
	
	em.denote {
		font-size: 1.875em;
		font-weight: bold;
		color: #ff8a00;
		}
	
	#recaptchawrapper {
		margin: 0 0 0 135px;
		}
		
		#recaptchawrapper .error {
			float: left;
			}
	
		#recaptcha_widget_div {
			float: left;
			}
	
	.error {
		font-size: 0.75em;
		color: red;
		margin: 0 0 0 5px;
		}	
	
	.errors {
		font-size: 0.75em;
		color: red;
		}
		
		ul.errors {
			margin: 0 0 20px 0;
			}		

/* --- PRIMARY NAVIGATION STYLING --- */
	#primary-nav-wrapper {
		width: 100%;
		background: #434343 url(/images/page/primary_nav_bg.gif) repeat-x;
		}
	
	ul#primary-nav {
		width: 960px;
		font-size: 0.6825em;
		font-weight: bold;
		text-transform: uppercase;
		overflow: hidden;
		height: 25px;
		margin: auto;
		padding: 10px 0 0 0;
		}
		
		ul#primary-nav li {
			background: url(/images/page/primary_nav_divide.gif) right no-repeat;
			float: left;
			padding: 0 16px 0 6px;
			}
			
			ul#primary-nav li.last {
				background: none;
				}
		
		ul#primary-nav li a {
			display: block;
			color: #ffffff;
			text-decoration: none;
			}
			
			ul#primary-nav li a:hover {
				color: #ff8a00;
				}
				
	body#windsurfing ul#primary-nav li#pn-windsurfing a,
	body#kitesurfing ul#primary-nav li#pn-kitesurfing a,
	body#kayakpaddle ul#primary-nav li#pn-kayakpaddle a,
	body#sailing ul#primary-nav li#pn-sailing a,
	body#powerboating ul#primary-nav li#pn-powerboating a,
	body#yachting ul#primary-nav li#pn-yachting a,
	body#biking ul#primary-nav li#pn-biking a,
	body#kidsclub ul#primary-nav li#pn-kidsclub a,
	body#wakeboarding ul#primary-nav li#pn-wakeboarding a,
	body#other ul#primary-nav li#pn-other a {
		color: #ff8a00;
		}				

/* --- SECONDARY NAVIGATION STYLING --- */
	#secondary-nav-wrapper {
		width: 100%;
		}

	ul#secondary-nav {
		width: 960px;
		font-size: 0.625em;
		font-weight: bold;
		text-transform: uppercase;
		overflow: hidden;
		height: 20px;
		margin: 0 auto;
		padding: 8px 0 0 5px;
		}
	
		ul#secondary-nav li {
			background: url(/images/page/secondary_nav_divide.gif) right no-repeat;
			float: left;
			margin: 0;
			padding: 0 15px 0 7px;
			}
			
			ul#secondary-nav li.last {
				background: none;
				}
		
		ul#secondary-nav li a {
			display: block;
			color: #6d6d6d;
			text-decoration: none;
			}
			
			ul#secondary-nav li a:hover {
				color: #ff8a00;
				}
				
	body#homepage ul#secondary-nav li#sn-home a,
	body#about ul#secondary-nav li#sn-about a,
	body#news ul#secondary-nav li#sn-news a, body#newsitem ul#secondary-nav li#sn-news a,
	body#location ul#secondary-nav li#sn-location a,
	body#corporate ul#secondary-nav li#sn-corporate a,
	body#gallery ul#secondary-nav li#sn-gallery a, body#galleryitem ul#secondary-nav li#sn-gallery a, body#galleryimage ul#secondary-nav li#sn-gallery a,
	body#video ul#secondary-nav li#sn-video a,
	body#hotels ul#secondary-nav li#sn-hotels a,
	body#contact ul#secondary-nav li#sn-contact a,
	body#groups ul#secondary-nav li#sn-groups a {
		color: #ff8a00;
		}

/* --- HEADER STYLING --- */
#headerwrapper {
	background: #ffffff url(/images/page/header_bg_wave.gif) bottom center no-repeat;
	width: 100%;
	}
	
	body#homepage #headerwrapper {
		background: #ffffff url(/images/page/header_bg_wave.gif) top center no-repeat;
		}
	
	#headerinnerwrapper {
		background: url(/images/shared/pngs/header_dotted_divide.png) bottom left repeat-x;
		height: 238px;
		}
		
		body#homepage #headerinnerwrapper {
			height: 330px;
			}
	
		#header {
			width: 972px;
			height: 238px;
			margin: 0 auto;
			position: relative; 
			}	
			
			body#homepage #header {
				height: 330px;
				}
	
			#flash-hero-panel {
				position: absolute;
				z-index: 1;
				width: 960px;
				height: 330px;
				margin: 0 6px;
				}
			
			#static-hero-panel {
				overflow: hidden;
				position: relative;
				width: 960px;
				height: 238px;
				margin: 0 auto;
				}
			
				#brand-panel {
					background: transparent url(/images/shared/pngs/logo_transparent_bg.png) top left no-repeat;
					position: absolute;
					z-index: 100;
					top: 0;
					left: 0;
					height: 99%;
					margin: 0;
					}	
					
					body#homepage #brand-panel {
						margin: 0 6px;
						}	
		
					#brand-panel h1 {
						background: transparent url(/images/shared/pngs/logo.png) top left no-repeat;
						display: block;
						overflow: hidden;
						width: 266px;
						height: 0;
						padding-top: 68px;
						left: 0;
						margin: 80px 0 0 0;
						}
					
					#brand-panel h2 a{
						background: transparent url(/images/shared/pngs/logo.png) top left no-repeat;
						display: block;
						overflow: hidden;
						width: 266px;
						height: 0;
						padding-top: 68px;
						left: 0;
						margin: 30px 0 0 0;
						}	
		
				#enquire-panel {
					position: absolute;
					z-index: 200;
					background: url(/images/shared/pngs/enquire_panel_bg.png) bottom left no-repeat;
					width: 228px;
					height: 80px;
					bottom: 1px;
					left: 0;
					padding: 30px 25px 10px 25px;
					}		
				
					#enquire-panel h3 {
						font-size: 1.0625em;
						font-style: italic;
						color: #fddb4a;
						margin: 0 0 5px 0;
						}
						
					#enquire-panel p {
						font-size: 1em;
						font-style: italic;
						font-weight: bold;
						color: #fff;
						margin: 0 0 5px 0;
						}
						
						#enquire-panel p.enquire-tel {
							font-size: 1.75em;
							}
					
					#enquire-panel p a {
						font-size: 0.875em;
						color: #fff;
						text-decoration: none;
						}
						
						#enquire-panel p a:hover {
							text-decoration: underline;
							}

/* --- CONTENT STYLING --- */
#maincol div.hr {
	margin: 20px -25px;
	}

#maincol h1 {
	margin: 0 0 25px 0;
	}

#maincol h2 {
	margin: 0 0 20px 0;
	}
	
#maincol h3 {
	color: #ff8a00;
	margin: 0 0 10px 0;
	}

#maincol h4 {
	margin: 0 0 10px 0;
	font-style: italic;
	}	

#maincol p {
	margin: 0 0 10px 0;
	}
	
	#maincol p.leading {
		font-size: 1em;
		font-weight: normal;
		color: #282828;
		}

	#maincol p a {
		color: #ff8a00;
		text-decoration: none;
		}

#maincol a {
	/*color: #ff8a00;*/
	text-decoration: none;
	}

#maincol ul.generic {
	font-size: 0.75em;
	padding: 0 0 5px 35px;
	}
	
	#maincol ul.generic li {
		list-style-type: disc;
		margin: 8px 0;
		padding: 0 0 0 5px;
		}
		
		#maincol ul.generic li a {
			color: #ff8a00;
			}

#maincol ul.maincol {
	font-size: 0.75em;
	padding: 0 0 5px 25px;
	}
	
	#maincol ul.maincol li {
		background: url(/images/bullett/blue_wave_bullett.gif) 0 0 no-repeat;
		height: 17px;
		margin: 8px 0;
		padding: 0 0 0 25px;
		}
	
#maincol img.main-img {
	float: right;
	margin: 0 -20px 25px 25px;
	}

#maincol img.item-img {
	float: right;
	margin: 0 0 0 25px;
	}	
	
	/* --- BACK BUTTON STYLING --- */
	#maincol a.backbutton {
		background: url(/images/buttons/btn_back_indicator.gif) 0 0 no-repeat;
		display: block;
		font-size: 0.6825em;
		font-weight: bold;
		text-decoration: none;
		line-height: 1.1em;
		color: #ff8a00;
		width: 25px;
		padding: 0 0 15px 10px;
		}
	
	/* --- CALL TO ACTION BUTTON STYLING --- */
	.btnwrapper, .topbtnwrapper {
		background: url(/images/buttons/btn_leftside_bg.png) left no-repeat;
		float: right;
		height: 80px;
		margin: 0 -25px 0 0; 
		padding: 0 0 0 20px;
		width: 160px; /*adjust width*/
		}
		
		.topbtnwrapper {
			margin: -35px -25px 0 0;
			}
	
	.btnspanwrapper {
		background: url(/images/buttons/btn_rightside_bg.png) right no-repeat;
		height: 58px;
		padding: 22px 20px 0 0;
		}	
	
	a.button {
		background: url(/images/buttons/btn_leftside.png) no-repeat;
		display: block;
		cursor: pointer;
		font-size: 0.875em;
		font-weight: bold;
		font-style: italic;
		text-transform: uppercase;
		text-decoration: none;
		color: #231f20;
		height: 38px;
		padding: 0 0 0 12px;
		}	
		
		a:hover.button {
			color: #fff;
			}
	
	a.button span {
		background: url(/images/buttons/btn_rightside.png) right no-repeat;
		display: block;
		float: left;
		height: 27px;
		padding: 11px 36px 0 0;
		}			

#contentwrapper {
	background: #add6ff url(/images/page/content_gradient_bg.jpg) top left repeat-x;
	overflow: hidden;
	width: 100%;
	}
	
	#contentinnerwrapper {
		background: url(/images/page/content_water_effect_bg.gif) top center no-repeat;
		overflow: hidden;
		}
		
		#featurepanelswrapper {
			background: url(/images/page/content_fullwidth_footer_bg.gif) top no-repeat;
			overflow: hidden;
			width: 1040px;
			margin: 0 auto;
			padding: 110px 0 20px 0;
			}
		
		body#homepage #content, body#galleryimage #content {
			background-color: #f2f7fb;
			margin: 0 auto;
			}	

		#content {
			overflow: hidden;
			width: 960px;
			margin: 0 auto 20px auto;
			}
			
			#contentbackground {
				background: url(/images/page/content_footer_bg.gif) bottom right no-repeat;
				float: left;
				overflow: hidden;
				width: 750px;
				padding: 0 0 160px 0;
				}
				
				#maincolbackground {
					background: url(/images/page/content_maincol_bg.gif) top right repeat-y;
					overflow: hidden;
					}
				
				#leftcol {
					background: url(/images/shared/leftcol_footer_img.gif) bottom left no-repeat;
					float: left;
					overflow: hidden;
					width: 210px;
					padding: 0 0 45px 0;
					}
						
				#maincol {
					float: left;
					overflow: hidden;
					width: 490px;
					padding: 35px 25px;
					}
			
			#rightcol {
				float: right;
				overflow: hidden;
				width: 210px;
				}	
			
			#content .hr {
				clear: both;
				}
			
			#content .activity-panel {
				position: relative;
				float: left;
				width: 302px;
				height: 195px;
				}
			
			#content .activity-panel h2 a {
				position: absolute;
				text-decoration: none;
				text-transform: uppercase;
				font-size: 1.375em;
				font-weight: bold;
				font-style: italic;
				color: #262526;
				top: 0;
				left: 0;
				width: 232px;
				height: 40px;
				padding: 155px 0 0 70px;
				}
				
				#content .activity-panel h2 a:hover {
					color: #ff8a00;
					}	
			
			#content #windsurfing-panel {
				background: url(/images/home/windsurfing_panel_bg.jpg) no-repeat;
				margin: 11px 11px 0 16px;
				}
			#content #kitesurfing-panel {
				background: url(/images/home/kitesurfing_panel_bg.jpg) no-repeat;
				margin: 11px 11px 0 0;
				}
			#content #kayakpaddle-panel {
				background: url(/images/home/kayakpaddle_panel_bg.jpg) no-repeat;
				margin: 11px 0 0 0;
				}	
			#content #sailing-panel {
				background: url(/images/home/sailing_panel_bg.jpg) no-repeat;
				margin: 11px 11px 0 16px;
				}
			#content #powerboating-panel {
				background: url(/images/home/powerboating_panel_bg.jpg) no-repeat;
				margin: 11px 11px 0 0;
				}
			#content #yachting-panel {
				background: url(/images/home/yachting_panel_bg.jpg) no-repeat;
				margin: 11px 0 0 0;
				}
				
				#content #windsurfing-panel a:hover {
					background: url(/images/home/windsurfing_panel_roll_on_bg.jpg) no-repeat;
					}
				#content #kitesurfing-panel a:hover {
					background: url(/images/home/kitesurfing_panel_roll_on_bg.jpg) no-repeat;
					}
				#content #kayakpaddle-panel a:hover {
					background: url(/images/home/kayakpaddle_panel_roll_on_bg.jpg) no-repeat;
					}	
				#content #sailing-panel a:hover {
					background: url(/images/home/sailing_panel_roll_on_bg.jpg) no-repeat;
					}
				#content #powerboating-panel a:hover {
					background: url(/images/home/powerboating_panel_roll_on_bg.jpg) no-repeat;
					}
				#content #yachting-panel a:hover {
					background: url(/images/home/yachting_panel_roll_on_bg.jpg) no-repeat;
					}
					
/* --- HOMEPAGE FEATURE PANELS STYLING --- */
			#featurepanelsinnerwrapper {
				width: 960px;
				margin: 0 auto;
				}
				
				/* --- WEATHER WIDGET STYLING --- */
				body#homepage #weather-widget .box {
					width: 240px;
					height: 263px;
					}
				
				#weather-widget .box {
					}
					
					#weather-widget .box-inner-wrapper {
						padding: 5px 20px 0 20px;
						}
					
					#weather-widget h3 {
						color: #ff8a00;
						font-size: 1.375em;
						font-style: italic;
						text-transform: uppercase;
						}
					
					#weather-widget p {
						font-size: 0.625em;
						font-weight: bold;
						text-transform: uppercase;
						}	
					
					#weather-widget p.lowercase {
						text-transform: none;
						}	
					
					#weather-widget span.grey {
						color: #888888;
						}	
					
					#weather-widget a {
						font-size: 0.625em;
						color: #ff8a00;
						text-transform: none;
						text-decoration: none;
						}
						
						#weather-widget a:hover {
							text-decoration: underline;
							}
					
					#weather-widget img {
						margin: 5px 0 0 10px;
						}	
						
					#weather-widget #current-conditions	{
						background-color: #000000;
						margin: 5px 0;
						padding: 5px 20px;
						}
					
					#weather-widget #current-conditions	p {
						color: #ffffff;
						}		
					
					#weather-widget #current-conditions	span.orange {
						color: #ff8a00;
						}
					
					#weather-widget #forecast {
						margin: 0 0 10px 0;
						}
						
						#weather-widget #forecast p {
							font-size: 0.5625em;
							}		
				
				#weather-widget .box .left {
					padding: 0 0 0 5px;
					}	
					
				#weather-widget .box .right {
					padding: 0 5px 0 0;
					}		
				
				/* --- SPECIAL OFFER PANEL STYLING --- */
				#special-offer-wrapper {
					background: url(/images/home/promo_thumb_img.jpg) bottom no-repeat;
					width: 240px;
					position: relative;
					}
						
				#special-offer {
					background: url(/images/shared/pngs/promo_hp_panel_sprite_bg.png) 0 0 no-repeat;
					height: 154px;
					}
					
					#special-offer:hover {
						background: url(/images/shared/pngs/promo_hp_panel_sprite_bg.png) 0 -154px no-repeat;
						}
						
						#special-offer:hover h3 {
							color: #fff;
							}
					
					#special-offer h3 {
						font-size: 1.375em;
						color: #ff8a00;
						font-style: italic;
						text-transform: uppercase;
						padding: 21px 0 0 27px;
						}
						
						#special-offer p a {
							text-decoration: none;
							color: #252122;
							position: absolute;
							display: block;
							top: 0;
							left: 0;
							width: 173px;
							height: 74px;
							margin: 4px 0 0 8px;
							padding: 80px 30px 0 18px;
							background: url(/images/shared/pngs/buttons_sprite.png) no-repeat 158px 110px;
							}
					
					#special-offer p {
						font-size: 0.625em;
						font-weight: bold;
						text-transform: uppercase;
						}
					
					#special-offer p.leading {
						font-size: 1.125em;
						font-weight: bold;
						font-style: italic;
						text-transform: uppercase;
						padding: 0 0 0 26px;
						}
					
					#special-offer-wrapper .hr {
						margin: 136px 8px 0 9px;
						}	
						
				/* --- LATEST NEWS FEATURE PANEL STYLING --- */
				body#homepage #latest-news .box {
					width: 240px;
					height: 263px;
					}
					
					#latest-news .box-inner-wrapper {
						}
					
					#latest-news h3 {
						color: #ff8a00;
						font-size: 1.375em;
						font-style: italic;
						text-transform: uppercase;
						padding: 5px 0 10px 21px;
						}
						
					ul#latest-news-summary {
						background: url(/images/shared/dotted_divide.gif) bottom left repeat-x;
						padding: 0 0 1px 0;
						}
						
						ul#latest-news-summary li {
							background: url(/images/shared/news_item_summary_bg.gif) bottom left repeat-x;
							overflow: hidden;
							}
							
							ul#latest-news-summary li.last {
								/*background: none;*/
								}
							
							ul#latest-news-summary li div {
								background: url(/images/shared/dotted_divide.gif) top left repeat-x;
								padding: 1px 0 0 0;
								}
								
								ul#latest-news-summary li div span.notification {
									display: block;
									font-size: 0.6825em;
									color: #231f20;
									padding: 16px 22px 16px 22px;
									}
								
								body#homepage ul#latest-news-summary li div a {
									background: url(/images/shared/pngs/buttons_sprite.png) no-repeat 190px -35px;
									padding: 12px 48px 12px 22px;
									}
								
								ul#latest-news-summary li div a {
									background: url(/images/shared/pngs/buttons_sprite.png) no-repeat 160px -35px;
									display: block;
									overflow: hidden;
									font-size: 0.6825em;
									text-decoration: none; 
									color: #231f20;
									margin: 0;
									padding: 12px 48px 12px 22px;
									}
									
									ul#latest-news-summary li div a:hover {
										color: #ff8a00;
										}
									
										ul#latest-news-summary li div a span {
											display: block;
											overflow: hidden;
											height: 30px;
											margin: 0;
											padding: 0;
											}
									
										ul#latest-news-summary li div a span.date {
											font-weight: bold;
											height: 15px;
											margin: 0;
											padding: 0;
											}
											
											ul#latest-news-summary li div a:hover span.date {
												color: #282828;
												}		
					
					#latest-news .box .left {
						padding: 0 0 0 5px;
						}	
					
					#latest-news .box .right {
						padding: 0 5px 0 0;
						}			
				
				/* --- ABOUT-US FEATURE PANEL STYLING --- */
				#about-us .box {
					width: 240px;
					height: 263px;
					}
					
					#about-us .box-inner-wrapper {
						padding: 5px 20px 0 10px;
						}	
					
					#about-us h3 {
						color: #ff8a00;
						font-size: 1.375em;
						font-style: italic;
						text-transform: uppercase;
						margin: 0 0 10px 0;
						}	
					
					#about-us p {
						font-size: 0.6825em;
						margin: 0 0 10px 0;
						}
					
						#about-us p.leading {
							font-weight: bold;
							}	
					
					#about-us a {
						background: url(/images/shared/pngs/buttons_sprite.png) no-repeat 90px -58px;
						display: block;
						font-size: 0.8125em;
						font-weight: bold;
						font-style: italic;
						text-transform: uppercase;
						text-decoration: none;
						color: #231f20;
						line-height: 29px;
						}
						
						#about-us a:hover {
							color: #ff8a00;
							}
					
				/* --- OFFERINGS FEATURE PANEL STYLING --- */
				#offerings {
					}
					
					#offerings h3 {
						color: #6eb0f5;
						font-size: 1.375em;
						font-style: italic;
						text-transform: uppercase;
						padding:5px 0 10px 21px;
						}	
					
					#offerings ul {
						padding: 0 20px;
						font-size: 0.6825em;
						}	
					
						#offerings ul li {
							background: url(/images/bullett/blue_wave_bullett.gif) no-repeat;
							margin: 15px 0;
							padding: 2px 0 2px 25px;
							}
				
				#offerings .box .left {
					padding: 0 0 0 5px;
					}	
					
				#offerings .box .right {
					padding: 0 5px 0 0;
					}
					
					#offerings ul#windsurfing-offerings,
					#offerings ul#kitesurfing-offerings,
					#offerings ul#kayakpaddle-offerings,
					#offerings ul#sailing-offerings,
					#offerings ul#powerboating-offerings,
					#offerings ul#yachting-offerings,
					#offerings ul#biking-offerings,
					#offerings ul#kidsclub-offerings,
					#offerings ul#wakeboarding-offerings,
					#offerings ul#other-offerings {
						display: none;
						}	
									
					body#windsurfing #offerings ul#windsurfing-offerings,
					body#kitesurfing #offerings ul#kitesurfing-offerings,
					body#kayakpaddle #offerings ul#kayakpaddle-offerings,
					body#sailing #offerings ul#sailing-offerings,
					body#powerboating #offerings ul#powerboating-offerings,
					body#yachting #offerings ul#yachting-offerings,
					body#biking #offerings ul#biking-offerings,
					body#kidsclub #offerings ul#kidsclub-offerings,
					body#wakeboarding #offerings ul#wakeboarding-offerings,
					body#other #offerings ul#other-offerings {
						display: block;
						}
				
				/* --- PROMO PANEL STYLING --- */
				#promo-1 {
					background: url(/images/shared/pngs/promo_panel_sprite_bg.png) 0 0 no-repeat;
					height: 155px;
					position: relative;
					overflow: hidden;
					}
					
					#promo-1:hover {
						background: url(/images/shared/pngs/promo_panel_sprite_bg.png) 0 -154px no-repeat;
						}	
						
					.over {
						background: url(/images/shared/promo_panel_sprite_bg.gif) 0 -154px no-repeat;
						}
						
						#promo-1:hover h3 a {
							color: #fff;
							}
				
				#promo-2 {
					background: url(/images/shared/pngs/promo_panel_sprite_bg.png) -210px 0 no-repeat;
					height: 155px;
					position: relative;
					overflow: hidden;
					}
					
					#promo-2:hover {
						background: url(/images/shared/pngs/promo_panel_sprite_bg.png) -210px -154px no-repeat;
						}
						
						#promo-2:hover h3 a {
							color: #fff;
							}
					
					#promo-1 h3 a {
						color: #ff8a00;
						}
					
					#promo-2 h3 a {
						color: #ffed99;
						}
					
					.promo h3 {
						font-size: 1.375em;
						font-style: italic;
						text-transform: uppercase;
						padding: 21px 0 0 16px;
						}
						
						.promo h3 a {
							text-decoration: none;
							margin: 0;
							}
												
						.promo p a {
							background: url(/images/shared/pngs/buttons_sprite.png) no-repeat 133px 108px;
							text-decoration: none;
							color: #252122;
							position: absolute;
							display: block;
							top: 0;
							left: 0;
							width: 134px;
							height: 74px;
							margin: 5px 0 0 5px;
							padding: 68px 50px 0 12px;
							}
							
						#promo-2 .promo p a {
							padding: 92px 50px 0 12px;
							}	
							
							/*.promo p a:hover {
								background: url(/images/shared/pngs/promo_panel_sprite_bg.png) 0 -154px no-repeat;
								}	*/
						
						/*#promo-2 .promo p a {
							background: url(/images/shared/pngs/promo_panel_sprite_bg.png) -210px 0 no-repeat;
							}	*/
							
							/*#promo-2 .promo p a:hover {
								background: url(/images/shared/pngs/promo_panel_sprite_bg.png) -210px -154px no-repeat;
								}		*/
					
					.promo p {
						font-size: 0.625em;
						font-weight: bold;
						text-transform: uppercase;
						}
					
					.promo p.leading {
						/*font-size: 2.5em;*/
						font-size: 1.125em;
						font-weight: bold;
						font-style: italic;
						text-transform: uppercase;
						padding: 0 0 0 16px;
						}
													
/* --- NEWS SUMMARY STYLING --- */
	ul#news-summary {
		background: url(/images/shared/dotted_divide.gif) bottom left repeat-x;
		clear: both;
		margin: 0 -25px;
		padding: 0 0 1px 0;
		}	

		ul#news-summary li {
			background: #fff url(/images/shared/bg_news_item.gif) bottom left repeat-x;
			overflow: hidden;
			height: 200px;
			}	
		
		ul#news-summary li div {
			background: url(/images/shared/dotted_divide.gif) top left repeat-x;
			overflow: hidden;
			padding: 5px 5px 15px 25px;
			}
			
			ul#news-summary li div h2 {
				margin: 20px 0 0 0;
				}
				
				ul#news-summary li div h2 a {
					font-size: 1em;
					font-weight: normal;
					font-style: normal;
					text-decoration: none;
					color: #ff8a00;
					}
			
			ul#news-summary li div p.date {
				font-weight: bold;
				}	
			
			ul#news-summary li div p.summary {
				overflow: hidden;
				height: 60px;
				}	
			
			ul#news-summary li div a {
				text-decoration: none;
				}
				
				ul#news-summary li div p a {
					background: url(/images/shared/pngs/buttons_sprite.png) 85px -58px no-repeat;
					display: block;
					line-height: 29px;
					width: 115px;
					font-weight: bold;
					font-style: italic;
					text-transform: uppercase;
					color: #231f20;
					}
					
					ul#news-summary li div p a:hover {
						color: #ff8a00;
						}

/* --- NEWS ITEM STYLING --- */
body#newsitem #maincol h1 {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	color: #ff8a00;
	margin: 20px 0 0 0;
	}

body#newsitem #maincol h2 {
	font-size: 1.125em;
	font-weight: bold;
	font-style: italic;
	color: #282828;
	margin: 0 0 10px 0;
	}	

body#newsitem #maincol p.date {
	font-weight: bold;
	}
	
	/* --- NEWS ITEM AGGREGATORS STYLING --- */	
	
	#bookmarking {
		margin: 20px 0;
		}	
		
	#bookmarking ul {
		}	
		
	#bookmarking li {
		float: left;
		margin: 0 10px;
		}	
	
	#bookmarking li a {
		display: block;
		overflow: hidden;
		width: 16px;
		height: 0;
		padding: 16px 0 0 0;
		}	
		
		#bookmarking li a#digg {
			background: url(/images/aggregators/digg.gif) no-repeat;
			}
		
		#bookmarking li a#delicious {
			background: url(/images/aggregators/delicious.gif) no-repeat;
			}
		
		#bookmarking li a#reddit {
			background: url(/images/aggregators/reddit.gif) no-repeat;
			}
		
		#bookmarking li a#facebook {
			background: url(/images/aggregators/facebook.gif) no-repeat;
			}
		
		#bookmarking li a#stumbleupon {
			background: url(/images/aggregators/stumbleupon.gif) no-repeat;
			}				
				
/* --- ACTIVITY STYLING --- */	
#maincol p.course {
	margin: 25px -25px 10px -25px;
	padding: 0 25px;
	font-weight: bold;
	}
	
	#maincol p.course.odd {
		background: #ffffff url(/images/shared/bg_course_odd.gif) top right repeat-y; 
		}
	
	#maincol p.course.even {
		background: #ffffff url(/images/shared/bg_course_even.gif) top right repeat-y; 
		}			
					
/* --- jQUERY GALLERY PANEL STYLING --- */	
#panelwrapper {
	background: url(/images/panels/bg_thumb_panels.gif) bottom center no-repeat;
	width: 530px;
	margin: 30px -25px 20px -25px;
	padding: 0 0 40px 10px;
	overflow: hidden;
	}	

#panel-nav-wrapper {
	float: left;
	position: relative;
	overflow: auto; 
	width: 460px;
	height: 60px;
	padding: 7px 0 0 0;
	}

	#panel-nav {
		position: absolute;
		width: 4000px;
		margin: 0;
		padding: 0;
		}
	
	#panel-nav li {
		float: left;
		display: block;
		list-style: none;
		cursor: pointer;
		width: 90px;
		height: 50px;
		margin: 0 1px;
		}
	
	#panel-big-images {
		background: url(/images/shared/dotted_divide.gif) bottom left repeat-x;
		width: 520px;
		height: 325px;
		padding: 0 0 1px 0;
		}
	
	#panel-big-images img {
		position: absolute;
		}
	
	#current_image {
		background: url(/images/panels/thumb_indicator.gif) top center no-repeat;
		position: absolute;
		cursor: pointer;
		width: 90px;
		height: 47px;
		top: 0;
		left: 0;
		margin: 0 1px;
		padding: 10px 0 0 0;
		}

	#clickleft {
		background: url(/images/panels/buttons_sprite.png) 0 0 no-repeat;
		}
		
	#clickright {
		background: url(/images/panels/buttons_sprite.png) -30px -28px no-repeat;
		}
	
	#clickleft, #clickright {
		float: left;
		display: block;
		overflow: hidden;
		cursor: pointer;
		font-size: 0.625em;
		width: 26px;
		height: 0;
		margin: 17px 2px 0 2px;
		padding: 28px 0 0 0;
		}	

/* --- GALLERY STYLING --- */
#gallerythumbwrapper {
	margin: 0 -25px;
	}
	
	#gallerythumbwrapper .gallerythumb {
		position: relative;
		float: left;
		overflow: hidden;
		width: 174px;
		height: 260px;
		margin: 0 0 10px 0;
		padding: 0 3px;
		}
		
		#gallerythumbwrapper .gallerythumb img {
			margin: 0 0 10px 0;
			}
		
		#gallerythumbwrapper .gallerythumb h3 {
			margin: 10px 0 0 0;
			padding: 0 12px 0 12px;
			}	
			
		#gallerythumbwrapper .gallerythumb h3 a {
			color: #ff8a00;
			text-decoration: none;
			}
		
		#gallerythumbwrapper .gallerythumb p {
			margin: 0;
			}		
		
		#gallerythumbwrapper .gallerythumb p.date {
			padding: 0 12px;
			}
		
		#gallerythumbwrapper .gallerychildthumb {
			float: left;
			overflow: hidden;
			width: 174px;
			padding: 15px 3px 5px 3px;
			}	
		
		#gallerythumbwrapper div.hr {
			margin: 0;
			}
		
		#gallerythumbwrapper .paging {
			margin-left: 25px;
			}	
		
	body#galleryitem #maincol h1 {
		font-size: 1em;
		font-style: normal;
		color: #ff8a00;
		}
		
	body#galleryitem #maincol h3 {
		font-size: 1.125em;
		font-style: italic;
		color: #282828;
		}
	
	body#galleryitem #maincol .description {
		margin: 0 0 25px 0;
		}
		
		/* --- GALLERY BUTTON STYLING --- */
		#gallerythumbwrapper .gallerythumb .btnwrapper {
			position: absolute;
			bottom: 0;
			width: 165px;
			padding: 0 0 0 8px;
			}
	
		#gallerythumbwrapper .gallerythumb .btnspanwrapper {
			padding: 22px 8px 0 0;
			}			
		
		#gallerythumbwrapper .gallerythumb.btnspanwrapper a.button {
			padding: 0 0 0 12px;
			}	
	
		#gallerythumbwrapper .gallerythumb .btnspanwrapper a.button span {
			padding: 11px 38px 0 0;
			}
		
		/* --- GALLERY ALT IMAGE PAGE STYLING --- */
		body#galleryimage #content h1 {
			margin: 0 0 0 25px;
			}
		
		body#galleryimage #content h3 {
			margin: 25px 0 5px 25px;
			color: #ff8a00;
			font-weight: normal;
			}	
		
		body#galleryimage #content #image {
			width: 100%;
			text-align: center;
			margin: 25px 0;
			}
	
/* --- VIDEO STYLING --- */
#maincol #video {	
	margin: 20px -25px;
	}
	
	#maincol #video p {
		}
		
		#maincol #video p a {
			}	
	
	#maincol #video h2 {
		font-weight: bold;
		margin: 0 25px 20px 25px;
		}
		
	#maincol #video ul {
		font-size: 0.75em;
		margin: 10px 0 0 25px;
		padding: 0;
		}
		
	#maincol #video li {
		margin: 0;
		padding: 0;
		}
	
	#feedvideo {
		margin: 0 10px;
		}	
		
		#feedvideo p {
			margin: 10px 15px;
			}
	
#maincol #videothumbwrapper {	
	margin: 0 -25px;
	}		
		
	#videothumbwrapper .videothumb {
		float: left;
		overflow: hidden;
		width: 174px;
		height: 250px;
		margin: 0;
		padding: 0 3px;
		}
		
		#videothumbwrapper .videothumb a {
			display: block;
			width: 128px;
			}	
		
		#videothumbwrapper .videothumb h3 {
			margin: 5px 12px 0 12px;
			height: 40px;
			overflow: hidden;
			}
			
			#videothumbwrapper .videothumb h3 a {
				display: inline;
				color: #ff8a00;
				margin: 0;
				}
			
		#videothumbwrapper .videothumb ul {
			margin: 0;
			padding: 0 12px;
			}
			
		#videothumbwrapper .videothumb li {
			font-size: 0.75em;
			line-height: normal;
			margin: 0;
			padding: 0;
			}

/* --- CONTACT FORM STYLING --- */			
/*ReCaptcha*/	
#recaptcha {
	}

/* --- GOOGLE MAP STYLING --- */	
#map {
	overflow: hidden;
	width: 490px;
	height: 390px;
	margin: 40px 0;
	}		
			
/* --- FEATURE PANEL STYLING --- */
.box-wrapper {
	}
	
	.box {
		width: 100%;
		}
	
	.box-inner-wrapper {
		overflow: hidden;
		}	

	.box .top-left{
		background: transparent url(/images/box/box_topleft.png) top left no-repeat;
		padding: 0 0 0 16px;
		height: 16px;
		}

	.box .top-right{
		background: transparent url(/images/box/box_topright.png) top right no-repeat;
		height: 16px;
		}
	
	.box .left{
		background: transparent url(/images/box/box_sideleft.png) bottom left no-repeat;
		padding: 0 0 0 16px;
		height: 100%;
		}

	.box .right{
		background: transparent url(/images/box/box_sideright.png) bottom right no-repeat;
		height: 100%;
		}	

	.box .bottom-left{
		background: transparent url(/images/box/box_bottomleft.png) bottom left no-repeat;
		padding: 0 0 0 16px;
		height: 16px;
		}

	.box .bottom-right{
		background: transparent url(/images/box/box_bottomright.png) bottom right no-repeat;
		height: 16px;
		}

/* --- PAGING STYLING --- */
.paging {
	overflow: hidden;
	margin: 10px 0;
	}

	.paging ul.page-nav li {
		font-size: 0.6825em;
		line-height: 1.1em;
		float: left;
		margin: 0;
		padding: 0;
		}
	
		.paging ul.page-nav li a {
			color: #282828;
			margin: 0 3px;
			padding: 0 3px;
			text-decoration: none;
			}	
		
		.paging ul.page-nav li a.on, .paging ul.page-nav li a:hover {
			color: #ff8a00;
			}
		
		.paging ul.page-nav li.first-page a, 
		.paging ul.page-nav li.previous-page a, 
		.paging ul.page-nav li.next-page a, 
		.paging ul.page-nav li.last-page a {
			display: block;
			overflow: hidden;
			height: 0;
			}
		
		.paging ul.page-nav li.first-page a, 
		.paging ul.page-nav li.last-page a {
			width: 12px;
			margin: 0;
			padding: 11px 0 0 0;
			}
		
		.paging ul.page-nav li.previous-page a,
		.paging ul.page-nav li.next-page a {
			width: 6px;
			padding: 11px 0 0 0;
			}	
		
		.paging ul.page-nav li.first-page a {
			background: url(/images/buttons/btn_paging_sprite.gif) 0 0 no-repeat;
			}
		
		.paging ul.page-nav li.previous-page a {
			background: url(/images/buttons/btn_paging_sprite.gif) -20px 0 no-repeat;
			}	
		
		.paging ul.page-nav li.next-page a {
			background: url(/images/buttons/btn_paging_sprite.gif) 0 -11px no-repeat;
			}
		
		.paging ul.page-nav li.last-page a {
			background: url(/images/buttons/btn_paging_sprite.gif) -14px -11px no-repeat;
			}

/* --- FOOTER STYLING --- */
#footerwrapper {
	overflow: hidden;
	background: #add6ff url(/images/page/footer_bg.gif) top center no-repeat;
	height: 200px;
	}

	#footerinnerwrapper	{
		background: transparent url(/images/shared/pngs/footer_dotted_divide.png) top left repeat-x;
		}
	
		#footer {
			width: 960px;
			overflow: hidden;
			margin: 0 auto;
			}
		
		#footer a.rya-logo, #footer a.bksa-logo {
			float: right;
			display: block;
			overflow: hidden;
			width: 100px;
			height: 0;
			margin: 20px 0 0 0;
			padding-top: 80px;
			}
		
			#footer a.rya-logo {
				background: transparent url(/images/shared/rya_logo.gif) top no-repeat;
				}	
			
			#footer a.bksa-logo {
				background: transparent url(/images/shared/bksa_logo.gif) top no-repeat;
				}			
		
		#footer	p#calltoaction {
			float: left;
			font-size: 1.125em;
			font-weight: bold;
			font-style: italic;
			color: #fdfdfd;
			margin: 40px 0 40px 0;
			}	
			
			#footer	p#calltoaction span {
				color: #262223;
				}	
			
			#footer	p#calltoaction a {
				color: #262223;
				text-decoration: none;
				}
				
				#footer	p#calltoaction a:hover {
					text-decoration: underline;
					}	
		
		#footer	p#copyright {
			font-size: 0.6825em;
			}	
			
			#footer	p#copyright a {
				font-weight: bold;
				color: #3c3b3b;
				text-decoration: none;
				}	
		
		ul#tertiary_nav{
			clear: both;
			font-size: 0.6825em;
			margin: 0 0 10px 0;
			}	
			
			ul#tertiary_nav li {
				display: inline;
				}
		
			ul#tertiary_nav li a {
				text-decoration: none;
				color: #3c3b3b;
				}	
			
			ul#tertiary_nav li.last {
				background: none;
				}
			
		#footer span {
			padding: 0 5px;
			}