body {
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	background-color: #807970;
	margin: 0px;
	padding: 0px;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(images/lines.gif);
}

.home {
	background-image: url(images/lines3.gif);
}

#corner {
	width: 420px;
	height: 420px;
	background-image: url(images/corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 70%;
	line-height: 5em;
}


h1{
	font-size: 100%;
	color: #ffffff;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
}

a:link{
	color:#ffffff;
	text-decoration: underline;
	font-size: 100%;
}

a:hover{
	color:
#CCFF33;
	text-decoration: underline;
	font-size: 100%;
}

#text a:hover{
	color:
#CCff33;
	text-decoration: underline;
	font-size: 100%;
}

#text a:link{
	color:#ffffff;
	text-decoration: underline;
	font-size: 100%;
}








#logo {
	background-color:  #ffffff;
	width: 345px;
	height: 540px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}

#logosmall {
	background-color:  #ffffff;
	width: 300px;
	height: 100px;
	margin: 0px;
	padding: 0px;
	float: left;
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
}

#photo {
	position: absolute;
	height: 350px;
	width: 329px;
	left: 5px;
	top: 137px;
}

#content {
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	font-size: 80%;
	line-height: 1.66em;
	float: left;

	color: #FFFFFF;
}

#welcome{
	background-image: url(images/welcome.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height: 30px;
	position: absolute;
		width: 110px;
	left: 863px;
	top: 8px;

}
#slice1{
	background-repeat: no-repeat;
	width: 200px;
	float: left;
	height: 575px;
	background-image: url(images/curvelarge4.gif);
}


/*text boxes*/
#text {
	position: absolute;
	height: 590px;
	width: 400px;
	left: 476px;
	top: 9px;
	margin: 60px;

}

#textlevel2 {
	position: absolute;
	height: 549px;
	width: 500px;
	left: 365px;
	margin: 60px;
	top: 3px;
	font-size: 80%;
	line-height: 1.66em;
	color: #ffffff;

}

#textlevel2 a:hover {
	color: #CCFF33;
	text-decoration: underline;
}

/*first level menu*/
#home {
	font-size:120%;
	position: absolute;
	top: 32px;
	left: 207px;
	background-image: url(images/home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	width: 150px;
	height:70px;
	vertical-align: middle;
	


	
}

#home a:link, #home a:visited {
	display: block;
	color: #00487d;
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	padding-left:65px;
	vertical-align: middle;
}

#home a:hover { 
 background-image:url(images/home2.jpg);
 background-repeat: no-repeat;
 background-position: left top;
 color: #666666;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
height:70px;
padding-left:65px;

}



#menu {
	font-size:120%;
	position: absolute;
	top: 190px;
	left: 297px;
	background-image: url(images/ost.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	width: 150px;
	height:70px;
	vertical-align: middle;
	


	
}

#menu a:link, #menu a:visited {
	display: block;
	color: #00487d;
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	padding-left:65px;
	vertical-align: middle;
}

#menu a:hover { 
 background-image:url(images/ost2.gif);
 background-repeat: no-repeat;
 background-position: left top;
 color: #666666;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
height:70px;
padding-left:65px;

}





#about {
	font-size:120%;
	position: absolute;
	top: 365px;
	left: 320px;
	background-image:url(images/about2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 159px;
	/*this seems to be needed just for firefox but not ie*/
	height:70px;
	


	
}

#about a:link, #about a:visited {
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
/*this makes the writing go over to the right away from the image*/
padding-left:75px;
}

#about a:hover { 
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 70px;
	padding-left:75px;
	background-image: url(images/about3.gif);
}


#self {
	font-size:120%;
	position: absolute;
	top: 271px;
	left: 333px;
	background-image:url(images/self.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 150px;
	/*this seems to be needed just for firefox but not ie*/
	height:70px;
	


	
}

#self a:link, #self a:visited {
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
padding-left:65px;
}

#self a:hover { 
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 70px;
	padding-left:65px;
	background-image: url(images/self2.gif);
}

#alt {
	font-size:120%;
	position: absolute;
	top: 108px;
	left: 260px;
	background-image:url(images/alt3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 150px;
	/*this seems to be needed just for firefox but not ie*/
	height:65px;
	


	
}

#alt a:link, #alt a:visited {
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
padding-left:65px;
}

#alt a:hover { 
	background-repeat: no-repeat;
/*make sure you put left top in here and in the a:link so the images are in the same place*/
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 67px;
	padding-left:65px;
	background-image: url(images/alt4.gif);
}

#contact {
	font-size:120%;
	position: absolute;
	top: 454px;
	left: 297px;
	background-image:url(images/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 182px;
	/*this seems to be needed just for firefox but not ie*/
	height:65px;
	


	
}

#contact a:link, #contact a:visited {
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 190px;
 voice-family: "\"}\""; voice-family:inherit; width:135px;
padding-left:65px;
}

#contact a:hover { 
	background-repeat: no-repeat;
/*make sure you put left top in here and in the a:link so the images are in the same place*/
	background-position: left top;
	color: #666666;
	width: 190px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:135px;
	height: 65px;
	padding-left:65px;
	background-image: url(images/contact2.gif);
}


/* second level menu links */


#homesmall {
	font-size:120%;
	position: absolute;
	top: -6px;
	left: 275px;
	background-image: url(images/home.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	width: 150px;
	height:70px;
	vertical-align: middle;
	


	
}

#homesmall a:link, #homesmall a:visited {
	display: block;
	color: #00487d;
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	padding-left:70px;
	vertical-align: middle;
}

#homesmall a:hover { 
 background-image:url(images/home2.gif);
 background-repeat: no-repeat;
 background-position: left top;
 color: #666666;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
height:70px;
	padding-left:70px;

}



#menusmall {
	font-size:120%;
	position: absolute;
	top: 120px;
	left: 198px;
	background-image: url(images/ost.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	width: 150px;
	height:70px;
	vertical-align: middle;
	


	
}

#menusmall a:link, #menusmall a:visited {
	display: block;
	color: #00487d;
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	padding-left:70px;
	vertical-align: middle;
}

#menusmall a:hover { 
 background-image:url(images/ost2.gif);
 background-repeat: no-repeat;
 background-position: left top;
 color: #666666;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
height:70px;
	padding-left:70px;

}




#aboutsmall {
	font-size:120%;
	position: absolute;
	top: 261px;
	left: 85px;
	background-image:url(images/about2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 159px;
	/*this seems to be needed just for firefox but not ie*/
	height:75px;
	


	
}

#aboutsmall a:link , #aboutsmall a:visited{
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
/*this makes the writing go over to the right away from the image*/
	padding-left:70px;
}

#aboutsmall a:hover { 
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 70px;
		padding-left:70px;
	background-image: url(images/about3.gif);
}

#selfsmall {
	font-size:120%;
	position: absolute;
	top: 197px;
	left: 154px;
	background-image:url(images/self.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 150px;
	/*this seems to be needed just for firefox but not ie*/
	height:70px;
	


	
}

#selfsmall a:link, #selfsmall a:visited {
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
		padding-left:70px;
}

#selfsmall a:hover { 
	background-repeat: no-repeat;
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 70px;
		padding-left:70px;
	background-image: url(images/self2.gif);
}

#altsmall {
	font-size:120%;
	position: absolute;
	top: 65px;
	left: 237px;
	background-image:url(images/alt3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	width: 150px;
	height:64px;

}

#altsmall a:link, #altsmall a:visited {
	display: block;
	color: #00487d;
	text-decoration: none;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	padding-left:65px;
}

#altsmall a:hover { 
	background-repeat: no-repeat;
/*make sure you put left top in here and in the a:link so the images are in the same place*/
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 67px;
	padding-left:65px;
	background-image: url(images/alt4.gif);
}

#contactsmall {
	font-size:120%;
	position: absolute;
	top: 322px;
	left: 1px;
	background-image:url(images/contact.gif);
	background-repeat: no-repeat;
	background-position: left top;
	word-spacing: 4px;
	/*specifiying the width here makes sure your cursor affects the whole button not just the text*/
 	width: 150px;
	/*this seems to be needed just for firefox but not ie*/
	height:65px;
	


	
}

#contactsmall a:link, #contactsmall a:visited {
/*150px verticalmenu width to play with*/
 display: block;
 color: #00487d;
 text-decoration: none;
 width: 150px;
 voice-family: "\"}\""; voice-family:inherit; width:95px;
padding-left:65px;
}

#contactsmall a:hover { 
	background-repeat: no-repeat;
/*make sure you put left top in here and in the a:link so the images are in the same place*/
	background-position: left top;
	color: #666666;
	width: 150px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:95px;
	height: 65px;
padding-left:65px;
	background-image: url(images/contact2.gif);
}

/*for top heading on a page so it matches logo colour*/
.maintitle {
color:
#ffffff;

}

/*list of links to pages from home page*/
#pages {

text-align: center;

}

#pages p{
line-height: 1em;
}

/*list of osteopath links with their images as thumbnails*/
#bios {
	position: absolute;
	height: 299px;
	width: 289px;
	left: -96px;
	margin: 200px;
	top: 185px;

}

#bios a {
font-size: 70%;
}

#bios p {
font-size: 70%;
}

#pk {
	background-image: url(images/pkthumb.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#leigh {
	background-image: url(images/leigh.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#sophie {
	background-image: url(images/sophie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}


#woman {
	background-image: url(images/woman.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	margin-top: 5px;
font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
vertical-align: top;

}

#dawn {
	background-image: url(images/dawn1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	margin-top: 5px;
font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
vertical-align: top;

}

#deon {
	background-image: url(images/deon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#miranda {
	background-image: url(images/miranda.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#moya {
	background-image: url(images/moya.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}


#sbl {
	background-image: url(images/sbl.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#jo {
	background-image: url(images/jk.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#sirja {
	background-image: url(images/sirja.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#ruth {
	background-image: url(images/ruth.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#emma {
	background-image: url(images/emma.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#rich {
	background-image: url(images/rich.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}
#renata {
	background-image: url(images/acu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}

#laurie {
	background-image: url(images/laurie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}
#homeo {
	background-image: url(images/homeo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 170px;
	height: 100px;
	padding-left: 130px;
	font-family: verdana, "Trebuchet MS", helvetica, sans-serif;
	color: #ffffff;
	vertical-align: top;
}


/*login link*/

#login {
	position: absolute;
	width: 232px;
	left: 737px;
	top: 552px;
	height: 15px;
	font-size: 80%;
	

}

#login a:link, #login a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#login a:hover {
	color: #CCFF33;
	text-decoration: underline;
}

#clientlogin {
	position: absolute;
	width: 282px;
	left: 729px;
	top: 46px;
	height: 15px;
	font-size: 80%;
text-align: center;
}

#clientlogin a:link, #clientlogin a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#clientlogin a:hover {
	color: #CCFF33;
	text-decoration: underline;
}

/*login page */

#loginpage {
	position: absolute;
	height: 549px;
	width: 500px;
	left: 366px;
	margin: 60px;
	top: 3px;
	font-size: 80%;
	line-height: 1.66em;
	color: #ffffff;
padding: 5px;
font-size: 80%;

}

/*booking system*/

#bookings{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#FFFFFF;
	border:1px solid #FFFFFF;
	background-color: #00478d;
	line-height: 1em;	
}

.title {
	color:#ffffff;
	text-align: center;
	border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
	padding-left: 5px;
padding-right: 5px;
	
	}

.titleend {
	color:#ffffff;
	text-align: center;
	padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid #FFFFFF;
	
	}

.cell {
	color:#ffffff;
	text-align: center;
	border-right: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
	padding-left: 5px;
padding-right: 5px;
	
	}

.cellend {
	color:#ffffff;
	text-align: center;
	padding-left: 5px;
padding-right: 5px;
border-bottom: 1px solid #FFFFFF;
	
	}

/*link colors in booking system*/
.admin a:link, a:visited {
	color: #FFFFFF;
	
}

.admin a:hover {
color:
#CCFF33;

}

/* headings in the admin section */
.admintitle {
color: #ffffff;
margin-top: 20px;
margin-left: 10px;
margin-bottom: 20px;
font-size:100%;
}

#signin {
	margin: 5px;
}

.button {
	margin-left: 45px;
}


 .admintable {
	border: 1px solid #ffffff;
	padding-right: 2px;
	padding-left: 2px;
}

.dropdown {
	float: right;

}

#contentlevel2 {
	position: absolute;
	height: 549px;
	width: 500px;
	left: 366px;
	margin: 60px;
	top: 3px;
	font-size: 80%;
	line-height: 1.66em;
	color: #ffffff;
}

/*calendar*/

	
  /*end of calendar*/

#footer{
	clear: both;
	border-top: 1px solid #00487d;
	font-size: 75%;
	color: #00487d;
	padding: 0px 10px 10px 10px;
}

#footer p {
	text-align: center;
	line-height: 20px;
}

#footerhome{
position: absolute;
	font-size: 70%;
	color: #ffffff;
top: 552px;
left: 10px;
}

#footeradmin{
	clear: both;
	margin-top: 250px;
	border-top: 1px solid #00487d;
	font-size: 75%;
	color: #00487d;
	padding: 0px 10px 10px 10px;
	text-align:center;
}

 .hittable {
font-size: 100%;
color: #ffffff;

	padding-right: 2px;
	padding-left: 2px;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif, Webdings;
	font-size: 90%;
}