.clearfix:after {
		 content: "."; 
		 display: block; 
		 height: 0; 
		 clear: both; 
		 visibility: hidden;
		}
		.clearfix {display: inline-block;}
		/* Hides from IE-mac \*/
		* html .clearfix {height: 1%;}
		.clearfix {display: block;}
		/* End hide from IE-mac */

	
body {
	     	background-color:#66ff66;
			text-align:center;
			margin:0;
			padding:0;
			}

#pageContainer {
				background-color:#fff;
				margin-bottom:70px;
				border: 1px solid #fff;
						
						}



#page {
		width: 650px;
	    margin: 0px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom:50px;
	    background-color: #fff;
	    border: 1px solid #fff;
	}
	

	
#header {
	
		background: url(http://www.watershed.co.uk/hotel_diaries/images/header.jpg) no-repeat top left;
		margin: 0px 10px 0px 0px;
		width: 421px;
		height: 218px;
		text-align:left;
		font-family: Arial, sans-serif;	
		color:#33ff33;
		padding-left: 420px;
		padding-top: 30px;
	}
	
	
#page-name {
	margin:10px 0px 30px 0px;
     }
	
#navigation {
		background: url(http://www.watershed.co.uk/hotel_diaries/images/head_circle.png) no-repeat;
		list-style:none;
		padding-left: 80px;
		padding-top: 10px;
		min-height:150px;
		margin:0px 0px 0px 40px;
		text-align:left;
		
		}
		
#navigation li{
	font-family: Arial, sans-serif;
	font-weight:500;
	line-height:120%;
	font-size:100%;
	color:#c2c2c2;
	
}
		
#navigation a {
	font-family: Arial, sans-serif;
	font-weight:500;
	line-height:120%;
	font-size:100%;
	color:#606160;
	text-decoration:none;
	
}

#navigation a:hover,
#navigation a:visited:hover {
	color: #66ff66;
}
		

#title {
		
		font-family: Arial, sans-serif;
		font-size:90%;
		font-weight:400;
		line-height:10%;
		color:#606160;
				
		}
	
	
h1{
	text-align:left;
	font-family: Arial, sans-serif;
	font-size:200%;	
	color:#66ff66;
	margin:0 0 10px 0px;
	line-height:90%;
	
}				

h2 {
	border-bottom:2px solid #eaeaea;
	font-family: Arial, sans-serif;
	font-size:140%;
	font-weight:500;
	color:#66ff66;
	text-align:left;
	margin-bottom:20px;
	padding:10px 10px 10px 10px;
	
}

h3{
	font-family: Arial, sans-serif;
	font-weight:500;
	color:#333;
	text-align:left;

	
	
  
	
}

h4 {
	
	font-family: Arial, sans-serif;
	font-weight:500;
	color:#fff;
	text-align:left;
    margin:10px 20px 10px 10px;
	
}



a {
	font-family: Arial, sans-serif;
	font-weight:500;
	font-size:110%;
	color:#66ff66;
	text-decoration:none;
	
}

p {
	font-family: Arial, sans-serif;
	font-weight:300;
	font-size:80%;
	color:#333;
	text-align:justify;
	line-height: 130%;
	margin:0 40px 10px 0px;
	
}

#content{
    margin-bottom:50px;
    border: 1px solid #fff;

}

.venues {
	margin:50px 0 0 0;
	padding:0;
	list-style-type: none;
}

.venues li {
	margin:0 0px 40px 0px;
	padding:0;
	clear:left;
}


.venues .img {
	margin:0;
	padding:0 40px 0 0;
	font-size:0px;
	float:left;
}

.venues h3 {
	color: #66ff66;
    text-weight:600;
    margin-bottom:-01px;
}

.venues .date {
	font-size:90%;
	color: #66ff66;
	margin-top:2px;
}



.venues p, 
.venues h3,  {
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left: 140px;
}

.venues p {
	font-family: Arial, sans-serif;
	font-weight:300;
	font-size:80%;
	color:#333;
	text-align:justify;
	line-height: 130%;
	
}

.venues a {
	color:#66ff66;
	
	
}

.venues a:hover,
.venues a:visited:hover {
	color: #ccc;
}