/* CSS Document */


* { padding: 0;	margin: 0; }



body {
	background: #FFFFFF;
	text-align:center;
	/* Site Global Style */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	/*background:URL(../img/all/christmas_bg.jpg) repeat-x;*/
	background-color:#F7F7F7;
	}
	
	
	hr{color:#000000; background-color:#000000;}
	
	h1, h2 { padding: 10px 0 10px 0; }

	
	h1 {
	font-size:1.0em;
	color: #00AB7E;
	}
	
	#hidden h1{
	font-size:0.1em;
	color:#FFFFFF;
	}
		
	h2 {
	font-size:0.9em;
	color: #00AB7E;
	}

	h4 {
	font-size:0.8em;
	color: #00AB7E;
	}
	
	h5 {
	font-size:0.8em;
	color:#000000;
	font-weight:normal;
	}
	
	
	
	p {
	font-size:0.8em;
	line-height: 1.6em;
	padding-bottom:10px;
	}
	
	#smallPrint p{
	font-size:0.6em;
	}
	
	ol { list-style:none; }
	
	ul { list-style:none; }
	
	li { font-size:0.8em; }
	
	
	a {
	text-decoration: none;
	}
	a:hover { text-decoration:underline; }
	

	img { border: 1px solid #003366; }
	
	img.centre { display:block; margin: 0 auto; background-color:#FFCCFF;} /* Image Centering  */

	ol.listSpacing { margin-bottom:30px; }
	
	.bold { color:#00cc99; font-weight:bold;}

	.red { color:#FF0000; font-weight:bold; }
	
	.noBorder {border:none; margin-left:12px;}
	
	.centreNB {border:none; text-align:center;}

	.headingCentreNB {border:none; margin:0px 0px 5px 10px; text-align:center;}
	
	/* Float images in body left (with border) */
	img.floatLeft {
	float:left;
	margin-right: 5px; 
	}
	
	/* Float images in body right (with border) */
	img.floatRight {
	float:right;
	margin-left: 5px; 
	}
	
	/* Float images in body left (with NO border) */
	img.floatLeftNB {
	float:left;
	border:none;
	margin-right: 5px; 
	}
	
	/* Float images in body right (with NO border) */
	img.floatRightNB {
	float:right;
	border:none;
	margin-left: 5px; 
	}
	
	
	
	
	

	

	
	/* Layout */


		#headerOutside, #header, #container { /* chk - 10.01.07 */
					position:relative;
					margin: 0 auto 0 auto;
					width: 780px;
					text-align:left;
					}
					
					#headerOutside { margin-top:10px; }
					
		#container { /* chk - 10.01.07 */
					background:url(../img/all/bg.jpg) repeat-y;
					}		
					
		
		#header { /* chk - 10.01.07 */
				height: 99px;
				background: url(../img/all/header.jpg) no-repeat;
				}
			
			
			
			
				#content { /* chk - 10.01.07 */
				float: left;
				width:445px; /* Full width of content area is 460px - given it a margin of 10px each side */
				padding: 0;
				margin: 0 10px 0 10px;
				text-align: left;
				}
				
				#content a { text-decoration:underline; }
				
				
				
				
				/* Page Controls */
				#pageControls { width:100%; margin-top: 10px; height:18px; border-bottom: 1px #898AA9 solid;}
				#controls { float:right; }
				#pageControls li { display:inline; padding-left:2px; font-size:1em;}
				
				/* Text Page Control */
				
				.bookmark {font-size:0.8em; padding-right:5px; }
				.textSmall { font-size: 60%; }
				.textMedium { font-size: 80%; }
				.textLarge { font-size: 90%; }
										
				
				
				/* Search Box & Form */				
				#searchBox { margin:10px; height: 60px; background-color:#00AB7E; border: 1px #898AA9 solid;} 
				#frmSearch { padding:10px; font-size:0.8em; }
				#frmSearch label { font-size:1.1em; }
				.searchTxtbox { width:78%; height: 18px; float:left; display:inline; }
				.butSearch { height: 22px; width:80px; float:left; }

				
				
		#left, #right { /* chk - 10.01.07 */
				display:block;
				}		
				
				#left { /* chk - 10.01.07 */
				float:left;
				width: 175px;
				text-align:center;
				}
					
			/* Primary Navigation (Left) */
			
			#nav { margin-bottom:10px; }
			#nav li { font-size:0.9em; }
			#nav a { text-decoration:none; color:#FFFFFF;  display: block; padding:4px 0px 4px 0px; width: 100%; background-color:#666698; border-bottom: 2px #FFFFFF solid; }
			
			/* In IE6 displays an 1px border extra fro some random reason - tim 10.01.06 */
			
			#nav a:link { background-color:#00AB7E; }
			#nav a:visited { background-color:#00AB7E; }
			#nav a:active { background: #00AB7E; }
			#nav a:hover { background: #00AB7E;}
		
			/* END: Primary Navigation */
			
			
			/* chk - 10.01.07 */
			#navTop { height:25px; width: 175px; background-color:#00cc99; margin:0; padding:0;} 
			#navDivider { height:20px; width: 100%; background-color:#00cc99; border-bottom: 2px #FFFFFF solid;}
			#navFooter { height:20px; width: 100%; background-color:#00cc99; }
			
			
			
			/* Needs reviewing  - Styling to Left feature panels */
	
			.leftFeature {
			float:left;
			clear:left;
			width:100%;
			margin-bottom:10px;
			text-align:left;
			} 
				
			h3 { padding:5px 0 20px 10px; font-size:0.9em; color:#00AB7E;}
				
			.leftFeature  li {
			list-style: url(../img/all/icons/bullet.jpg);
			}
		
		.leftFeature  ol {
		margin:0 0 0 40px;
		}
		
		.leftFeature  a {
		color:#00cc99;
		}
		
		.leftBold { color:#00AB7E; font-weight: bold; }
		
		
				
			#right { /* chk - 10.01.07 */
			float:right;
			width: 140px;
			padding-top:5px;
			text-align:center;
			}
			
	
	
			/* For advert banners on right panel */
			.adverts { border: none; }
			
			
			
				
				
				.clearer { height:1px; overflow:hidden; margin-top:-1px; clear:both; }
				
				
				
				
				
				
				
				
				
				
				
				
				
	
	
	/* Home Page Layout */

	body#home #contentColumn1 {
		float: left;
		width: 220px;
		/*padding-left:10px;*/ /* changed from 5px */
		border-right: 1px solid #999999; /* This one */
		}		
		
		/* Left Column  */
		
		#welcome, #about, #feature {
		width: 215px;
		}
				
		/* END Left Column */
		
		
		
		
		

		
		body#home #contentColumn2 {
		float: left;
		width: 224px;
		/*border-left: 1px solid #999999; /* Change this one if the right column is longer than the left. */
		}
		
		
		/* Right Column */
		
		
		#rssFeed {
		position:static;
		width: 219px; /* 1 pixel jig thingy? */
		margin-left:5px;
		margin-top:0px;
		}
		
		
		#rssFeed  a {
		font-size:1em;
		font-weight:bold;
		color:#8989A9;
		}
		
		
		
		
		#news {
		position:static;
		width: 219px; /* 1 pixel jig thingy? */
		margin-left:5px;
		margin-top:10px;
		}	
		
		#loginHeader {
		background-color:#ECFFEC;
		border:1px solid #000000;
		width:200px;
		padding:10px 10px 10px 10px;
		margin:10px 10px 2px 0px;
		}
		
		#loginHeader h1{
		font-size:0.8em;
		color:#000000;
		text-align:center;
		padding:0px 0px 0px 0px;
		}
		
		#loginHeader p{
		margin-bottom:0px;
		padding-bottom:0px;
		}
		
		#login {
		background-color:#ECFFEC;
		border:1px solid #000000;
		width:200px;
		padding:0px 10px 0px 10px;
		margin:0px 10px 10px 0px;
		}
		
		#seperator{
		width:400px;
		height:20px;
		}
		
		/* END Right Column */

/* END Home Page Layout */


/* Directory Listings */

		/* Product/Item - Don't use class names for more than one page element (big mistake!) */
		.listing { clear:both; border-bottom: 2px #898AA9 dashed; margin: 15px 0 15px 0; }
		.listing li { padding:0; margin:0; }
		.listing { min-height: 130px; }
		.listing_left { float:left; width:150px; }
		.listing_right { margin-left:150px; padding-bottom:10px; }

/* END Directory Listings Layout */



/* The News */

.newsItem { border-bottom: 2px #898AA9 dashed; margin: 15px 0 15px 0; }

/* END The Gallery */


/* The Gallery */
.gallery { float:left; width:220px; height:180px; }

/* END The Gallery */






	
/* Business Details Page Layout */

	body#directory #contentColumn1 { position:static; float:left; width: 255px;	padding: 10px 10px 0 5px;}	

	body#directory #contentColumn2 { float: left; width: 255px; padding: 0 10px 0 5px; }
		
	body#directory #contentColumn3 { float: left; width: 155px;	padding: 0 5px 0 10px;	}	

	body#directory #contentColumn4 { position: static; width: 420px; margin-top:20px; padding: 0 10px 0 5px; clear: both; }	

/* END Business Details Page Layout */






/* Footer */		
		
		#footer {
		clear:both;
		display:block;
		height:50px;
		width: 780px;
		text-align: center;
		background:#00AB7E;
		}

		#footer p {
		color:#FFFFFF;
		font-size:0.7em;
		}
		
		#footer a {
		padding-left:4px;
		color:#FFFFFF;
		}




		#footerLeft {
		float:left;
		width:350px;
		padding-top:15px;
		padding-left:20px;
		}
		
		#footerRight {
		float:left;
		width:400px;
		padding-top:7px;
		}





/* Administration Area */

/* Admin Login's */


#frmLogin {
	width:95%;
	margin:1em 0;
}

fieldset{
	margin:10px 0px 10px 0px;
	padding:10px 10px 10px 10px;
}

label {
	display:block;
	font-size:0.8em;
}

#login label {
	margin:0px 0px 0px 0px;
}

#login .input {
	width:100%;
	height:20px;
	margin:0px 0px 0px 0px;
	font-size: 0.8em;
	border:1px solid #cccccc;
}

.input {
	width:400px;
	height:20px;
	margin:0 auto .5em;
	font-size: 0.8em;
	border:1px solid #cccccc;
}

.textarea {
	width:400px;
	height:100px;
	margin:0 auto .5em;
	border:1px solid #cccccc;
}

.butSubmit {
	height:22px;
	border:1px solid #cccccc;
	margin:20px 0px 10px 0px;
	padding:0px 5px 0px 5px;
	display:block;
	float:left;
}

#frmLogin label {
	display:block;
	padding-top:5px;
	font-size: 0.8em;
}

/* END Admin Login Form */