/* CSS Document, Created by Karen Wells, Oct 2008 for the nice folks at The Therapy Room */

body {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 90%;
			text-align: center;
		}

#container {
			width: 968px;
			margin-left: auto;
			margin-right: auto;
			margin-bottom: 0;
			text-align: left;
			position: relative;
		}
		
		
/* Top banner - logo, background and navigation */

.listTitle
{
	font-size: 14px;
}

#banner {
			padding-bottom: 20px;
			background-image:url(images/rainbow.png);
			background-repeat: no-repeat;
		}
		
p#url	{ 
			color: #fff;
			text-align: right;
			margin: 0 20px 0 0;
			padding: 10px 0 0 0;
		}
		
p#strapline	{ 
			color: #fff;
			text-align: right;
			margin: 0 20px 0 0;
			padding: 10px 0 0 0;
			font-style: italic;
			font-weight: normal;
		}	
		
		
		
ul#navigation {
			text-align: right;
			margin: 20px 0 20px 0;
			padding: 0 0 20px 10px;
	}

ul#navigation li {
			margin: 0; 
			padding: 0;
			display: inline;
			list-style-type: none;
	}
	
ul#navigation a:link, #navigation a:visited {
			float: right;
			font-size: 80%;
			line-height: 14px;
			padding-bottom: 2px;
			font-weight: bold;
			margin: 0 17px 4px 17px;
			text-decoration: none;
			color: black;
	}

ul#navigation a.active:link, ul#navigation a.active:visited, ul#navigation a:hover {
			font-size: 80%;
			line-height: 14px;
			border-bottom: 4px solid #969;
			padding-bottom: 1px;
			font-weight: bold;
			margin: 0 17px 4px 17px;
			color: black;
			

	}			
/* End banner */	

/* Home */	

#lefthome {
			float: left;
			width: 65% ;
			margin: 0 20px 0 0;
			padding: 0 0 0 20px;
			background-color: white;
		}	
		
#lefthome a {
			text-decoration: none;
			color: #000;
		}		
		
#lefthome a:hover {
			text-decoration: none;
		}		
		
#lefthome h1 {
			background-color: white;
			font-size: 120%;
			font-weight: normal;
			color: #636;
			padding: 0 0 7px 0;
			margin: 0 0 12px 0;
		}
		
#lefthome p {
			font-size: 80%;
			font-weight: normal;
			color: #666;
		}	
		
#lefthome h2 {
			background-color: white;
			font-size: 90%;
			font-weight: bold;
			color: #636;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
		}	
		
#homeone {
			width: 70%;
			float: left;
			padding: 0 0px 0 0px;
			margin: 0 7px 0 0;
		}	
		
#homeone p{
			padding: 0 0px 0 0px;
			margin: 0 0 15px 0;
		}				
		
#hometwo {
			float: right;
			padding: 0 0 0 0;
			margin: 0 0 0 0px;
			width:133px;
		}
		
		#homeImage
		{
			height:212px;
			width:133px;
			padding: 0 0 0 0;
			margin: 0 0 0 0px;
			background-image:url(images/sign2.jpg);
			background-position: top left;
			background-repeat: no-repeat;
		}
		
#hometwo p{
			font-size: 80%;
			font-style: italic;
			color: #636;
			margin: 230px 0 0 0;
			padding: 0;
		}			
		
#openingtimes {
			clear:both;
				
		}
		
		#openingTimeImage
		{
			background-image: url(images/map2.png);
			background-repeat: no-repeat;
			background-position: left ;
			height:110px;
			width:220px;
		}		
		
#openingtimes p {
			padding: 0 ;
			margin: 0 0 0 0;
			font-size: 80%;
		}	
		
		
#openingtimes h2 {
			padding: 0 ;
			margin: 0 0 0 0;
			font-size: 80%;
			font-weight: bold;
			color: #636;
		}				
		
#footerright {
			float: right;
			width: 30%;
			margin: 0 5px 0 0;
			padding: 0 0 0 0;
			text-align: right;
		}	
		
#footerright p{
			margin: 0 ;
			padding: 5px 0 0 0;
			color: #c9c;
		}	
		
p#google  {
			margin: 0 0 25px 0 ;
			padding: 0;
			color: #999;
			font-weight: bold;
			font-size: 110%;
		}				
		
p#open {
			font-size: 170%;
			padding: 0;

		}				
		
	
/* End home */	

/* Left */	

#leftcolumn {
			float: left;
			width: 70% ;
			margin: 0 20px 0 0;
			padding: 0 0 0 20px;
			background-color: white;
		}	
		
#leftcolumn h1 {
			background-color: #ccc;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 7px;
			margin: 7px 0 17px 0;
		}
		
#leftcolumn p {
			font-size: 80%;
			font-weight: normal;
			color: #666;
		}	
		
#leftcolumntwo {
			float: left;
			width: 65% ;
			margin: 0 5px 0 0;
			padding: 0 0 0 20px;
			background-color: white;
		}	
		
#leftcolumntwo h1 {
			background-color:white;
			font-size: 120%;
			font-weight: normal;
			color: #666;
			padding: 7px 0 7px 0;
			margin: 22px 0 0 0;
		}
		
#leftcolumntwo p {
			font-size: 80%;
			font-weight: normal;
			color: #666;
		}
		
#leftcolumntwo h2 {
			background-color: #c9c;
			font-size: 100%;
			font-weight: normal;
			color: #636;
			padding: 7px;
			margin: 30px 0 20px 0;
		}							
		
p#ihc { 
			font-size: 80%;
			padding: 40px 0 0 0;
			
		}	
		
.leftright { 
			width: 27%;
			float: right;
			background-image:url(../images/beige-comma.png);
			background-repeat:no-repeat;
			background-position: left;
			padding: 0 27px 0 77px;
			margin: 35px 0 5px 5px;
			font-style: italic;
		}
		
.leftrighttwo { 
			width: 32%;
			float: right;
			background-image:url(../images/commagrey.png);
			background-repeat:no-repeat;
			background-position: right;
			padding: 0 50px 0 17px;
			margin: 22px 10px 5px 5px;
			font-style: italic;
			border-left: 5px solid  #ccc;
		}			
		
#leftcolumn h2 {
			background-color: #c9c;
			font-size: 100%;
			font-weight: normal;
			color: #636;
			padding: 7px;
			margin: 30px 0 20px 0;
		}	
		
ul#questions {
			padding: 0;
			margin: 0 0 20px 0;
			font-weight: bold;
			font-size: 80%;
			color: #666;
		}	
			
ul#questions li {
			padding: 0 0 7px 0;
			margin: 0 ;
			list-style:none;
		}				
		
#leftbottom p {
			color: #636;
			margin: 0;
			padding: 0 0 10px 0;
		}	
		
p#leftclearboth  {
			margin: 0 0 60px 0;
			padding: 0;
			width: 60%;
		}		
		
p#quote {
			background-image: url(images/pink-comma2.png);
			background-position: right top ;
			background-repeat: no-repeat;
			font-size: 80%;
			font-weight: normal;
			font-style: italic;
			color: #636;
			padding: 8px 75px 20px 0;
			margin: 2px 0 4px 30px;
			width: 60%;
		}	
		
p#quotehome {
			background-image: url(images/pink-comma2.png);
			background-position: right top ;
			background-repeat: no-repeat;
			font-size: 80%;
			font-weight: normal;
			font-style: italic;
			color: #636;
			padding: 12px 0 20px 0;
			margin: 15px 0 4px 40px;
			width: 55%;
		}		
		
#leftbottom {
			margin: 0 0 0 0px;
			padding: 0 0 0 150px;
			width: 75%;
			color: #000;
		}	
			
.largeurl	 a{
			color: #636;
			font-size:100%;
			font-weight: bold;
		}	
		
#fronttherapist {
			margin: 0 0 0 0px;
			padding: 0 0 0 0px;
			color: #000;
			float: left;
			width: 40%;
		}	
		
#spotlight {
			margin: 0 20px 0 0px;
			padding: 0 0 0 0px;
			color: #000;
			float: left;
			width: 40%;
			border: 1px solid #c9c;
		}	
		
#spotlight h2{
			margin: 0 0 0 0;
			padding: 0 10px 0 10px;
			color: #fff;
			border: 1px solid #c9c;
		}
		
#spotlight p{
			margin: 20px;
			padding: 0 0 0 0px;
			color: black;
		}					
												
		
/* End left */		

/* Right */	

p#promote {
			margin: 10px 0 5px 0;
			padding: 0;
			font-weight: bold;
			font-size: 80%;
			font-style: italic;
		}		

#rightcolumntwo {
			margin: 0 10px 0 0;
			background-color: white;
			width:238px;
			float: right;
		}
		
#rightcolumntwo h2{
			font-weight: bold;
			color: #636;
			font-size: 80%;
			margin: 0px 0 0 0;
			padding: 0;
		}	
		
.rightheader	{
			margin: 0 0 10px 0;

		}	
		
#directories {
			margin: 2px 10px 30px 710px;
			padding: 0;
			border: solid 1px #666;
		}	
		
		

		

.directoriestitles  {
			margin: 17px 0 10px 12px ;
			padding: 0 0 0 5px;
			border-left: solid 7px #cc9;  
			color: #666;
			font-size: 80%;
		}	
		
.directoriestitles a:link, .directoriestitles a:visited { 
			color: #666;
		}
		
#directoriestwo {
			margin: 2px 10px 30px 0px;
			padding: 0 0 20px 0;
			border: solid 1px #666;
			background-image: url(../images/pebbles.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
			width: 40%;
			float: left;
		}	
		
.directorytwo {
			font-weight: bold;
			color: white;
			background-color: #993;
			padding: 5px;
			margin: 0;
			font-size: 90%;
		}

.directoriestwotitles  {
			margin: 17px 0 10px 12px ;
			padding: 0 0 0 5px;
			border-left: solid 7px #cc9;  
			color: #666;
			font-size: 80%;
		}	
			
		
#news {
			margin: 2px 10px 70px 710px;
			padding: 0 0 7px 0;
			border: solid 1px #666;
			border-right: solid 20px #666;
		}	
		
#newstwo {
			margin: 2px 0 20px 20px;
			padding: 0 0 7px 0;
			border: solid 1px #666;
			float: left;
			width: 48%;
		}
		
#newsright	{
			padding: 0 0 10px 0px;
			border: 1px solid #ccc;
			margin: 0 10px 30px 0;
		}
		
#newsright	p {
			padding: 10px 5px 0 5px;
			margin: 0 ;
			font-size: 80%;
		}					
		
#newstwo p {
			margin: 0 ;
			padding: 5px 10px 0 10px;
			font-size: 80%;
		}						
		
p#newstitle {
			margin: 0 ;
			padding: 5px 10px 5px 10px;
			font-size: 100%;
			color: white;
			font-weight: bold;
			background-color: #D0C19A;
		}			
		
#news p {
			margin: 0 ;
			padding: 5px 10px 0 10px;
			font-size: 80%;	
		}
		
p#newsheader {
			margin: 0 ;
			padding: 5px 5px 5px 5px;
			font-size: 100%;
			color: white;
			font-weight: bold;
			background-color: #D0C19A;
		}								
			
		
.address {
			font-weight: normal;
			color: #999;
			font-size: 70%;
			padding: 0 0 10px 0;
			margin: 0;
		}	
		
.addresstwo {
			font-weight: normal;
			color: #999;
			font-size: 70%;
			padding: 0;
			margin: 0;
		}	
		
#therapistspotlight	{
			padding: 0 0 0 0px;
			border: 1px solid #ccc;
			margin: 0 10px 30px 0;
		}	
		
#therapistspotlight h2	{
			padding: 10px 0 5px 5px;
			margin: 0;
			font-weight: normal;

		}		
		
p#spotlighton {
			margin: 0;
			padding: 10px 0 12px 5px;
			background-color: #969;
			color: white;
			background-image: url(../images/twizzle.png);
			background-position: right;
			background-repeat: no-repeat;
			font-size: 120%;
			font-weight: bold;
}

#therapistspotlight p{
			padding: 10px 0 7px 5px;
			margin: 0;
			font-size: 80%;
		}			
		
/* End right */	

/* Ailments */	

#leftcolumnailments {
			float: left;
			width:650px;
			margin:0 5px 0 20px;
			background-color: white;
		}	
		
#leftcolumnailments a {
			text-decoration: none;
			/*color: #000;*/
		}		
		
#leftcolumnailments a:hover {
			text-decoration: underline;
		}		
		
#leftcolumnailments h1 {
			background-color: #ccc;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 7px;
			margin: 0px 0 17px 0;
		}
		
#leftcolumnailments p {
			font-size: 80%;
			font-weight: normal;
			color: #666;
		}	
		
#leftcolumnailments h2 {
			background-color: white;
			font-weight: normal;
			color: #666;
			padding: 0 0 5px 0;
			margin: 0 0 0 30px;
		}	
		
#therapistsCards {
			width:300px;
			float: left;
			margin: 20px 0 0 5px;
		}			
		
#ailmentsone {
			width: 32%;
			float: left;
			margin: 20px 0 0 5px;
		}		
		
#ailmentstwo {
			width: 32%;
			float: left;
			margin: 20px 0 0 5px;
		}	
		
#ailmentsthree {
			width: 32%;
			float: left;
			margin: 20px 0 0 5px;
		}				

.book {
			font-weight: normal;
			color: #636;
			font-size: 100%;
			margin: 0 0 0 0;
			padding: 0 0 10px 25px;	
}		

#directoriesailments {
			margin: 2px 10px 50px 710px;
			padding: 0;
			border: solid 1px #666;
			background-image: url(../images/pebbles.jpg);
			background-repeat: no-repeat;
			background-position: bottom right;
		}
		
				
		
#cambridge {
			margin: 0 10px 30px 710px;
			padding: 0 0 7px 0;
			border: solid 1px #666;
			background-image: url(../images/sign2.jpg);
			background-repeat: no-repeat;
			background-position: bottom left;
		}
		
#cambridge p {
			font-weight: normal;
			color: #999;
			font-size: 70%;
			padding: 0 0 10px 115px;
			margin: 1px 0 0 0px;
		}
		
#cambridge h2 {
			margin: 0 0 12px 0;
			padding: 5px;
			background-color: #969;
			font-size: 90%;
		}
		
#cambridge a {
			color: #fff;
		}		
		
#cambridge h3 {
			font-weight: bold;
			color: #636;
			font-size: 80%;
			margin: 0 0 15px 10px;
			padding: 0;
		}			
		
.cambridgeaddress {
			font-weight: normal;
			color: #999;
			font-size: 70%;
			padding: 0 0 10px 0;
			margin: 0 0 0 800px;
		}	
		
.cambridgeaddresstwo {
			font-weight: normal;
			color: #999;
			font-size: 70%;
			padding: 0;
			margin: 0;
		}	
		
#ailmentsdescription h2 {
			background-color: white;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 0 0 5px 0;
			margin: 0 0 0 30px;
		}	
		
h2#anailment {
			margin: 0 140px 0 0;
			padding: 0;
			color: #636;
			border-bottom: 7px solid #c9c;
			text-align: left;
}		

h2#ailmenttherapies		
			 {
			margin: 0 140px 0 0;
			padding: 0;
			color: #636;
			border-bottom: 7px solid #c9c;
			text-align: left;
}	

#leftcolumnailments ul {
			margin: 20px 0 20px 30px;
			padding: 0 0 0 0;
			
		}	
		
#leftcolumnailments li {
			margin: 0 0 10px 0;
			padding: 0 0 0 10px;
			list-style-image: none;
			list-style-type: none;
			border-left: 10px solid #6cc;
			font-size: 80%;
			
		}									
		
/* End ailments */	

/* Therapists */	

#therapist {
			float: left;
			width: 95% ;
			margin: 0 5px 0 0;
			background-color: white;
			position:relative;
			left:20px;
		}
		
#therapist  a {
			text-decoration: none;
		}		
		
#therapist  a:hover {
			text-decoration: underline;
		}		
		
#therapist h1 {
			background-color: #ccc;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 7px;
			margin: 0px 0 17px 0;
		}
		
#therapist  p {
			font-size: 80%;
			font-weight: normal;
			color: #666;
		}	
		
#therapist h2 {
			background-color: white;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 0 0 5px 0;
			margin: 0 0 0 30px;
		}			
		
#therapistone {
			width: 55%;
			float: left;
			margin: 0 30px 0 20px;
		}		
		
#therapisttwo {
			width: 305px;
			float: right;
		}
		
#therapisttwo  h2{
			margin: 0 ;
			padding: 0 ;
		}		
		
.smallPrint
{
	color: #666666;
	font-size: 10pt;
}
		
/* Therapists end */			

/* Contacts */	

#contactsone {
			width: 40%;
			float: left;
			margin: 30px 0 0 100px;
		}		
		
#contactstwo {
			width: 40%;
			float: left;
			margin: 30px 0 0 0;
		}	
		
p#contactquote {
			background-image: url(../images/pink-comma.png);
			background-position: right;
			background-repeat: no-repeat;
			font-size: 80%;
			font-weight: normal;
			font-style: italic;
			color: #636;
			padding: 10px 75px 20px 0;
			margin: 200px 40px 0 150px;
			width: 40%;
		}			
		
/* End contacts */	

/* Fees */	

#fees {
			float: left;
			width: 65% ;
			margin: 0 5px 0 0;
			padding: 0 0 0 20px;
			background-color: white;
		}	
		
#colone {
			float: left;
			width:280px;
			margin: 0;
			padding: 0 ;
		}	
		
#coltwo {
			float: left;
			width:310px;
			margin: 0;
			padding: 0 ;
		}			
		
#fees a {
			text-decoration: none;
			color: #000;
		}		
		
#fees a:hover {
			border-right: 7px solid #669933;
			padding-right: 10px;
		}		
		
#fees h1 {
			background-color: #ccc;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 7px;
			margin: 0px 0 17px 0;
		}
		
#fees p {
			padding: 0 0 5px 0;
			margin: 0;
			font-size: 80%;
		}	
		
#fees h2 {
			margin: 0 0 3px 0;
			padding: 0 ;
			font-size: 100%;
			font-weight: bold;}

.feesone {
			float: left;
			margin: 20px 0 0 0px;
			border-left:  solid 3px #6cc; 
			padding: 0 0 0 5px;
			width: 250px;
		}
		
		
		    .form-error-message
      		{
      			color: red;
      		}
							
		
/* End fees */		

/* Courses */	

#courseone {
			width: 65%;
			float: left;
			margin: 0 30px 0 20px;
		}	
		
#courseone  h2{
			margin: 0 ;
			padding: 0 ;
		}			
		
#coursetwo {
			width: 22%;
			float: right;
			margin: 0 0 0 5px;
			border-left: 1px solid #CCCC33;
			padding: 0 0 0 20px;
		}
		
#coursetwo  h2{
			margin: 0 ;
			padding: 0 ;
		}	
		
#course {
			float: left;
			width: 95% ;
			margin: 0 5px 0 0;
			padding: 0 0 0 20px;
			background-color: white;
		}
		
#course  a {
			text-decoration: none;
			color: #000;
		}		
		
#course  a:hover {
			text-decoration: underline;
		}		
		
#course h1 {
			background-color: #ccc;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 7px;
			margin: 37px 0 17px 0;
		}
		
#course  p {
			font-size: 80%;
			font-weight: normal;
			color: #666;
		}	
		
#course h2 {
			background-color: white;
			font-size: 100%;
			font-weight: normal;
			color: #666;
			padding: 0 0 5px 0;
			margin: 0 0 0 0;
		}			
									

/* Footer */		

#footer {
			clear: both;
			padding: 10px 30px 0 0;
			text-align: right;
			font-size: 70%;
		}
		
#footer p {
			text-align: right;
			font-size: 80%;
		}		
		
.gantwells {
			padding: 10px 10px 0 10px;
			margin: 0 ;
			font-size: 70%;
			text-align: right;
		}	
		
/* End footer */			

/* Register */	

table#addressdetails {
			border:  solid 1px grey;
			padding: 20px;
			margin: 10px 0 10px 0;
			width: 500px;
			background-color: #f2f2f2;
}

table#addressdetails td {
			padding: 0 0 10px 0;
}

table.therapydetails {
			border:  solid 1px grey;
			padding: 20px;
			margin: 10px 0 10px 0;
			width: 500px;
			background-color: #F4F5E2;
}

table.therapydetails td {
			padding: 0 0 10px 0;
}

form label{
			font-size: 80%;
}




/* End register */		
img.googlemap { 
			border:  solid 1px #636;
			width: 220px;
			height: 70px;
			padding: 0;
			margin: 0;
}

a {
			text-decoration: none;
		}

a:hover { 
			text-decoration: underline;
		}
		
p#url	 a:link, p#url a:visited { 
			color: white;
			text-align: right;
			margin: 0 0 0 0;
			padding: 10px 0 0 0;
		}	
		
		
.smallGray 
{
	color:#666666;
	font-size:80%;
	font-weight:normal;
}

.dateSmall
{
	color:#663366;
	font-size:80%;
}