body { background-image: url(../images/clwydleisure_bg.jpg); 
		text-align: center;
		padding: 0; margin: 0;
		font-size: 62.5%; line-height: 1.5em; font-family: Verdana;
		color: #444;}
p { margin: 0; padding: 0; }
td { }
a:link { }
a:visited { }
a:hover { }
a:active { }
span {display: none;}

h1{ background: url(../images/clwydleisure_header.jpg) top left no-repeat;
	 position: relative;
	 top: 0px; left: 0;
	 padding: 0; margin: 0;
	 height: 133px; width: 799px;}

h1 a, h1 a:hover { 
	 position: absolute;
	 top: 0px; left: 0;
	 padding: 0; margin: 0;
	 height: 133px; width: 799px; background: none;}

#wrapper {position: relative;
		  top: 0;
		  padding: 0; margin: 0 auto;
		  width: 800px;
		  text-align: left;}
.clear { clear: both;
		 height: 1px;
		 overflow: hidden;}

#leftcol {float: left;
		  padding: 32px 0 0 0; margin: 0px;
		  width: 383px;
		  text-align: left;
		  background: url(../images/clwydleisure_rightcol.jpg) top left no-repeat;}
		  
#rightcol {float: right;
		  padding: 32px 0 0 0; margin: 0;
		  width: 383px;
		  text-align: right;
		  background: url(../images/clwydleisure_leftcol.jpg) top right no-repeat; }		  


  


h2, h2 a {position: relative;	
			padding: 0px; margin: 0px;
			width: 383px; 
		   	top: 0; left: 0;}  
		   	
	
			#suncentre a {background: url(../images/suncentre-light.jpg) top left no-repeat;
						    height: 82px;
						   display: block;}
			#suncentre a:hover, #suncentre a:active
						  {background: url(../images/suncentre-dark.jpg) top left no-repeat;
						   display: block;}			   			   
				   			   
			#everybodyz a {background: url(../images/everybodyz-light.jpg) top left no-repeat;
						    height: 83px;			  
						   display: block;}
			#everybodyz a:hover, #everybodyz a:active
						  {background: url(../images/everybodyz-dark.jpg) top left no-repeat;
						   display: block;}			   			   
				   			   
			#shokk a {background: url(../images/shokk-light.jpg) top left no-repeat;
						   height: 83px;			  
						   display: block;}
			#shokk a:hover, h2#shokk a:active
						  {background: url(../images/shokk-dark.jpg) top left no-repeat;
						   display: block;}			   			      			   	   			   			 	
			#moto a {background: url(../images/moto-light.jpg) top left no-repeat;
						   height: 83px;			  
						   display: block;}
			#moto a:hover, h2#moto a:active
						  {background: url(../images/moto-dark.jpg) top left no-repeat;
						   display: block;}			   			   
				   			   
			#skytower a {background: url(../images/skytower-light.jpg) top left no-repeat;
						   height: 104px;			  
						   display: block;}
			#skytower a:hover, h2#skytower a:active
						  {background: url(../images/skytower-dark.jpg) top left no-repeat;
						   display: block;}		   			   			 		   			   			 
				   			   
			#nova a {background: url(../images/nova-light.jpg) top left no-repeat;
						   height: 82px;
						   display: block;}
			#nova a:hover, h2#nova a:active
						  {background: url(../images/nova-dark.jpg) top left no-repeat;
						   display: block;}	   			   
			#bodyz a {background: url(../images/bodyz-light.jpg) top left no-repeat;
						   height: 83px;			  
						   display: block;}
			#bodyz a:hover, h2#bodyz a:active
						  {background: url(../images/bodyz-dark.jpg) top left no-repeat;
						   display: block;}	   			   
			#starlight a {background: url(../images/starlight-light.jpg) top left no-repeat;
						   height: 83px;			  
						   display: block;}
			#starlight a:hover, h2#starlight a:active
						  {background: url(../images/starlight-dark.jpg) top left no-repeat;
						   display: block;}	   			   
			#windmill a {background: url(../images/windmill-light.jpg) top left no-repeat;
						   height: 83px;		  
						   display: block;}
			#windmill a:hover, h2#windmill a:active
						  {background: url(../images/windmill-dark.jpg) top left no-repeat;
						   display: block;}	   			   
			#bowls a {background: url(../images/bowls-light.jpg) top left no-repeat;
						   height: 104px;		  
						   display: block;}
			#bowls a:hover, h2#bowls a:active
						  {background: url(../images/bowls-dark.jpg) top left no-repeat;
						   display: block;}	
						   
						   		   
#left-tabs  { position: absolute;
			  top: 140px; left: 0px;
			   padding: 0; margin: 0;
			   width: 200px;
				}
#right-tabs  { float: right;
			   padding: 0; margin: 10px 0 10px 10px;
			   width: 200px;
			   text-align: right;
				}
#left-tabs h2, #left-tabs h2 a, #right-tabs h2, #right-tabs h2 a 
			{position: relative;	
			 padding: 0px; margin: 0px;
			 width: 186px;
		   	 top: 0; left: 0;	}  
			#left-tabs #suncentre a {background: url(../images/suncentre-tab.jpg) top left no-repeat;
						    height: 82px;
						   display: block;}
			#left-tabs #suncentre a:hover, #left-tabs #suncentre a:active
						  {background: url(../images/suncentre-tab-d.jpg) top left no-repeat;
						   display: block;}			   			   
				   			   
			#left-tabs #everybodyz a {background: url(../images/everybodyz-tab.jpg) top left no-repeat;
						    height: 83px;			  
						   display: block;}
			#left-tabs #everybodyz a:hover, #left-tabs #everybodyz a:active
						  {background: url(../images/everybodyz-tab-d.jpg) top left no-repeat;
						   display: block;}			   			   
				   			   
			#left-tabs #shokk a {background: url(../images/shokk-tab.jpg) top left no-repeat;
						   height: 83px;			  
						   display: block;}
			#left-tabs #shokk a:hover, #left-tabs h2#shokk a:active
						  {background: url(../images/shokk-tab-d.jpg) top left no-repeat;
						   display: block;}			   			      			   	   			   			 	
			#left-tabs #moto a {background: url(../images/moto-tab.jpg) top left no-repeat;
						   height: 83px;			  
						   display: block;}
			#left-tabs #moto a:hover, #left-tabs h2#moto a:active
						  {background: url(../images/moto-tab-d.jpg) top left no-repeat;
						   display: block;}			   			   
				   			   
			#left-tabs #skytower a {background: url(../images/skytower-tab.jpg) top left no-repeat;
						   height: 104px;			  
						   display: block;}
			#left-tabs #skytower a:hover, #left-tabs h2#skytower a:active
						  {background: url(../images/skytower-tab-d.jpg) top left no-repeat;
						   display: block;}		   			   			 		   			   			 
				   			   
			#right-tabs #nova a {background: url(../images/nova-tab.jpg) top left no-repeat;
						   height: 82px;
						   left: 12px;			  
						   display: block;}
			#right-tabs #nova a:hover, #right-tabs h2#nova a:active
						  {background: url(../images/nova-tab-d.jpg) top left no-repeat;
						   display: block;}	   			   
			#right-tabs #bodyz a {background: url(../images/bodyz-tab.jpg) top left no-repeat;
						   height: 83px;
						   left: 12px;				  
						   display: block;}
			#right-tabs #bodyz a:hover, #right-tabs h2#bodyz a:active
						  {background: url(../images/bodyz-tab-d.jpg) top left no-repeat;
						   display: block;}	   			   
			#right-tabs #starlight a {background: url(../images/starlight-tab.jpg) top left no-repeat;
						   height: 83px;
						   left: 12px;				  
						   display: block;}
			#right-tabs #starlight a:hover, #right-tabs h2#starlight a:active
						  {background: url(../images/starlight-tab-d.jpg) top left no-repeat;
						   display: block;}	   			   
			#right-tabs #windmill a {background: url(../images/windmill-tab.jpg) top left no-repeat;
						   height: 83px;	
						   left: 12px;			  
						   display: block;}
			#right-tabs #windmill a:hover, #right-tabs h2#windmill a:active
						  {background: url(../images/windmill-tab-d.jpg) top left no-repeat;
						   display: block;}	   			   
			#right-tabs #bowls a {background: url(../images/bowls-tab.jpg) top left no-repeat;
						   height: 104px;	
						   left: 12px;			  
						   display: block;}
			#right-tabs #bowls a:hover, #right-tabs h2#bowls a:active
						  {background: url(../images/bowls-tab-d.jpg) top left no-repeat;
						   display: block;}			   




address { font-size: 1em; line-height: 1em; padding: 5px; 
		  font-weight: bold;}	   		   			   			 			   
		  
		  
/*Content Panel */
#content-m {position: relative;
			top: 0px; left: 190px;
			width: 410px;
			margin: 0; padding: 0;
			background: url(../images/contents-m.jpg) top left repeat-y;
			border: 0;}		  
#content-t {background: url(../images/contents-t.jpg) top left no-repeat;
			margin: 0; padding: 0;
			width:409px;
			border: 0;}
#content-b {background: url(../images/contents-b.jpg) bottom left no-repeat;
			padding: 10px 35px 35px 35px;
			margin: 0;
			border: 0;}

#content-b h1 {color: orange;
				font-size: 2.2em; line-height: 1.3em;
				font-weight: bold;
				margin: 1.4em 0; padding: 0;
				height: auto; width: auto;
				background: none;}
#content-b h2 {position: relative;
			   top: 0; left: 0;
			   margin: 1.4em 0; padding: 0;
			   color: green;
			   font-size: 1.5em; line-height: 1.2em;			   
			   }
#content-b h3 {position: relative;
			   top: 0; left: 0;
			   margin: 1em 0; padding: 0;
			   color: green;
			   font-family: Times;
			   font-size: 1.5em; line-height: 1.2em;}			   
#content-b p {position: relative;
			  top: 0; left: 0;
			  margin: 1.2em 0; padding: 0;
			  font-size: 1.1em; line-height: 1.5em;}			
a, a:visited {  color: green;
				font-weight: bold;
				text-decoration: none;
				}			
a:hover {color: #fff;
					background-color: green;
					font-weight: bold;
					text-decoration: none;}
	

/* Job Items */
ul#job { position: relative; 
		top: 0; left: 0; 		 
		list-style: none; 
		padding: 0; margin: 0;}				
ul#job li { margin-bottom: 20px;}		
#job p {margin:5px 0; padding: 0px;
			display: block;}
#job p.info { margin: 5px 0; padding: 10px;
			  line-height: 1.1em;
			  background: #ffdba4;
			  display: block;}		
#job p.apply {padding: 0 0 5px 0;
				border-bottom: 1px solid green;}			



/* Further Separation of Columns within the content panel */
.innerleft {float: left;
			width: 160px;
			border: 1px solid red;}
.innerright {float: right;
			width: 160px;
			border: 1px solid blue;}
			
			
/* Clwyd Leisure Company menu*/
ul#greenmenu { position: absolute;
			 top: 30px;left: 7px;
			 padding: 0; margin: 0;
			 width: 200px; height: 50px;
			 font-size: 1.5em; line-height: 1.1em;			 
			 font-weight: bold;
			 list-style-type: none; 
			 }		  
ul#greenmenu li { width: 200px; 
				 padding: 0; margin: 0;}			 
ul#greenmenu li a, ul#greenmenu li a:visited 
				 { color: #fff;
					text-decoration: none;	
					padding: 3px 7px; margin: 0;
					display: block;				
				   }
ul#greenmenu li a:hover { color: #fff;
						  text-decoration: none;
						  padding: 3px 2px;
						  border-left: 5px solid #fff;}	

/* Clwyd Leisure Company menu*/
ul#orangemenu { position: absolute;
			 top: 105px;left: 8px;
			 width: 700px;
			 padding: 0; margin: 0;
			 font-size: 1.2em; line-height: 2em;			 
			 font-weight: bold;
			 list-style-type: none;
			 }		
ul#orangemenu li {	float: left;
					padding: 0; margin: 0;
					}			   
ul#orangemenu li a, ul#orange li a:visited 
				 { 	color: #444;
					text-decoration: none;	
					padding: 0 5px; margin: 0;
					display: inline;		
					border-left: 2px solid #444;
				   }
ul#orangemenu li a:hover {color: #fff; 
						  background: #444;
						  text-decoration: none;
						  border-left: 2px solid #fff;}