/* for the divs that one holds the whole page and the two that wrap the right and left sides of each page  */
#wrapper {
	position:relative;
	width:766px;
	height:728px;
	margin-right:auto;
	margin-left:auto;
	z-index:1;
	left: 0px;
	top: 160px;
}
.mainback {
	position:relative;
	width:766px;
	height: 710px;
	margin-right:auto;
	margin-left:auto;
	background-image: url(images/design.jpg);
	background-repeat: no-repeat;
	}

/* for the div that contains the p7 menu  */
#header {
	position:absolute;
	width:766px;
	height:71px;
	z-index:1;
	top: 0px;
	visibility: visible;
	left: -3px;
}
a:link {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #356734;
	text-decoration: underline;
}
a:visited {
	color: #356734;
	text-decoration: underline;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	 margin:0px; 
	 padding:0px;

}
/* left container div with additional ones for pages that require different configurations*/
#leftImage {
	position:absolute;
	width:349px;
	height:243px;
	z-index:4;
	left: 20px;
	top: 79px;
	visibility: visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
}
.footerClinic {
	position:absolute;
	width:766px;
	height:66px;
	z-index:7;
	top: 560px;
	left: 0px;
}
#thumb1 {
	position:absolute;
	width:109px;
	height:82px;
	z-index:8;
	left: 535px;
	top: 68px;
	visibility: visible;
}
#thumb2 {
	position:absolute;
	width:109px;
	height:82px;
	z-index:9;
	left: 650px;
	top: 68px;
	visibility: visible;
}
/* for the text in the left div unless superceeded by other text configurations  */
. {
	font-size: 80%;
	color: #000000;
}

/* for the div containing the title heading for each page and any others that have to be changed because of text length   */
.pageTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #336633;
	text-align: center;
	letter-spacing: 2px;
	line-height: 20px;
	left: 553px;
	width:193px;
	height:21px;
	position:absolute;
	z-index:2;
	top: 79px;
	visibility: visible;
}
/* for the text on right side general and any others for particular pages  */

.textRightHalfRemed {
	font-size: 80%;
	color: #000000;
	width:337px; 
	height:98px;
	left: 406px; 
	top: 142px;
	position:absolute; 
	z-index:1;
}
.textRightBotRemed {
    font-size: 80%;
	color: #000000;
	position:absolute;
	width:337px;
	height:70px;
	z-index:3;
	top: 410px;
	left: 406px;
	}
.remedAdviceState {
	position:absolute;
	height:120px;
	font-size: 80%;
	color: #000000;
	z-index:2;
	visibility: 
	visible;
	top: 257px;
	border: 2px solid #336633;
	left: 406px;
	width: 325px;
	padding: 5px;
}
.textLeftHalf {
	font-size: 80%;
	color: #000000;
	position:absolute;
	width:349px;
	height:160px;
	z-index:4;
	visibility: visible;
	left: 20px;
	top: 346px;
}
.textLeftHalf  a:link {
	color: #000000;
	text-decoration: underline;
}
.textLeftHalf  a:active {
	color: #000000;
	text-decoration: underline;
}
.textLeftHalf  a:hover {
	color: #000000;
	text-decoration: underline;
}
.textLeftHalf  a:visited {
	color: #000000;
	text-decoration: underline;
}

/* specific div for the footer image for all footer divs */
/*---------------------------------------------------*/
.footerClinic {
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
}
.footerClinic {
	position:absolute;
	width:766px;
	height:66px;
	z-index:7;
	top: 570px;
	left: 0px;
}
/* specific divs for the copyright details though not sure you need them all the chiro one works for all pages I think */
/*---------------------------------------------------*/
.copyright {
	font-size: 70%;
	color: #356734;
	text-decoration: none;
	width:700px;
	height:21px;
	margin-left: 23px;
	margin-top: 48px;
}
.copyright a:link {
	color: #356734;
	text-decoration: none;
}
.copyright a:active {
	color: #356734;
	text-decoration: none;
}
.copyright a:hover {
	color: #356734;
	text-decoration: underline;
}
.copyright a:visited {
	color: #356734;
	text-decoration: none;
}