*  {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: white url(images/body-BG.gif) repeat-x;
	color: #01236B;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: normal;
}

* html, body {
	font: 74%/1.5 Verdana, Arial, Helvetica, Sans-serif;
}

div#wrapper {
	width: 862px;
	margin: 0 auto;
	background: transparent url(images/shadows.png) top center repeat-y;
}

div#inner {
	width: 776px;
	margin: 0 auto;
	background: white url(images/grass-BG.jpg) bottom center no-repeat;
	padding-bottom: 30px;
}

div#header {
	position: relative;
	height: 237px;
	background: white url(images/header-BG.jpg) bottom right no-repeat;
}

div#header h1 {
	height: 162px;
	width: 287px;
	position: absolute;
	top: 18px;
	left: 22px;
	text-indent: -999em;
	overflow: hidden;
	background: white url(images/logo.jpg) no-repeat;
}

/* ----------- TOP NAVIGATION * ----------- */

ul#topnav {
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 20px;
	font: 1.2em white Arial, Helvetica, Sans-serif;
}

ul#topnav li {
display: inline;
}

ul#topnav li a {
display: block;
float: left;
margin-right: 3px;
color: white;
text-decoration: none;

}

ul#topnav li a {
background: #FF0000 url(images/inactive-left.gif) top left no-repeat;
padding: 8px 0 8px 10px;
}

ul#topnav li a span {
background: #FF0000 url(images/inactive-right.gif) top right no-repeat;
padding: 8px 10px 8px 0;
}

ul#topnav li a:hover {
background: #35A22F url(images/active-left.gif) top left no-repeat;
padding: 8px 0 8px 10px;
}

ul#topnav li a:hover span {
background: #35A22F url(images/active-right.gif) top right no-repeat;
padding: 8px 10px 8px 0;
}

ul#topnav li a.active {
background: #35A22F url(images/active-left.gif) top left no-repeat;
padding: 8px 0 8px 10px;
}

ul#topnav li a.active span {
background: #35A22F url(images/active-right.gif) top right no-repeat;
padding: 8px 10px 8px 0;
}

/* -----------  END TOP NAVIGATION * ----------- */

div#content {
	padding-top: 47px;
	background: transparent url(images/content-BG.gif) repeat-x;
	overflow: auto;
}

div#sidebar {
	width: 270px;
	padding-bottom: 180px;
	float: left;
}

/* -----------  SIDE/MAIN NAVIGATION  ----------- */

div#sidebar ul#main-nav {
	width: 238px;
	margin: 20px auto 0 auto;
}

div#sidebar ul#main-nav li {
	list-style: none;
}

div#sidebar ul#main-nav li a {
	display: block;
	height: 43px;
	width: 238px;border-bottom: 1px solid #01236B;
	text-indent: -999em;
	overflow: hidden;
}

/* ---- To be Deleted --- */
div#sidebar ul#main-nav a#courses {
	background: transparent url(images/courses-for-schools.gif) top left;
	
}

div#sidebar ul#main-nav a#courses:hover {
	background: transparent url(images/courses-for-schools.gif) top right;
	
}

div#sidebar ul#main-nav a#holidays {
	background: transparent url(images/school-holiday-activities.gif) top left;
	
}

div#sidebar ul#main-nav a#holidays:hover {
	background: transparent url(images/school-holiday-activities.gif) top right;
	
}

div#sidebar ul#main-nav a#parties {
	background: transparent url(images/rugby-partys.gif) top left;
	
}

div#sidebar ul#main-nav a#parties:hover {
	background: transparent url(images/rugby-partys.gif) top right;
}

div#sidebar ul#main-nav a#about {
	background: transparent url(images/about-us.gif) top left;
	
}

div#sidebar ul#main-nav a#about:hover {
	background: transparent url(images/about-us.gif) top right;
	
}

div#sidebar ul#main-nav a#testimonials {
	background: transparent url(images/testimonials.gif) top left;
	
}

div#sidebar ul#main-nav a#testimonials:hover {
	background: transparent url(images/testimonials.gif) top right;
	
}

div#sidebar ul#main-nav a#links {
	background: transparent url(images/links.gif) top left;
	
}

div#sidebar ul#main-nav a#links:hover {
	background: transparent url(images/links.gif) top right;
	
}

/* --- END To be Deleted --- */
div#sidebar ul#main-nav a#courses-for-schools {
	background: transparent url(images/courses-for-schools.gif) top left;
	
}

div#sidebar ul#main-nav a#courses-for-schools:hover,
div#sidebar ul#main-nav li.active a#courses-for-schools {
	background: transparent url(images/courses-for-schools.gif) top right;
	
}

div#sidebar ul#main-nav a#school-holiday-activities {
	background: transparent url(images/school-holiday-activities.gif) top left;
	
}

div#sidebar ul#main-nav a#school-holiday-activities:hover,
div#sidebar ul#main-nav li.active a#school-holiday-activities {
	background: transparent url(images/school-holiday-activities.gif) top right;
	
}

div#sidebar ul#main-nav a#rugby-parties {
	background: transparent url(images/rugby-partys.gif) top left;
	
}

div#sidebar ul#main-nav a#rugby-parties:hover,
div#sidebar ul#main-nav li.active a#rugby-parties {
	background: transparent url(images/rugby-partys.gif) top right;
}

div#sidebar ul#main-nav a#about-us {
	background: transparent url(images/about-us.gif) top left;
	
}

div#sidebar ul#main-nav a#about-us:hover,
div#sidebar ul#main-nav li.active a#about-us {
	background: transparent url(images/about-us.gif) top right;
	
}

div#sidebar ul#main-nav a#testimonials {
	background: transparent url(images/testimonials.gif) top left;
	
}

div#sidebar ul#main-nav a#testimonials:hover,
div#sidebar ul#main-nav li.active a#testimonials {
	background: transparent url(images/testimonials.gif) top right;
	
}

div#sidebar ul#main-nav a#gallery {
	background: transparent url(images/gallery.gif) top left;
	
}

div#sidebar ul#main-nav a#gallery:hover,
div#sidebar ul#main-nav li.active a#gallery {
	background: transparent url(images/gallery.gif) top right;
	
}

div#sidebar ul#main-nav a#coaching-opportunities {
	background: transparent url(images/coaching-opprotunities.gif) top left;
	
}

div#sidebar ul#main-nav a#coaching-opportunities:hover,
div#sidebar ul#main-nav li.active a#coaching-opportunities {
	background: transparent url(images/coaching-opprotunities.gif) top right;
	
}

div#sidebar ul#main-nav a#boots-club {
	background: transparent url(images/boots-club.gif) top left;
	
}

div#sidebar ul#main-nav a#boots-club:hover,
div#sidebar ul#main-nav li.active a#boots-club {
	background: transparent url(images/boots-club.gif) top right;
	
}




/* -----------  END SIDE/MAIN NAVIGATION ----------- */

div#sidebar h2#steve {
	height: 304px;
	width: 239px;
	padding: 0;
	margin: 20px auto 0 auto;
	background: transparent url(images/steve.jpg) top right;
	text-indent: -999em;
	overflow: hidden;
}

 div#sidebar p#class-conversion a {
	display: block;
	height: 252px;
	width: 238px;
	padding: 0;
	margin: 20px auto 0 auto;
	background: transparent url(images/class-conversion-tile.jpg) top right;
	text-indent: -999em;
	overflow: hidden;
} 

div#main-content {
	margin-top: 18px;
	padding: 0 8px 180px 10px;
	width: 470px;
	float: left;
	background: url(images/main-content-BG.gif) top left no-repeat;
}

div#main-content ul {
	font-weight: bold;
	font-size: 1.4em;
	font-style: italic;
	list-style: square;
	padding: 1em;
	margin-left: 30px;
}

div#main-content h3.intro {
	background: url(images/gilbert-ball.jpg) top right no-repeat;
	padding-right: 240px;
	height: auto;
	font-size: 1.3em;
	font-style: italic;
	color: #01236B;
}

div#main-content div.snippet {
	width: 461px;
	margin: 20px auto 0 auto;
	background: url(images/snippet-middle.gif) repeat-y;
}
div#main-content   div.snippet   div#miniboots, div#juniorboots, div#academyboots, div#partyboots, div#holidayboots, div#health {
	background: url(images/snippet-bottom.gif) bottom left no-repeat;
}

div#main-content div.snippet div#miniboots h3 {
	height: 35px;
	background: url(images/mini-boots-header.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}
div#main-content div.snippet div#health h3 {
	height: 35px;
	background: url(images/health-header.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

div#main-content div.snippet div#juniorboots h3 {
	height: 35px;
	background: url(images/junior-boots-header.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

div#main-content div.snippet div#academyboots h3 {
	height: 35px;
	background: url(images/academy-boots-header.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

div#main-content div.snippet div#partyboots h3 {
	height: 35px;
	background: url(images/party-boots-header.jpg) top left no-repeat;
	text-indent: -999em;
	overflow: hidden;
}

div#main-content div.snippet p {
	background: url(images/small-boot-the-ball.gif) top left no-repeat;
	padding: 1em 1em 1em 115px;
	margin-left: 3px;
}

div#footer  {
		clear: both;
}

div#footer ul {
	text-align: center;
}

div#footer ul li {
	display: inline;
}

div#footer ul li a {
	color: white;
	text-decoration: none;
}

div#footer ul li a:hover {
	text-decoration: underline;
}
div#main-content div.snippet div#holidayboots h3 {
	height: 35px;
	text-indent: -999em;
	overflow: hidden;
	background-image: url(images/holiday-activities-header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#main-content p {
	font-size: 12px;
}

/* 
  Secure and Accessible PHP Contact Form v.2.0 Basic Styles by Mike Cherim 
  THESE ARE THE VARIOUS ELEMENTS, CLASSES, IDS, AND SELECTORS YOU MAY NEED FOR STYING THIS FORM
  Anchors or link elements have not been included, but everythig else is :-)
*/

/* for main form wrapping div */
div#gb_form_div {
	padding-left: 25px;  /* not styled on demo page */
}

/* id for the form itself */
form#gb_form { 
  /* not styled on demo page */
}

/* form and results heading size */
.main_formhead, .formhead {
	font-size : 1.4em;
	color : #35A22F;
}

/* outer fieldset - it's common to make this border : 0; */
fieldset#formwrap {
	background-color : #ffffff;
	padding-left: 0px;
}

/* section fieldsets - it's common to make this border : 0; */
fieldset { 
/*  background-color : #ffffff; */
}

/* form legends and dt "heading" */
legend, dt { 
  font-weight : bold; 
  color : #666;
}

/* main legend at top of the form */
legend#mainlegend { 
  font-size : 1.2em;
  color : #669900; 
}

/* form label text */
label { 
  color : #669900;
}

/* all inputs, select, and textarea */
input.med, input.short, select.med, textarea.textbox {
	color : #666;
	padding : 2px;
	border : 1px solid #669900;
	background-color : #fffffa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* to make focus stable in IE 6 */
* html input.button {
	color : #000;
	border : 1px solid #669900;
	background-color : #35A22F;
}
* html input.button.hover {
	color : #000;
	border : 1px solid #000;
	background-color : #35A22F;
}
* html input.button.focus {
	color : #000;
	border : 1px solid #000;
	background-color : #35A22F;
}

/* hover and focus styling - the classes like .hover and .focus below are for the javascript for IE */
input.med:hover, input.med:focus, input.short:hover, input.short:hover, select.med:hover, select.med:focus, textarea.textbox:hover, textarea.textbox:focus, input.med.hover, input.med.focus, input.short.hover, input.short.focus, select.med.hover, select.med.focus, textarea.textbox.hover, textarea.textbox.focus { 
  color : #000;  
  border : 1px solid #000;
  background-color : #fff;
}

/* for the checkbox input */
input.checkbox {
  /* not styled on demo page */
}

/* error heading weight and color - bold is for the error reason text */
span.error, dt.error, strong.error { 
  color : #cd0000; 
  font-weight : bold; 
}

/* success heading color */
span.success { 
  color : #669900; 
  font-weight : bold; 
}

/* privacy and "Why?" small element link sizes (relative to their parent element */
small.privacy, small.whythis { 
  font-size : 80%; 
}

/* set up relativity to position small Why? text */
small.whythis { 
  position : relative; 
}

/* Why? link style */
small.whythis a { 
  text-decoration : underline; 
  font-size : 0.95em;
}

small.whythis a:hover, small.whythis a:focus, small.whythis a:active { 
  text-decoration : none;
} 

/* hide the Why? text span */
small.whythis a span { 
  border : 1px solid #fafafa; 
  background-color : #fafafa; 
  padding : 0 4px 0 4px; 
  color : #fafafa;
  text-decoration : none; 
}

/* bring back Why? text span (title attribute backs this up for borwsers it doesn't function in */
small.whythis a:hover span, small.whythis a:focus span, small.whythis a:active span {
	border : 1px solid #000;
	background-color : #CCCCCC;
	color : #000;
	padding : 0 4px 0 4px;
	text-decoration : none;
}

/* the link back to me for form credit */
p.creditline { 
  float : right; 
  margin : -17px 0; 
  padding-bottom : 1px; 
  font-size : 80%; 
}

/* used for abbreviation used relative to form. the .abbr class is for the span added for IE */
abbr, .abbr { 
  cursor : help; 
  border-bottom : 1px dotted #999;
}

/* set result color for blockquote dt "heading" */
dl#result_dl_blockq dt, dl.result_dl_blockq dt {
  color : #669900;
}

/* position result blockquote flush with parent */
dl#result_dl_blockq blockquote, dl.result_dl_blockq blockquote {
  margin-left : 0;
}

/* style the input names in the result */
div#hf_form_div span.items {
	font-weight : bold;
	color : #35A22F;
}


/* ---->>> Coaching Form <<<---*/

#coaching input, #coaching select,
#coaching textarea,
#competition input, #competition select,
#competition textarea,
#signup input, #signup select,
#signup textarea {
	width: 250px;
	display: block;
	color : #666;
	padding : 2px;
	border : 1px solid #669900;
	background-color : #fffffa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	#coaching textarea, #competition textarea, #signup textarea  { height: 100px; }
	#coaching select, #competition select, #signup select { width: 150px; }
	
#coaching p, #competition p, #signup p { margin-bottom: 10px; }

#coaching p.checkbox input,
#competition p.checkbox input,
#signup p.checkbox input { width: auto; display: inline; margin-left: 15px; }
#coaching p.button input,
#competition p.button input,
#signup p.button input { 
	width: auto; 	
	color : #fff;
	background : #35a22f;
	border : 1px solid #669900;
	cursor: pointer;
	}
#coaching p.hide,
#competition p.hide,
#signup p.hide { display: none; }
/* End CSS */



/* --->>> Fun CSS <<<--- */
#details {
	background: transparent url(images/bg_boot_back_fade.jpg) no-repeat center 0;
	}

#details h2 {
	font-size: 2em;
	padding: 5px 0;
	}

#details h3 {
	color: #33a02c;
	font-size: 2em;
	padding: 5px 0;
	}

#details h4 {
	color: #fd0203;
	font-size: 1.5em;
	padding: 5px 0;
	}
div#main-content #details ul {
	font-size: 1em;
	font-weight: normal;
	list-style: disc;
	}

#details p {
	padding: 5px 0;
	}
	
#details .big { font-size: 1.5em; }
#details .small { font-size: .75em; }

#details .txt-center { text-align: center; }	

#details .red { color: #fd0203; }
#details .green { color: #33a02c; }	
#details .blue { color: #1252a2; }	

p.pdf a {
	padding: 5px 5px 0 20px;
	background: transparent url(images/bg_pdf.png) no-repeat 0 5px;
	}
	
/* --->>> More Fun <<<--- */
div.rb {
	width: 460px;
	clear: both;
	margin: 5px auto;
	background: transparent url(images/bg_round-box-bottom.png) no-repeat center bottom;
	}
	div.rb-wrapper {
		padding: 0 10px;
		background: transparent url(images/bg_round-box-top.png) no-repeat center 0;
		}
		
#details .rb-head {
	color: #1252a2;
	font-size: 1.5em;
	padding: 8px 0;
	}
	
.hr, .br {
	width: 100%;
	height: 1px;
	line-height: 1px;
	clear: both;
	border: none;
	}
	
	
	
/* --->>> andys fun 24.06.2008 <<<--- */

div.rb-wrapper-green {
		padding: 0 10px;
		background: transparent url(images/bg_round-box-top-green.png) no-repeat center 0;
		}
		div.rb-wrapper-blue {
		padding: 0 10px;
		background: transparent url(images/bg_round-box-top-blue.png) no-repeat center 0;
		}