body { background: #6c9d66 url(../images/bowls-bg.jpg) 70px 0; 
	   margin: 0; padding: 0; 
	   font-size:62.5%;  line-height: 1.5em; 
	   font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}	
#wrapper { position: relative;
			top: 0; left: 0;
			width: 800px;
			margin: 0; padding: 0;}
h1#titlebar { position: relative; 
				top: 0; left: 0; 
				padding: 0; margin: 0; 
				height: 100px; width: 580px;
				background: url(../images/bowls-title.jpg) no-repeat 0 10px;  }		  
h1#titlebar a { position: absolute; 
				top: 0; left: 0; 
				padding: 0; margin: 0; 
				height: 100px; width: 580px; 
				background:none;  }
				

p {position: relative;
  top: 0; left: 0;
  margin: 1.2em 0; padding: 0;
  font-size: 1em; line-height: 1.5em;}
a, a:visited {  color: #1aa969;
				font-weight: bold;
				text-decoration: none;
				}			
a:hover {color: #fff;
					background-color: #1aa969;
					font-weight: bold;
					text-decoration: none;}
ul {padding: 0 5px 5px 10px;}
ul li {line-height: 1.1em;
		margin: 1em 0; padding: 0;
		list-style-type: none;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clear {
		clear:both;
		height:1px;
		overflow:hidden;}
.prop { height:850px; float:right; width:1px;}

span {visibility: hidden;}
#middle {position: relative;
		 top: 0; left: 0;
		 margin: 0 auto; padding: 0;
		 width: 760px; 
		 background: #fff;
		 text-align: left;}		

/* Content Text */
#content-m {position: relative;
			top:0px; left:200px;			
			width:500px;
			margin:10px 0px; padding: 0;
			background: #d7e6c5;}		  
#content-b, #content-t {position: relative; top: 0; left: 0; padding: 0; margin: 0;}
#content-m h1 {position: relative;
				color: #67915f;
			   margin: 20px 50px 20px 10px; padding: 0;
			   font-size: 1.5em; line-height: 1.2em;}
#content-m h2 {color: #fa6801; 
			   margin: 20px 150px 20px 10px;
			   font-size: 1.3em; line-height: 1.2em;
			   font-weight: bold;}
#content-m h3 {color: #43973f;
			   margin: 20px 150px 15px 10px;
			   font-size: 1.2em; line-height: 1.5em;}			   
#content-m p  {margin:10px 150px 10px 10px;}
#content-m ul  {margin:10px 150px 10px 10px;
				font-size: 1.1em;
				line-height: 1.1em;}			
#content-m ul li {margin: 10px;
				  list-style: square;}		
#content-m img {float: left;
	 			margin: 0 10px 10px 0;}		
#content-m table {margin: 10px;}	 				
		  
			

/* Column of feature boxes to the left */			
#left-fcol { position: absolute;
			 top: 30px; left: 5px;
			 width: 180px;
			 margin: 0 0 10px 0; padding: 0;}

/* Column of feature boxes to the right */							
#right-fcol {position:absolute;
			 width: 200px;
			 top: 80px; left: 560px;
			 padding: 0; margin: 0;
			 background: #d7e6c5;
			 z-index: 20; }
			 
.feature { width: 180px; 
			top: 0; left: 0; 
			margin: 15px 5px; padding: 0; 
			text-align: left; 
		   background:#f68a1f; border-top: 0px;}

.feature p, .feature input, .feature label { font-size: 0.9em; line-height: 1.2em;
			 margin: 1.2em 0.5em;}
.featuretitle {position: relative;
				 top: 0px; left: 0px;
				 width: 170px;
				 background:#edf6e3;
				 padding: 0px; margin: 5px;}
.feature h2 {padding: 5px;
			 font-size: 1.1em; line-height: 1.2em;
			 font-weight: bold;
			 }		
.feature ul  { margin:5px 0; font-size: 1.1em; line-height: 1.1em; }			
.feature ul li {margin: 10px 0;
				  list-style: none;}	

/* Clwyd Leisure information orange bar menu*/
ul#titlemenu { position: absolute;
			 top: 54px;left: 5px;
			 width: 440px;
			 padding: 0; margin: 0;
			 font-size: 1em; line-height: 1.1em;			 
			 font-weight: bold;
			 list-style-type: none;
			 }		
ul#titlemenu li, ul#footermenu li 
				 {	float: left;
					padding: 0; margin: 0;
					}			   
ul#titlemenu li a, ul#title li a:visited,
ul#footermenu li a, ul#footer li a:visited 
				 { 	color: #fff;
					text-decoration: none;	
					padding: 0 5px; margin: 0;
					display: inline;		
					border-left: 2px solid #fff;
				   }
ul#titlemenu li a:hover 
				{color: #fff; 
				  background: #444;
				  text-decoration: none;
				  border-left: 2px solid #fff;}							  			   			 

/*Menu in the footer - utility links */						  
ul#footermenu { position: relative;
				 top: 0px;left: 0px;
				 width: 700px;
				 padding: 0; margin: 0;
				 font-size: 0.9em; line-height: 1.1em;			 
				 font-weight: bold;
				 list-style-type: none;
				 }		
				 	 
			 
#footer {position: relative; 
		 top: -100px; left: 0; 
		 width: 800px; height: 200px;
		 margin: 0; padding: 0;
		 background: url(../images/bowls-content-b.gif) -10px 0 no-repeat;
		 text-align: center;
		 z-index: 10;	}	
#footermenu ul { position: relative;
				 top: 110px;
				 margin: 0 auto ; padding: 0;
				 width: 600px;}
#footermenu ul li { float: left; 
					background-color: #fff;
				    margin: 0 5px; padding: 10px;
				    width: 150px;}				
#footermenu ul li a, #footermenu ul li a:visited 
				 { 	color: #67915f;
				 	margin: 10px;	}
#footermenu ul li a:hover
				 { 	color: orange; background: #fff; }					
#copy { font-size: 0.8em; line-height: 1.2em; 
		color: #fff;
		margin: 0; padding: 0; 
		position: relative;
		top: 170px;}
#copy a {color: orange;}		
#copy a:hover {color: #fff}
		
/* Clwyd Leisure Strap Across the top right corner */
#strap a {position: absolute;
		top: 0; right: 0;
		height: 150px; width: 150px;
		background: url(../images/clwydleisure-strap.gif) top right no-repeat;}

/* Nifty Corners Business */
/*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block; 
				 height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px;}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px; }
b.r2{margin: 0 2px;}
b.r3{margin: 0 1px; }
b.r4{height: 2px; }
b.rb1{margin: 0 8px;border-width:0 2px; }
b.rb2{margin: 0 6px;border-width:0 2px; }
b.rb3{margin: 0 5px; }
b.rb4{margin: 0 4px; }
b.rb5{margin: 0 3px ; }
b.rb6{margin: 0 2px;}
b.rb7{margin: 0 1px;height:2px; }
b.rb8{margin: 0;height:2px; }
b.rs1{margin: 0 1px; }

/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}