#infobox{
	top:185px;
	left:0px;
	width:220px;
}

#top{
	background:url(../images/leisure.jpg) no-repeat;
	height:230px;
}

/* Alternative images for sub-section pages */
#top.sport {
	background:url(../images/sport.jpg) no-repeat;
	height:230px;
}

#top.towns {
	background:url(../images/towns.jpg) no-repeat;
	height:230px;
}

/* BEGIN subnavigation */
#subnav{float:right;width:516px;padding-left:222px;_position:relative;}
	#subnav ul{
		height:54px;
		background:url(../images/subnav_shadow.jpg) bottom no-repeat;
		width:516px;
		overflow:hidden
		}
		#subnav ul li{
			float:left;
			border-right:1px solid #BAB49E;
			}
			#subnav ul li a{
				display:block;
				height:39px;
				overflow:hidden;
				width:141px;				/* NOTE there are 3 subnav items so #subnav->width divided by 3 */
				padding:12px 15px 0 15px;
				background:#ECE3C4;
				font-size:1.2em;
				color:#B3AAA1;
				text-transform:uppercase;
				text-align:center;
				font-weight:bold;
			}
			#subnav ul li a.selected{
				background:none;
				color:#A38700
			}
/* END subnavigation */


#contents{clear:both;}
#contents #left{
	float:left;
	width:200px;
	margin:113px 0 0 15px;
	top:100px;
	_top:0;
	_margin-left:10px;
	padding:15px;
	_position:relative;
	background:#fff;
}
#contents #left ul{
	padding:15px;
}

#contents #left ul.courses{
list-style:none;
padding:0;
}

#contents #left p.contact {
margin-top: -0.7em;
font-weight: bold;
}

#contents #left p.contact a {
color:#333;
}

#contents #right{
	float:right;
	padding:15px 15px 15px 0;
	width:480px;
	_position:relative;
}
	#contents #right h2{
		color:#A38700;
		font-size: 1.7em;
	}
	
	#contents #right p.intro
	{
	font-size: 1.4em;
	}
	
	#contents #right #inner{
		background:#fff;
		padding:15px;
	}
		#contents #right #inner h2, #contents #left h2, div.col h2{
			color:#333;
			font-size:1.1em;
			font-weight:bold;
			text-transform:none;
			margin: 0;
			margin-bottom: 0.7em;
		}
		
		  #contents #right #inner h2 span, #contents #left h2 span {
		    font-weight: normal;
		  }
		
		#contents #right #inner p, #contents #left p, div.col p {
		margin: 0;
		margin-bottom: 0.9em;
		}
		
		#contents #right #inner .box
		{
		float: left; 
		width: 47%;
		margin-right: 2%;
		}
		
/*
Columns in town pages
*/

div.columns
{
clear: both;
}

  div.columns div.col
  {
  float: left;
  width: 30%;
  margin-left: 2%;
  }
  
    div.columns div.col p, div.columns div.col h2
    {
    padding: 0 10px;
    }

    div.columns div.col div.highlight
    {
    padding: 10px;
    background-color: #f1e9d2;
    margin-bottom: 1em;
    }
    
      div.columns div.col div.highlight p
      {
      padding: 0;
      }
    
      div.columns div.col div.highlight h2
      {
      padding: 0;
      }
    
    


/* 
Utitlity 
*/

.clearfix:after, .container:after 
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix, .container {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix, .container {display:block;}
/* End hide from IE Mac */