/* --------------------------------------------------------------

   * Resets default browser CSS.

-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

body {
  line-height: 1.5;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------

   typography.css
   * Sets up some sensible default typography.

-------------------------------------------------------------- */

/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html { font-size:100.01%; }
body {
  font-size: 75%;
  color: #222;
  background: #d0dda4;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1 { font-weight: bold; color: #fff; font-size: 1.5em; line-height: 1.2; margin-bottom: 0.5em; padding: 25px 0 0 20px;}
h2 { font-weight: normal; color: #ffef1b; font-size: 1.5em; margin-bottom: 0.75em; padding: 0 0 0 20px;}
h3 { font-weight: normal; color: #000; font-size: 1.5em; line-height: 1; margin-bottom: 1em; border-color:#77787a; border-style:dotted; border-width: 0 0 1px 0; padding: 10px 0 10px 0; }

h4 { font-weight: normal; color: #fff; font-size: 1.2em; line-height: 1.25; margin-bottom: 1em; padding: 0 0 0 20px;}
		h4 a {font-size:1em; line-height: 1.25; color:#ffef1b; padding:0px; text-decoration:none;}
		h4 a:hover, #header ul#nav li a:active {color:#fff;}
		
h5 { font-weight: normal; color: #fff; font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-weight: normal; color: #fff; font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; line-height: 1.5;}
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus 	{outline: none;}
a:focus,
a:hover     { color: #5bb7d1; }
a           { color: #53ad8c; text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
	.align { padding-left: 50px;}

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0;}
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
thead td    { background: #96af49; padding: 4px 10px 4px 5px; color:white; font-weight: bold;}
th {font-weight: bold;  padding: 4px 10px 4px 5px; border-bottom:1px dotted grey; }
td,caption { padding: 4px 10px 4px 5px; font-weight:normal; }
tr.even td  { background: #e5ecf9; }
tr.odd td  { background: #f2f2f2; }
tfoot       { font-style: italic; }
caption     { background: #eee; }



/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* A container should group all your columns. */
#container {
	 position: absolute;
	 margin-left: auto;
   margin-right: auto;
   left: 0;
   right: 0;
   width: 950px;
   background-color:#ffffff;
   min-height:900px;
}


#header {position:relative;width:910px; min-height:100px; margin:20px; background-color:#ffffff;}
#header h5 a {display: block; width: 158px; height:100px; float:left; background: url(../images/logo.png) no-repeat; text-indent:-9999px;}
#header div#nav {float:right;margin:0 0 20px 0;}
	#header ul#nav1 {float:left;list-style:none;margin:20px 0 0 0;}
		#header ul#nav1 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav1 li:first-child {background:none;border-top:1px dotted grey;}
		#header ul#nav1 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav1 li a:hover, #header ul#nav1 li a:active {color:#5bb7d1;}
		
	#header ul#nav2 {float:left;list-style:none;margin:20px 0 0 0;}
		#header ul#nav2 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav2 li:first-child {background:none; border-top:1px dotted grey;}
		#header ul#nav2 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav2 li a:hover, #header ul#nav2 li a:active {color:#5bb7d1;}

	#header ul#nav3 {float:left;list-style:none;margin:20px 0 0 0;}
		#header ul#nav3 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav3 li:first-child {background:none;border-top:1px dotted grey;}
		#header ul#nav3 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav3 li a:hover, #header ul#nav3 li a:active {color:#5bb7d1;}
		
	#header ul#nav4 {float:left;list-style:none;margin:20px 0 0 0;}	
		#header ul#nav4 li {width: 130px; padding:0 0 0 0; margin: 0 0 0 0; border-bottom:1px dotted grey;}
		#header ul#nav4 li:first-child {background:none;border-top:1px dotted grey;}
		#header ul#nav4 li a {font-size:14px; line-height: 1.6em; color:#6d6d6d; padding:0px; text-decoration:none;}
		#header ul#nav4 li a:hover, #header ul#nav4 li a:active {color:#5bb7d1;}
		
#header div#fb {position:absolute; top:21px; right:-35px;}
#header div#fb  a {display: block; width: 81px; height:79px; background: url(../images/facebook-ribbon-off.png) no-repeat; text-indent:-9999px;}
#header div#fb	a:hover, #header div#fb a:active {display: block; width: 81px; height:79px; background: url(../images/facebook-ribbon-on.png) no-repeat; text-indent:-9999px;}

#header div#follow {position:absolute; top:80px; right:50px;display: block; width: 94px; height:20px; background: url(../images/followus.png) no-repeat; text-indent:-9999px;}

		
.feature {
		width:450px;
		margin:0px;
		}
#feature-container {
	position: relative;
	  height:225px;
		width:910px;
		margin:20px;
		background: url(../images/feature-green-bg.png) repeat-y;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
.feature-photos {
		position:absolute; left: 500px; top:1px; 
	  	height:230px;
		width:390px;
		margin-left:0px;
		margin-right:0px;
		padding:10px;
}


#content-left {
		float:left;
	  min-height:400px;
		width:580px;
		margin-left:40px;
		background-color:#ffffff;
}

		#content-left p {padding:0 0 0 0;}

img.inset {
		float:right;
	  margin-left:20px;
	  margin-right:20px;
		border: 1px solid #ededed;
		padding: 2px;
}

img.inset-noborder {
		float:right;
	  margin-left:20px;
	  margin-right:20px;
		border: 0px solid #ededed;
		padding: 2px;
}
#sidebar {
		position: relative;
		float:right;
		height:400px;
		min-width:296px;
		max-width:296px;
		margin-right:20px;
}

.sidebar-top {height:4px;background: url(../images/sidebar-top.png) no-repeat;}
.sidebar-mid {min-height:400px;padding:0;background: url(../images/sidebar-bg.png) repeat-y;}
.sidebar-bottom {height:4px;background: url(../images/sidebar-bottom.png) no-repeat;}

	#sidebar h3 { font-weight: normal; color: #000; font-size: 1.5em; line-height: 1; margin-bottom: 1em; border-color:#77787a; border-style:dotted; border-width: 0 0 1px 0; padding: 10px 4px 10px 10px; }

.ball {
	  position:absolute; right: 0px; top:300px; 
	  height:157px;
		width:157px;
		margin-left:0px;
		background: url(../images/tennisball2.png) no-repeat;
		padding:0px;
}

.lta {
		float:right;
		min-height:108px;
		width:297px;
		margin-right:20px;
		margin-top:10px;
		border-left:0px dotted grey;
		padding-left:0px;
}

	.lta h5 a { display: block; width: 297px; height:108px; float:right; margin:0 0 0 0; margin-top:10px; background: url(../images/lta2.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
	.lta p {font-weight:bold;color: #005198;float:right; padding:0px 10px 0 0;}
		.lta p a {font-size:12px; color:#53ad8c; text-decoration:none;}
			.lta p a:hover, #footer-right p a:active {color:#5bb7d1;}

#footer-right {
		margin:10px 20px 0 0;
		float:right;
		width:296px;
		border:0px solid black;
}

	#footer-right h5 a { display: block; width: 105px; height:75px; float:left; margin:10px 0 0 0; margin-top:20px; background: url(../images/wandsworth.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
	#footer-right p {color: #53ad8c;float:right; padding:58px 0 0 0px;}
		#footer-right p a {font-size:12px; color:#53ad8c; text-decoration:none;}
			#footer-right p a:hover, #footer-right p a:active {color:#5bb7d1;}
			
#sessions-left {
		float:left;
	  min-height:89px;
		width:296px;
		margin-left:0px;
		background:url(../images/left-session-bg.png) no-repeat;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}
#sessions-right {
		float:left;
	  min-height:89px;
		width:296px;
		margin-left:8px;
		background:url(../images/right-session-bg.png) no-repeat;
		-moz-border-radius:5px;
		-webkit-border-radius: 5px;
}

		#sessions-left p, #sessions-right p{padding:10px 10px 0 90px;}

#juniorbox1 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:50px;
		margin-bottom:20px;
		background-color:#ededed;
}

#juniorbox2 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:30px;
	  margin-bottom:20px;
		background-color:#ededed;
}
#juniorbox3 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:30px;
		margin-bottom:20px;
		background-color:#ededed;
}

		#juniorbox1 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/toddlerparent.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox1 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/toddlerparent-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox2 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniortermtime.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox2 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniortermtime-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox3 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniorholiday.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#juniorbox3 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/juniorholiday-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}

#adultbox1 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:20px;
		margin-bottom:20px;
		background-color:#ededed;
}

#adultbox2 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:10px;
	  margin-bottom:20px;
		background-color:#ededed;
}
#adultbox3 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:10px;
		margin-bottom:20px;
		background-color:#ededed;
}
#adultbox4 {
		float:left;
	  height:60px;
		width:120px;
		margin-left:10px;
		margin-bottom:20px;
		background-color:#ededed;
}
		#adultbox1 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adulttermtime.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox1 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adulttermtime-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox2 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultevening.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox2 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultevening-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox3 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsunday.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox3 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsunday-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox4 h5 a  { display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsocial.png) no-repeat; border:0px solid grey; text-indent:-9999px;}
		#adultbox4 h5 a:hover{ display: block; width: 120px; height:60px; float:left; margin:0 0 0 0; margin-top:0; background: url(../images/adultsocial-hover.png) no-repeat; border:0px solid grey; text-indent:-9999px;}

#clear {
 clear:both;
}

#bottom {
 clear:both;
 min-height:100px;
}
.main-text {
	  min-height:300px;
		width:560px;
		margin-left:0px;
		background-color:#ffffff;
		padding:0px;
}
	.main-text p {
				font-family: Arial, Helvetica, sans-serif;
    		font-size:0.9em;
				color: #000000;
				padding:0px;
				}
.map {
	  min-height:400px;
		width:560;
		margin-left:0px;
		background-color:#ffffff;
		padding:0px;
}				
#col1 {
		float:left;
	  min-height:90px;
		width:275px;
		padding-right:10px;
		background-color:#ffffff;
}
#col2 {
		float:right;
	  min-height:90px;
		width:275px;
		margin-left:0px;
		background-color:#ffffff;
}

.preload1 {background-image:url(../images/facebook-ribbon-on.png);}

/* --------------------------------------------------------------

   * FORM CSS.

-------------------------------------------------------------- */

#form_getintouch {
	font-size: 1em;
}
#form_getintouch .label {
	float: left;
	clear: left;
	width: 100px;
	margin-right: 10px;
	text-align: left;
	font-weight: normal;
}
.form_getintouch {
	border:0.1em dotted #efefef;
	width: 275px;
	margin-left: 10px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}
 
input#button_getintouch {
	float: left;
	background-color: #ffd912;
	font-family: Arial, Helvetica, sans-serif;
	
}
img#submit {
	float: left;
	background-color: #ffd912;
	font-family: Arial, Helvetica, sans-serif;
}
input#search {
	float: right;
	background-color: #ffd912;
	font-family: Arial, Helvetica, sans-serif;
}
 
select#refer {
	font-family: Arial, Helvetica, sans-serif;
}
 
input#name, input#email, input#telephone, textarea#comments {
	width: 150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	margin-top: -2px;
}
 
input#name:focus,
input#email:focus,
textarea#comments:focus,
select#refer:focus


/* --------------------------------------------------------------

   * END FORM CSS
   
-------------------------------------------------------------- */