/* 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:188px;
	height:212px;
	z-index:4;
	left: 20px;
	top: 79px;
	visibility: visible;
}
#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  */
.textRightJennie {
	font-size: 80%;
	color: #000000;
	width:337px;
	height:100px;
	left: 407px;
	top: 288px;
	position:absolute;
	z-index:1;
	visibility: visible;
}
.textLeftHalf {
	font-size: 80%;
	color: #000000;
	position:absolute;
	width:349px;
	height:100px;
	z-index:4;
	visibility: visible;
	left: 20px;
	top: 320px;
}
.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;
}
/* for the mission and other statement divs with backgrounds  */
.missionState{
	font-size: 75%;
	color: #FFFFFF;
	background-image: url(images/blockGreenHome.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	width:345px;
	height:195px;
	top: 254px;
	left: 407px;
	padding-left: 20px;
	padding-top: 10px;
}

/* specific div for the footer image for all footer divs */
/*---------------------------------------------------*/
.footerJennie {
    background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	position:absolute;
	width:766px;
	height:65px;
	z-index:7;
	top: 499px;
	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;
}