html, body, h1, h2, a, p, div, ul, li, img {margin: 0px; padding: 0px;}

body {
	background: #74aaaa; 
	font: 13px/1.2 verdana,arial,tahoma,helvetica,sans-serif,serif;
	color: #000000; 
	text-align: center; /* IE5.x workaround for centering */
	margin-bottom: 40px; 
	margin-top: 10px;
	margin-left: 1.0em; /* NEW BIT */
	margin-right: 1.0em; /* NEW BIT */
	}

/* COMMON FONT AND LINK STYLES */

p {	margin-left: 45px; 
	margin-right: 40px;
	margin-bottom: 1em;
	text-align: left;
	}

a {color: #cd0c6d; text-decoration: underline;}

a:visited {color: #74aaaa;}

a:hover {color: #fb99cc;}

.itals {font-style: italic;}	

/* COMMON STYLE ON ALL PAGES */

h1, h2 {
	font-family: arial,tahoma,helvetica,sans-serif,serif;
	font-size: 16px; 
	color: #cd0c6d; 
	font-weight: bold;
	text-align: left; 
	margin: 0px 0px 1em 45px;	
	line-height: 1em;
	}
	
h1 {
	padding-left: 12px; 
	background: #F2ECED url(../images/rightgreenarrow.gif) 0% 50% no-repeat;
	} 

/* =========================================== Overall Main Page Container */

div#overallcontainer {
	background: #edf6fa url(../images/leftsidefader.jpg) 0% 0% repeat-y; 
	margin-left: auto; margin-right: auto; /* This centres everything on the page */
	position: relative;
	max-width: 80em;
	}

div#maincontainer {
	background: #ffffff url(../images/rightsidefader.jpg) 100% 0% repeat-y; 
	margin-left: 210px; 
	position: relative; 
	text-align: left;  
	margin-top: 0px; 
	max-width: 80em;
	}
	
/* ================================== Actual Page Content Container */

div#mainpages {
	width: 73%;
	background: #f2eced; /*  */
	padding: 35px 0px;
	position: relative; 
	border-right: 1px solid #d7e7e7;
	margin-top: 0px;
	z-index: 4; /* This allows the content to overlap the right menu in narrow windows  */
	min-width: 27em;
	}

/* Top Container */

div#topcontainer {
	background: #ffffff url(../images/topbackground.jpg) repeat-x 0% 0%; 
	position: relative; 	
	height: 70px; 
	margin-bottom: 0px;
	}

img#bwlogo {position: absolute; bottom: 0px; left: 0px;} 

div#tagline {position: absolute; bottom: 4px; left: 4px;}

div#tagline p {
	font-size: 12px;
	font-weight: bold; 
	margin: 0px;
	color: #ffffff;
	}

div#topcontainer h1 { /* This is used/seen only when pages are printed */
	display: none; 
	}

/* Date On Every Page */

div#javascript {
	position: absolute; 
	bottom: 4px; right: 19px; 
	text-align: left;
	}

/* ===================================== Bottom Container */

div#bottomcontainer {
	padding-top: 3px;
	margin-top: 0px; height: 65px;
	background: #ffffff url(../images/bottombackground.jpg) repeat-x 0% 0%; 
	}

div#bottomcontainer p {
	color: #000000; 
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	text-align: center;
	padding: 2px 0px 2px 0px;
	margin-bottom: 0px;
	}

/* ================================= LEFT MENU ================ */		

div#leftnav {
	margin: 0; padding: 0; 
	position: absolute; 
	top: 100px; left: 18px; 
	width: 170px; 
	background: #f9f6f6; 
	z-index: 3;
	} 

div#leftnav ul {
	margin: 0; padding: 0; 
	width: 170px;
	}

div#leftnav li {
	border-bottom: 1px solid #74aaaa;
	position: relative; 
	list-style: none; 
	margin: 0; padding: 0; 
	background: #FBF4F5 url(../images/tab-bumps.gif) 98% 50% no-repeat;
	text-align: right;
	}

div#leftnav li a {
	display: block; 
	text-decoration: none; 
	padding: 6px 20px 6px 5px; 
	color: #000000;
	width: 100%; /* ie5win fudge begins */ 
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 145px;} /* 170 width, less 20px and 5px padding */
	div#leftnav>ul a {width: auto;}

div#leftnav li:hover {background: #c1d6d7 url(../images/tab-bumps.gif) 98% 50% no-repeat;}
                                  
div#leftnav p {
	color: #d2287d; 
	margin: 0; padding: 0;
	margin-top: 25px;
	margin-left: 3px; margin-right: 45px; 
	line-height: 1.5em; 
	text-align: center;
	} 

div#leftnav img {
	display: block; 
	margin: 0; 
	padding: 0; 
	line-height: 0em; 
	border: 0px;
	}

/* Styles for Index Page */

body#homepage h1 {
	font-family: tahoma,verdana,arial,helvetica,sans-serif,serif;
	font-size: 38px; 
	color: #74aaaa; 
	width: 240px; 
	margin-left: 60px; 
	margin-bottom: 10px;
	font-weight: normal;
	padding-left: 0px; 
	line-height: 1.2em;
	background: transparent;
	}

body#homepage h2 {
	font-size: 28px;
	color: #e21773;
	font-weight: bold; 
	margin-left: 60px;  
	margin-bottom: 40px;
	font-weight: bold; 
	}

body#homepage h3 {
	font-size: 16px; 
	color: #669999; 
	font-weight: bold; 
	text-align: center;
	font-style: italic; 
	margin-left:  60px;
	margin-bottom: 35px; 
	}

body#homepage h4 {
	font-size: 14px; 
	color: #e21773;
	font-weight: bold; 
	margin-left:  60px; 
	text-align: center; 
	border: 1px solid #74aaaa; 
	padding: 5px 0px 5px 0px; 
	margin-right:  60px; }

body#homepage h4.deepmargin {margin-bottom: 150px;}


div#homepageimage {
	position: absolute; 
	top: 42px; 
	right: 30px;
	}

div#specialoffer {
	position: absolute; 
	top: 230px; right: 19px; 
	border: 1px solid #74aaaa;	
	background: #fbf4f5; 
	width: 160px;
	}

div#latestnews {
	position: absolute; 
	top: 110px; right: 19px;
	border: 1px solid #74aaaa;	
	background: #fbf4f5; 
	width: 160px; 
	z-index: 2;
	}

div#specialoffer p, div#latestnews p {
	margin: 10px 10px 10px 10px;
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	}

div#specialoffer h3, div#latestnews h3 {
	margin: 0; padding: 0;
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 16px;
	text-align: center; 
	font-style: normal;
	padding: 5px 0px 5px 0px;
	color: #cd0c6d;  
	}

div#bravenet {margin-top: 20px;}


/* ================================= Styles for 3 'Bowen Therapy' Pages + 3 Links Pages */

body#whatisbowen div#rightmenu,
body#treatments div#rightmenu,
body#commentspage div#rightmenu,
body#laboutbowen div#rightmenu,
body#lbowtraining div#rightmenu,
body#linksahealth div#rightmenu
	{
	position: absolute; 
	top: 110px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	border: 1px solid #74aaaa;
	z-index: 2;
	} 

body#whatisbowen div#rightmenu h1,
body#treatments div#rightmenu h1, 
body#commentspage div#rightmenu h1,
body#laboutbowen div#rightmenu h1,
body#lbowtraining div#rightmenu h1,
body#linksahealth div#rightmenu h1
	{
	padding: 3px 0px 3px 5px;
	background: #f2eced;
	border-bottom: 1px solid #74aaaa;
	font-family: arial,tahoma,helvetica,sans-serif,serif;
	font-size: 14px; 
	color: #cd0c6d; 
	font-weight: bold;
	text-align: left; 
	margin: 0px 0px 1em 0px;
	line-height: 1em;
	} 

body#whatisbowen div#rightmenu p,
body#treatments div#rightmenu p,
body#commentspage div#rightmenu p,
body#laboutbowen div#rightmenu p,
body#lbowtraining div#rightmenu p,
body#linksahealth div#rightmenu p
	{
	margin: 15px 0px 15px 10px;
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	line-height: 1.15em;
	text-align: left;
	color: #cd0c6d; 
	background: url(../images/rightarrow.gif) no-repeat 0% 50%;
	padding-left: 12px;
	}

/* Styles for Quote Bit */

body#whatisbowen div#quote,
body#commentspage div#quote,
body#laboutbowen div#quote,
body#lbowtraining div#quote,	
body#linksahealth div#quote
	{
	position: absolute; 
	top: 250px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	border: 1px solid #74aaaa;
	z-index: 2;}

body#whatisbowen div#quote p,
body#commentspage div#quote p,
body#laboutbowen div#quote p,
body#lbowtraining div#quote p,	
body#linksahealth div#quote p	
	{
	margin: 15px 20px 15px 10px;
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	line-height: 1.15em;
	text-align: right;
	color: #cd0c6d; 
	}

/* Quote Div on Several Pages */

body#aboutme div#quote, 
body#appointments div#quote,
body#contactme div#quote, 
body#newsandevents div#quote, 
body#newsletters div#quote, 
body#research div#quote 
	{
	position: absolute; 
	top: 90px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	border: 1px solid #74aaaa;
	}

body#aboutme div#quote p,
body#appointments div#quote p,
body#contactme div#quote p,
body#newsandevents div#quote p, 
body#newsletters div#quote p,	
body#research div#quote p
	{
	margin: 15px 15px 15px 15px;
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	line-height: 1.15em;
	text-align: left;
	color: #cd0c6d; 
	}

/* Actual What Is Bowen? Page */

table.smallphotos {
	width: 460px; 
	background: #fefefe; 
	margin-left: 50px;
	}

table.smallphotos td p {
	margin: 0px; padding: 0px;
	text-align: center; 
	font-size: 90%; 
	margin-bottom: 5px;
	}

table.smallphotos img {padding: 10px 5px 0px 5px;}

/* ================================================= Bowen Treatments Page */

h2 {font-size: 15px;} /* Gets other styling from H1 above */

div.ulleft, div.ulright {
	width: 250px; 
	float: left; 
	}

.clear {clear: both;}

ul {	list-style: square; padding: 0px; 
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 30px;
	} 

li {	font-family: verdana,arial,tahoma,helvetica,sans-serif,serif;	
	font-weight: normal; 
	color: #cd0c6d;
	text-align: left;
	font-size: 13px; 
	margin-left: 40px;
	}

p.tagline {
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-top: 20px;	
	}

div#informationdownload {
	border: 1px solid #74aaaa;
	position: absolute; 
	top: 250px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	line-height: 0px; /* No idea why this is needed, but without, FF adds extra top/bottom margins .. */
	}

div#informationdownload h3 {
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 13px;
	text-align: left; 
	margin: 15px 0px 15px 8px; 
	color: #74aaaa;
	}

div#informationdownload p.worddownload, div#informationdownload p.pdfdownload {
	margin: 10px 0px 12px 6px;  
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
	padding-left: 22px; 
	}

div#informationdownload p.worddownload {background: #fbf4f5 url(../images/doc.gif) 0% 0% no-repeat;}

div#informationdownload p.pdfdownload {background: #fbf4f5 url(../images/pdf.gif) 0% 0% no-repeat;}

p.impinfo {
	text-align: left; 
	margin: 20px 0px 15px 8px; 
	font-family: arial,tahoma,helvetica,sans-serif,serif; 
	font-weight: bold;
	}

div#adobe {
	text-align: left; 
	border: 1px solid #74aaaa;
	position: absolute; 
	top: 440px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	line-height: 0px; /* No idea why this is needed, but without, FF adds extra top/bottom margins .. */
	}

div#adobe p  {
	margin: 10px 10px 10px 10px;  
	font-family: arial,tahoma,helvetica,sans-serif,serif;	
	font-size: 12px;
	line-height: 1.5em;
	color: #000000;
	text-align: left;
	}

.adobename {color: #CC0000;}


/* Actual Patient Comments Page */

div.comments {
	border-bottom: 1px solid #74aaaa;
	margin: 0px 40px 20px 60px;
	padding-bottom: 15px; 
	}

div.comments p {
	line-height: 1.2em;
	padding: 0px;
	margin: 0px;
	}

div.comments p.initials {
	font-weight: bold; 
	color: #cd0c6d
	}  

div#modalities {
	position: absolute; 
	top: 360px; left: 10px; 
	width: 170px;
	} 

div#modalities p {
	margin: 15px 10px 15px 22px;
	font-size: 12px;
	line-height: 1.8em;
	text-align: center;
	color: #74aaaa; 
	}

.topmargin {margin-top: 2em;}

.bold {font-weight: bold;}

div.widemargin p { 
	margin-left: 70px; 
	margin-right: 70px;
	}

img {border: 0; margin: 0; padding: 0;}

div#backtotop {text-align: right; margin-right: 45px;}

/* Bowen Treatments AND Other Therapies Pages */

div.centeredimage {
	width: 220px; 
	margin-left: auto; margin-right: auto; /* For centering */
	}

/* Booking Appointments Page */

body#appointments div#informationdownload, 
body#newsandevents div#informationdownload 
	{
	border: 1px solid #74aaaa;
	position: absolute; 
	top: 90px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	line-height: 0px; /* No idea why this is needed, but without, FF adds extra top/bottom margins .. */
	}

body#appointments div#adobe {
	text-align: left; 
	border: 1px solid #74aaaa;
	position: absolute; 
	top: 280px; right: 17px; 
	background: #fbf4f5; 
	width: 165px;
	line-height: 0px; /* No idea why this is needed, but without, FF adds extra top/bottom margins .. */
	}

div.cancellations {
	padding-top: 10px; 
	margin: 0px 60px 20px 40px; 
	border: 1px solid  #cd0c6d;
	}

div.cancellations h2 {font-size: 18px;}

div.clinics {
	border-bottom: 1px solid #cd0c6d;
	margin: 0px 60px 20px 40px;
	padding-bottom: 15px; 
	}

div.clinics p {
	line-height: 1.2em;
	padding: 0px;
	margin: 0px;
	margin-left: 30px;
	}

div.clinics h2 {margin-left: 30px; margin-top: 12px; margin-bottom: 5px;}

div.clinics p.costs {margin-left: 30px; line-height: 1.5em; margin-bottom: 1em;}



/* NB Style for Contact Me page come from formpage.css */

/* Oops and Thank You Pages */

div#othermainpages {
	background: #f2eced; 
	padding: 30px 0px;
	width: 650px;
	margin-left: auto; margin-right: auto; /* To centre the div on the page */
	}

/* ======================================================= News & Events Page */

/* NB Most of this is temporary for the Special Offer period only */

div.relaunch {
	border-bottom: 1px solid #cd0c6d;
	margin: 0px 60px 20px 40px;
	padding-bottom: 15px; 
	}

div.relaunch p {
	line-height: 1.3em;
	padding: 0px;
	margin-left: 30px;
	}

div.relaunch h2 {margin-left: 30px; margin-top: 12px; margin-bottom: 5px;}

div.relaunch img {float: right; margin-left: 30px;}

div.newsandevents {
	border-bottom: 1px solid #cd0c6d;
	margin: 0px 60px 20px 40px;
	padding-bottom: 15px; 
	}

div.newsandevents p {margin-left: 30px}

div.newsandevents ul {margin-left: 45px}

div.newsandevents li {color: #000000;}

p.pdfdownload {
	background: #f2eced url(../images/pdf.gif) 0% 0% no-repeat;
	padding-left: 20px; 
	line-height: 1.5em;
	}

body#newsandevents div.newsandevents img {float: right; margin-left: 10px;}

body#newsandevents img#fair {
	display: block; 
	padding-bottom: 15px;
	}

body#newsandevents img#sidebend {
	display: block; 
	padding-bottom: 15px; 
	margin-left: 50px;
	}

/* My Newsletters Page */

div.newsletter {
	margin: 0; padding: 0;
	border-bottom: 1px solid #74aaaa;
	margin: 0px 40px 15px 45px;
	padding: 8px 0px 4px 8px;
	}

div.newsletter p.arrow {
	background: url(../images/rightarrow.gif) no-repeat 0% 50%; 
	padding-left: 12px; 
	margin-left: 20px;
	}

/* About Me Page */

img#ikpic {
	float: right;
	margin: 0px 0px 10px 20px; 
	}

.thankyou {
	line-height: 1em;
	font-weight: bold; 
	margin-left: 40px;
	}

/* Other Therapies Page */

li.larger { /* Gets other styling from li above */
	font-size: 110%;
	margin-bottom: 1em; 
	margin-left: 50px;
	}

/* Links Pages */

div.links {
	border-bottom: 1px solid #74aaaa; 
	margin: 0px 70px 20px 60px;
	padding-bottom: 15px; 
	}

div.links p.arrow {
	background: url(../images/rightarrow.gif) no-repeat 0% 50%; 
	line-height: 1.1em;
	margin-bottom: 2px;
	padding-left: 10px
	}

div.links p {
	line-height: 1.1em;
	padding: 0px;
	margin: 0px;
	}

#bread {
	color: #cccccc; 
	text-align: right; 
	margin-right: 45px;
	background: #f2eced;
	padding: 3px;
	margin-bottom: 10px;
	}

#bread ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
	} 

#bread ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
	}

/* Research Page */

img.laban {
	margin: 0px 0px 50px 50px; 
	}

body#research img#extendedknee,
body#research img#swayback
 	{
	margin: 0px 0px 20px 30px; 
	}

