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

*{
	margin: 0; /* it's good practice to zero the margin and padding of the everything to account for differing browser defaults */
	padding: 0;
	z-index:2;
}

body{
	background:url(../images/bg.jpg);
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
}

.floatfix{
	clear:both;
	float:none;
	height:0;
}

.floatLeft{
	float:left;
	margin: 0 10px 10px 0;
}

.floatRight{
	float:right;
	margin: 0 0 10px 10px;
}

/* Generic Styling --------------------------------------------*/

p{	
	margin-bottom: 10px;
	font-size: .8em;
}

#news p{
	margin:5px 0 0 0;
}

ul{
	margin: 5px 10px 5px 0;
	font-size: .8em;
	padding-left: 15px;
}

a,
a:link,
a:visited,
a:active{
	color:#BF1E2E;
	text-decoration:none;
	font-weight:bold;
}

a:hover{
	text-decoration:underline;
}
	
/* forms --------------------------------------------*/

input.textBox, textarea{
	width: 200px;
	margin:5px 10px;
}


/* Layout --------------------------------------------*/



#mainContainer{
	width: 912px;
	position:relative;
	margin: 0 auto;
}

#glow{
	width: 912px;
	height:680px;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:url(../images/bg_glow.png) no-repeat;
	_background: none;
}

#headerHolder{
	width: 912px;
	height: 209px;
	display:block;
	position:absolute;
	background:url(../images/header.png) no-repeat;
	_background:url(../images/header.gif) no-repeat;
}

#navHolder{
	width: 186px;
	float: left;
	clear:both;
	margin-top: 197px;
}

#navHolder ul{
	margin:0;
	padding:0;
	font-size: 1em;
	list-style:none;
	list-style-type:none;
}

#navHolder li{
	list-style:none;
	list-style-type:none;
}

#navHolder li a,
#navHolder li a:visited,
#navHolder li a:active,
#navHolder li a:link
{
	display:block;
	background-image:url(../images/nav_bg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	_background-image:url(../images/nav_bg.gif);
	width:120px;
	height:35px;
	padding: 12px 0 0 45px;
	color:#FFFFFF;
	font-style:italic;
	text-decoration:none;
	margin-bottom: -3px;
	font-weight:normal;
}

#navHolder li a.current{
	background-position: 0 -46px;
	color:#FFF;
	font-weight:normal;
	margin-bottom: -3px;
}

#navHolder li a:hover,
#navHolder li a.current:hover
{	
	background-position: 0 -92px;
	color:#000099;
	margin-bottom: -3px;
	
}

#centreCol{
	width:466px;
	float:left;
	margin-top: 110px;
	margin-left:10px;
}

#header_div{
	width: 466px;
	height: 42px;
	/*float:left;
	margin-top: -96px;
	margin-left: 10px;*/
	background-position:top left;
}

#header_div *{
	display:none;
}

div.welcome{
	background: url(../images/welcome.png) no-repeat;
	_background: url(../images/welcome.gif) no-repeat;
}

div.about{
	background: url(../images/about.png) no-repeat;
	_background: url(../images/about.gif) no-repeat;
}

div.where{
	background: url(../images/where.png) no-repeat;
	_background: url(../images/wheres.gif) no-repeat;
}

div.coaches{
	background: url(../images/coaches.png) no-repeat;
	_background: url(../images/coaches.gif) no-repeat;
}

div.costs{
	background: url(../images/costs.png) no-repeat;
	_background: url(../images/costs.gif) no-repeat;
}

div.bookings{
	background: url(../images/bookings.png) no-repeat;
	_background: url(../images/bookings.gif) no-repeat;
}

div.gallery{
	background: url(../images/gallery.png) no-repeat;
	_background: url(../images/gallery.gif) no-repeat;
}

div.contact{
	background: url(../images/contact.png) no-repeat;
	_background: url(../images/contact.gif) no-repeat;
}

div.news{
	background: url(../images/news.png) no-repeat;
	_background: url(../images/news.gif) no-repeat;
}

div.competitions{
	background: url(../images/competitions.png) no-repeat;
	_background: url(../images/competitions.gif) no-repeat;
}

div.testimonials{
	background: url(../images/testimonials.png) no-repeat;
	_background: url(../images/testimonials.gif) no-repeat;
}

#mainContent{
background-color: none;
	background-image:url(../images/wrapperBG.png);
	background-repeat:repeat-y;
	_background-image:url(../images/wrapperBG.gif);
}

#ContentHolder{
	width: 416px;
	/*float:left;
	margin-top: -54px;
	margin-left: 10px;*/
	background: url(../images/transparent.png) repeat-y;
	background-position:top left;
	_background-image:url(../images/transparent.jpg);
	padding: 30px 25px 20px 25px;
}

#ContentBtm{
	width:466px;
	height: 18px;
	background:url(../images/btm.png) no-repeat;
	background-position:top left;
	_background:url(../images/btm.gif) no-repeat;
}

#rhColumn{
	width: 200px;
	/*margin-left: 9px;
	position:absolute;
	top: 106px;
	left: 686px;*/
	float:right;
	margin-left:9px;
	margin-top:106px;
}

#merchandise{
	background:url(../images/merchandise.png) no-repeat;
	_background:url(../images/merchandise.gif) no-repeat;
	height: 54px;
	color:#FFFFFF;
	font-style:italic;
	font-size:.9em;
	text-align:right;
	line-height: 1em;
	padding: 65px 75px 5px 10px;
}

#radio{
	background:url(../images/listenUp.png) no-repeat;
	_background:url(../images/listenUp.gif) no-repeat;
	height: 54px;
	color:#FFFFFF;
	font-style:italic;
	text-align:right;
	line-height: 1em;
	padding: 50px 30px 5px 15px;
	height:113px;
}

#radio h2{
	font-size: 0.8em;
	line-height: 100%;
	margin-bottom:10px;
}

#bookDate{
	position:absolute;
	color:#FFFFFF;
	font-weight:bold;
	font-size:.75em;
	text-align:left;
	top: 9px;
	left: 141px;
	line-height: .9em;
}


#book{
	height:54px;
	background:url(../images/bookCourse.png) no-repeat;
	_background:url(../images/bookCourse.gif) no-repeat;
	color:#FFFFFF;
	font-style:italic;
	font-size:0.9em;
	text-align:right;
	line-height: 1em;
	padding: 50px 50px 5px 10px;
	position: relative;
}


#newsHeader{
	width: 171px;
	height: 33px;
	background:url(../images/newsHeader.png) no-repeat;
	_background:url(../images/newsHeader.gif) no-repeat;
	position:relative;
	color:#FFFFFF;
	font-style:italic;
	font-size:.9em;
	text-align:right;
	padding: 4px 43px 0px 0px;
	margin-left: 6px;
	margin-top: 12px;
}

#ball{
	position:absolute;
	top:-10px;
	left:-46px;
	background:url(../images/ball.png) no-repeat;
	_background:url(../images/ball.gif) no-repeat;
	height:162px;
	width: 90px;
}

#news{
	width:159px;
	background:url(../images/newsBG.png) repeat-y;
	_background:url(../images/newsBG.gif) repeat-y;
	line-height:1em;
	padding: 26px 9px 9px 9px;
	margin-left: 6px;
}

#news ul{
	
}

#newsBtm{
	width: 177px;
	height: 12px;
	background:url(../images/newsBtm.png) no-repeat;
	_background:url(../images/newsBtm.gif) no-repeat;
	margin-left: 6px;
	position:relative;
}

#swish{
	width: 44px;
	height: 76px;
	background:url(../images/swish.png) no-repeat;
	_background:url(../images/swish.gif) no-repeat;
	position:absolute;
	top:-16px;
	left:150px;
}

#footer{

height: 77px;
background-image:url(../images/footer_bg.png);
_background-image:url(../images/footer_bg.gif);
background-position: bottom right;
background-repeat:no-repeat;
}

#signoff{
	color:#FFF;
	text-align:center;
	font-size:10px;
	letter-spacing: 5px;
	background-image:url(../images/signoff_bg.png);
	_background-image:url(../images/signoff_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	padding:15px;
}

#signoff ul{
	display:inline;
	font-size:10px;
	
}

#signoff ul li{
	display:inline;
	
}

#signoff ul li a,
#signoff ul li a:visited,
#signoff ul li a:link,
#signoff ul li a:active
{
	display:inline;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
}

#signoff ul li a:hover{
	text-decoration:underline;
}




.breakout{
margin-bottom:20px;
color:#FFFFFF;
background-color:#BE1E2E;
border:1px dotted #FFFFFF;
padding:5px;
font-size:0.8em;
}

.breakout p{
font-size:0.95em;
}

.breakout a,
.breakout a:link,
.breakout a:visited,
.breakout a:active{
	color:#FFF;
	text-decoration:none;
}

.breakout a:hover{
	text-decoration:underline;
}

/*
Gallery
-----------------------------------------------*/

img.gallery_image{
	margin: 0 auto 5px auto;
	border:1px solid #BE1E2E;
}

div.gallery_thumbs a{
	float:left;
}

div.gallery_thumbs a img{
	border:1px solid #BE1E2E;
	margin: 0 4px 4px 0;	
}

div.gallery_thumbs a:hover img{
	border:1px solid #FFFFFF;	
}