/*___Basic Model___*/
	body {
		position: absolute;
		left: 5%;
		top: 1%;
		height: 99%;
		width: 90%;
		background-position: 250px 297px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 0.95em;
		line-height: 1.5em;
		color: #638B29;	
		}

	#container {
		text-align: left;
/*		background-color: #F0FFF0;*/
		width: 970px;
		margin-left: auto; 
		margin-right: auto;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		border-top: 1px solid #b7b7b7;
		border-right: 1px solid #b7b7b7;
		border-bottom: 1px solid #b7b7b7;
		border-left: 1px solid #b7b7b7;
}

	#heading {
		text-align:center;
		margin-top:0px;
		margin-bottom:0px;
		padding:0px;
/*		position: absolute; 
		left: 200px;
		top: 0px;
		height: 96px;
		width: 970px; */
		}
	
	#bannerTop {
/*		position: absolute; */
		left: 0px;
		top: 97px;
		height: 180px;
		width: 970px;
		}

	#contents {
		text-align: left;
		position: relative;
		margin-top:20px;
		margin-bottom:20px;
		float: left;
		width: 750px;
		height: auto;
		background-image:url(../artwork/background_grass.jpg);
		background-repeat: no-repeat;
		background-attachment:fixed;
		background-position: bottom right;
		}

	#treatmentsLeft {
		position: relative;
		float: left;
/*		position: absolute;  
		left: 0px;
		top: 277px; */
		width: 163px; 
		padding: 10px 8px 10px 5px;
		}

	#treatmentsRight {
		position: relative;
		float: left;
		width: 163px; 
		padding: 10px 8px 10px 5px;
		}

	#side_navigation { 
        float: right;
		width: 30%;
        height: auto;
		background-color: #98FB98;
		overflow: hidden;
    	margin: 0;
		padding:20px 10px 0px;
		border-width: 3px;
		border-style: solid;
		border-color: #336600;
		background-color: #EFFFCE;
		clear: right;
	}

	#side_navigation_buffer { 
        float: right;
		width: 30%;
        height: 10px;
		clear: right;
	}

	#bannerBottom {
		float: center;
/*		position: absolute;
		left: 300px;
		top: 1200px;
		height: 180px; */
		width: 970px;
		text-align: center;
		padding-top: 25px;
	}

/*__Image Replacement for Headers____ 
	This uses Leahy/Langridge Image Replacement (LIR) to replace header tags 
	with images and still remain accessible.
	See: http://www.kryogenix.org/code/browser/lir/

		#ID_OF_ELEMENT {
			padding: HEIGHT_OF_IMAGEpx 0 0 0;
			overflow: hidden;
			background-image: url("hello_world.gif");
			background-repeat: no-repeat;
			
			height: 0px !important;
			height /** /:HEIGHT_OF_IMAGEpx;
		}
	
 	NOTE: This is no space after the ** 
	(space introduced to stop end of comment)
 */
	h1 {
		padding: 96px 0 0 0;
		overflow: hidden;
		background-image: url(../artwork/H1_OtleyApothecary.gif); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:68px; /* for IE5.5's bad box model */
	}
	
	h2#HealthFoods {
		padding: 54px 0 0 0;
		overflow: hidden;
		background-image: url(../artwork/H2_HealthFoods.gif); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}  
	
	h2#BeautyPreparations {
		padding: 54px 0 0 0;
		overflow: hidden;
		background-image: url(../artwork/H2_BeautyPreparations.gif); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}  	
	
	h2#ComplementaryTherapies {
		padding: 54px 0 0 0;
		overflow: hidden;
		background-image: url(../artwork/H2_ComplementaryTherapies.gif); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	} 
	
	h2#LifestyleChanges {
		padding: 54px 0 0 0;
		overflow: hidden;
		background-image: url(../artwork/H2_LifestyleChanges.gif); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	} 
/*__________Centre Section________________*/

	#contactdetails p {
		color:#999966;
		font-size:87%;
		line-height:140%;
		}
	

	a, a:hover{
		color:#333300;
		font-weight: bold;
		text-decoration: none;
	}

	a:hover, a:active{
	text-decoration: underline;	
	}
	
/*____________Side Panels__________________*/
		
	h2#ShopInformation {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_ShopInformation.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

	h2#HerbalMedicine {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_HerbalMedicine.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}  
	
	h2#Therapists {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_Therapists.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	} 

	h2#Special {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_Special.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	} 

	h2#Events {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_WorksopEvents.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

	h2#Links {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_Links.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

	h2#Shop {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_Home.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

	h2#BookShop {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_BoosShop.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

	h2#OnlineShop {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_OnlineShop.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

	h2#Hire {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_Hire.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	
	
	h2#PrivateFunctions {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_PrivateFunctions.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	
	
	h2#Beauty {
		padding: 111px 0 0 0;
		margin-bottom:-0px;
		overflow: hidden;
		background-image: url(../artwork/H2_Beauty.jpg); 
		background-repeat: no-repeat;
		height: 0px !important; /* for most browsers */
		height /** /:35px; /* for IE5.5's bad box model */
	}   	

/*________Contents Styles__________*/
		div#contents p {
		padding: 0 0 0 75px;
		}
		
		ul#recently{
	    list-style-type: square  ;
	    margin-left: 1;
	   }

body         { text-align: center;}