/*
#########################################
#										#
#			HTML TAGS					#
#										#
#########################################
*/

body {
font-family:Arial, Helvetica, sans-serif;
  font-size:100%;
  color:#333399;
  /*background:#BE9D72 url(../Images/PageBackground.jpg) top left repeat-x;*/
  background:#635c92 url(../Images/PageBackground.jpg) top left repeat-x;
}





a, a:link, a:visited, a:active{
  color:#333399;
text-decoration:underline;
}
a:hover{
  color:#333399;
text-decoration:none;
}

/*
#########################################
#										#
#			STYLES						#
#										#
#########################################
*/

.wrap{
width:755px;
height:100%;
margin:auto;
background-color:#FFFFFF;
border:3px solid #ffffff;
background-image:url(../Images/contentBG.jpg);
background-position:left;
background-repeat:repeat-y;
margin-top:10px;
}



.header{
width:100%;
background:#ffffff;
float:left;
color:#FFFFFF;
height:100px;
border-bottom:5px solid #e2ddcf;
}
.HeaderBarBeneath{
width:100%;
height:3px;
background-color:#e6d0b8;
margin-top:18px;
}
.HeaderBar{
width:100%;
height:3px;
background-color:#e2ddcf;
margin-top:5px;
}
.UnderneathHead{
width:100%;
height:10px;
background-color:#a09cc4;
float:left;
}
.logo{

float:left;
margin-left:15px;
margin-top:15px;
}

.TelNo{
	float:left;
	margin-left:380px;
	color:#716ba2;
	margin-top:-60px;
	font-size:70%;
	width:305px;

}

.TelNoGrey{
color:#919191;
	font-size:23pt;
	text-align:right;
	font-weight:100;
}

.WelcomeNote{
	clear:both;
	padding:115px 30px 20px 10px;
	text-align:right;
}

.WelcomeNotelarge{
text-align:left;
font-size:100%;
padding-left:70px;
text-transform:uppercase;
}

.WelcomeNotesmall{
font-weight:bold;
font-style:italic;
font-size:90%;
}


.Content_Outline{
width:755px;
padding-bottom:90px;

background:#FFFFFF url(../Images/British_Psychological_Society.jpg) bottom left no-repeat;
}


.NavBottom{
width:168px;
height:7px;
float:left;
background-image:url(../Images/navBottom.jpg);
background-position:left;
background-repeat:no-repeat;
margin-bottom:83px;
margin-top:-2px;
}
.ImageTop{
width:583px;
float:right;
height:189px;
margin-left:4px;
border-bottom:2px solid #ffffff;
text-align:right;
}
.content{
width:582px;
text-align:justify;
float:right;


}

.content h1 {
  font-size:80%;
  height:20px;
  line-height:20px;
  color:#ffffff;
  background-color:#a19cc4;
  width:100%;
margin:0px;
 margin-bottom:10px;
 text-transform:capitalize;
 
 
 padding:0px;
 

}
.content h2{
  font-size:80%;

  color:#333399;
margin:0px;
 padding: 0px;
 margin-bottom:5px;
   margin-left:10px;

}
.content h3 {
  font-size:80%;
  color:#333399;
  margin-left:10px;
margin:0px;
 padding: 0px;

}

.content p, .content li, .content td{
  font-size:80%;
 
}

.content p p, .content p li, .content p td, .content li p, .content li li, .content li td, .content td p, .content td li, .content td td{
  font-size:100%;
  margin-right:15px;
 
}
.content ol li{
  margin-right:15px;
}
.content p{


  margin-left:12px;
  margin-right:30px;
}
.IndividualTest{
width:99%;
float:left;
height:auto;
border-bottom:1px solid #dbd9e6;
margin-top:-5px;
padding-bottom:5px;
padding-top:8px;

}
.IndividualTest p{
font-size:80%;
margin-left:5px;
margin-right:10px;
text-align:justify;
line-height:15px;
}
.BottomInfo{
font-size:70%;
width:768px;
margin:5px auto;
color:#ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
padding-bottom:5px;

}
.BottomInfo a,.BottomInfo a:link, .BottomInfo a:active, .BottomInfo a:visited{
color:#ffffff;
}

.BottomInfo a:hover{
color:#ffffff;
}

.faqanswer{

border-bottom:1px dashed #dbd9e6;
margin:0px 0px 15px 0px;
padding:0px 10px 5px 10px;
}

.faqanswer h3{

margin:0px;
padding:0px;
line-height:normal;
}

.faqanswer p{
line-height:normal;
margin:0px;
padding:0px;
padding-bottom:10px;
}

.BreadCrumb{
float:left;

width:325px;
padding:5px;
font-size:75%;
}

.SearchForm{
width:240px;
float:right;
margin-top:0px;
margin-right:-20px;
text-align:center;
padding:5px 0px 5px 5px;

font-size:80%;
}

.SearchForm form{
margin:0px;
padding:0px;

}

.searchInput{
border:1px solid #999999;
font-size:70%;
padding:0px 0px 0px 2px;
color: #333333;
	margin-top:-17px;
}

.FormSubmit{
	border:0px;
	color:#726ca4;
	background:#ffffff;
	cursor:pointer;
	font-weight:bold;
	padding:0px 0px;
	font-size:80%;
	width:auto;

	margin-top:-6px;
}
.GoButton{
font-size:70%;
position:absolute;
margin-top:0px;
}
.ServiceList{
margin: 0px 60px 20px 60px;
padding: 0px 10px 5px 10px;
border-bottom:1px dashed #dbd9e6;

}

.ServiceList em{
font-size:80%;
}

.ServiceList img{
margin: 0px 10px 0px 0px;
border:1px solid #dbd9e6;
float:left;
}


.ImageGallery{
	padding:0px 10px 8px 10px;
	margin:0px 0px 15px 0px;
	border-bottom:1px dashed #dbd9e6;

}

.ImageGallery img{
margin: 2px 7px 2px 7px;
border:1px solid #dbd9e6;
float:left;
}

.Navigation{
margin:0px;
font-family:Helvetica, Arial,  sans-serif;

font-size:70%;
width:100%;
height:30px;
float:left;
border-bottom:1px solid #ffffff;
border-top:1px solid #ffffff;
background-color:#726ca4;
}

.Navigation ul{
	margin:0px;
	padding:0px;
}

.Navigation li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	float:left;
}



.Navigation ul a, .Navigation ul a:link,.Navigation ul a:visited,.Navigation ul a:active{


background-color:#726ca4;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
padding-left:15px;
padding-right:15px;
height:30px;
line-height:30px;
}

.Navigation ul a:hover, .Navigation ul a.active, .Navigation ul a:link.active,.Navigation ul a:visited.active,.Navigation ul a:active.active{
background:#726ca4 url(../Images/NavHover.jpg) left center no-repeat;
color:#FFFFFF;
text-decoration:underline;

}



.Navigation ul ul a, .Navigation ul ul a:link, .Navigation ul ul a:active, .Navigation ul ul a:visited{

color:#565656;
background:#726ca4;
text-transform:none;
}

.Navigation ul ul a:hover, .Navigation ul ul a.active, .Navigation ul ul a:link.active, .Navigation ul ul a:active.active, .Navigation ul ul a:visited.active{
background:#939393 url(../Images/SubNavHover.jpg) left center no-repeat;
color:#FFFFFF;
text-decoration:none;

}

.footer{
font-family:Helvetica, Arial,  sans-serif;
text-transform:uppercase;
clear:both;
background-color:transparent;
color:#ffffff;
margin-bottom:5px;
text-align:center;
font-size:80%;
width:755px;
margin:auto;
}

.footer a,.footer a:link, .footer a:active, .footer a:visited{
color:#ffffff;
text-decoration:none;
font-size:80%;

}
.footer a:hover{
color:#ffffff;
text-decoration:underline;
font-size:80%;


}

.clear{
clear:both;
height:0px;
font-size:0px;
overflow:hidden;
}

.error{
color:#FF0000;
font-weight:bold;
}
.leftCol{
width:168px;
float:left;
}
.Newsletter{
width:149px;
float:left;
height:175px;
background-image:url(../Images/newsletterBG.jpg);
background-repeat:no-repeat;
margin-top:10px;
margin-left:3px;
}
.NewsletterCont{
width:140px;
margin-left:5px;
padding-top:30px;
margin:auto;

float:left;
text-align:center;
color:#FFFFFF;
font-size:80%;
font-weight:bold;
padding-bottom:50px;
}
.leftCol h1{
font-size:80%;
height:20px;
line-height:20px;
text-transform:capitalize;
color:#ffffff;
background-color:#a19cc4;
font-weight:bold;
width:99%;
margin:0px;
margin-bottom:6px;
float:left;
padding:0px;
}
.leftCol ul{
width:168px;
	margin:0px;
	padding-left:0px;
background-image:url(../Images/NavCont.jpg);
background-position:left;
background-repeat:repeat-y;
height:auto;

	line-height:20px;
	list-style:none;

}

.leftCol li{
	margin:0px;
	padding:0px;

	
width:153px;
height:auto;
color:#FFFFFF;

padding-right:0px;
border-bottom:1px solid #8b86b0;
margin-left:10px;




}

.leftCol ul a, .leftCol ul a:link,.leftCol ul a:visited,.leftCol ul a:active{

display:block;
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
line-height:20px;
font-size:55%;
}

.leftCol ul a:hover, .leftCol ul a.active, .leftCol ul a:link.active,.leftCol ul a:visited.active,.leftCol ul a:active.active{
background:#736ba4 url(../Images/NavHover.jpg) left center no-repeat;
color:#FFFFFF;
text-decoration:underline;
background-image:url(../Images/NavCont.jpg);
background-position:left;
background-repeat:repeat-y;
}