@charset "utf-8";
/* CSS Document */

#bodyBg{ background:url(../images/1.jpg) no-repeat center; background-attachment:fixed}

body {
  background-repeat:repeat;
  background-attachment:fixed;
  font-size:12px;
  line-height:1.5em;
  font-family: "Georgia", garamond, serif;}
  
a {
  text-decoration:none;
  color:#666666;}
  
a:hover {
  color:#FF00FF;}

#container {
  width:953px;
  margin-left: auto;
  margin-right:auto;
  }

#content_top {
  width: 950;
  height: 147px;
  padding-top: 30px;
  }
  
#logo {
  width:476px;
  height:147px;
  background:url(../images/logo2.png);
  float:left;
  }
  
  
#logo2 {
  width:476px;
  height:147px;
  background:url(../images/aboutmenew.png);
  float:left;
  }
  
#logo3 {
  width:476px;
  height:147px;
  background:url(../images/counsellingnew.png);
  float:left;
  }

#logo4 {
  width:476px;
  height:147px;
  background:url(../images/locationnew.png);
  float:left;
  }
  
#logo5 {
  width:476px;
  height:147px;
  background:url(../images/contactnew.png);
  float:left;
  }

#logo6 {
  width:476px;
  height:147px;
  background:url(../images/linksnew.png);
  float:left;
  }

  
#linkbox, #linkbox2, #linkbox3, #linkbox4, #linkbox5, #linkbox6 {
  width: 474px;
  height: 38px;
  padding-top:109px;
  float:right;
  }

#content6 {
  width:950px;
  height:619px;
  background-image:url(../images/bg_lightgrey%20copy.png);
  border:#FF00FF 1px solid;
  background-repeat:repeat;
  clear:both;
  
 }

#content {
  width:950px;
  height:900px;
  background-image:url(../images/bg_lightgrey%20copy.png);
  border:#FF00FF 1px solid;
  background-repeat:repeat;
  clear:both;
  }

#content2 {
  width:950px;
  height:2100px;
  background-image:url(../images/bg_lightgrey%20copy.png);
  border:#FF00FF 1px solid;
  background-repeat:repeat;
  clear:both;
  }
  
#content3 {
  width:950px;
  height:1600px;
  background-image:url(../images/bg_lightgrey%20copy.png);
  border:#FF00FF 1px solid;
  background-repeat:repeat;
  clear:both;
  }

#content4 {
  width:950px;
  height:600px;
  background-image:url(../images/bg_lightgrey%20copy.png);
  border:#FF00FF 1px solid;
  background-repeat:repeat;
  clear:both;}
 
#content5 {
  width:950px;
  height:950px;
  background-image:url(../images/bg_lightgrey%20copy.png);
  border:#FF00FF 1px solid;
  background-repeat:repeat;
  clear:both;
  }
 
#footer {
	width:950px;
	height:50px;
	background-image:url(../images/bg_lightgreysmall.png);
	background-repeat:repeat;
	border:#FF00FF 1px solid;
	margin-top:10px;
  }
  
#footer2 {
    width:950px;
	height:50px;
	background-image:url(../images/bg_lightgreysmall.png);
	background-repeat:repeat;
	border:#FF00FF 1px solid;
	margin-top:10px;
	}
	
#footer3 {
    width:950px;
	height:50px;
	background-image:url(../images/bg_lightgreysmall.png);
	background-repeat:repeat;
	border:#FF00FF 1px solid;
	margin-top:10px;
	}
	
#footer4 {
    width:950px;
	height:50px;
	background-image:url(../images/bg_lightgreysmall.png);
	background-repeat:repeat;
	border:#FF00FF 1px solid;
	margin-top:10px;
	}
	
#footer5 {
    width:950px;
	height:50px;
	background-image:url(../images/bg_lightgreysmall.png);
	background-repeat:repeat;
	border:#FF00FF 1px solid;
	margin-top:10px;
	}
	
#footer6 {
    width:950px;
	height:50px;
	background-image:url(../images/bg_lightgreysmall.png);
	background-repeat:repeat;
	border:#FF00FF 1px solid;
	margin-top:10px;
	}
  
#footer_text, #footer_text2, #footer_text3, #footer_text4, #footer_text5, #footer_text6 {
  float:right;
  margin-bottom:10px;
  padding: 20px 10px 10px 0;
  }
  
#title {
  padding: 10px 10px 10px 20px;}
  
  
#blankspace, #blankspace2, #blankspace3, #blankspace4, #blankspace5, #blankspace6, #blankspace7 {
  width:953px;
  height:200px;
  }
  
#small_logo, #small_logo2, #small_logo3, #small_logo4, #small_logo5, #small_logo6 {
  background:url(../images/smalllogo.png) no-repeat;
  float:left;
  width:94px;
  height:36px;
  margin-top:10px;
  margin-left:10px;
  }
  

#homedetails {
  padding: 30px 200px 0 100px;}
  
#contactdetails, #contactdetails2, #contactdetails3, #contactdetails4, #contactdetails5, #contactdetails6, #contactdetails7, #contactdetails8, #contactdetails9 {
  padding: 30px 200px 0 100px;}

#contactdetailstext, #contactdetailstext2, #contactdetailstext3, #contactdetailstext4, #contactdetailstext5, #contactdetailstext6, #contactdetailstext7, #contactdetailstext8, #contactdetailstext9 {
  padding: 0px 200px 0 0;
  height:auto;
  margin-left:150px;}
  
#hometext {
  padding: 15px 200px 0 0;
  height:auto;
  margin-left:150px;}
  
#abouttext {
  padding: 15px 200px 0 0;
  height:auto;
  margin-left:150px;}
  
#abouttext2 {
  padding: 15px 200px 0 0;
  height:auto;
  margin-left:150px;
  }
  
#abouttext3, #abouttext4, #abouttext5, #abouttext6, #abouttext7, #abouttext8, #abouttext9, #abouttext10, #abouttext11, #abouttext12 {
  padding: 15px 200px 0 0;
  height:auto;
  margin-left:150px;
  }
  
#locationtext {
  padding: 30px 0px 0 0px;
  height:auto;
  width:150px;
  float:left;
  margin-left:150px;}
  
  
#telnumbers, #telnumbers2 {
  padding: 0px 200px 20px 30px;
  margin-left:150px;
  margin-right:200px;
  border: 1px #FF00FF solid;}
  

#line, #line2, #line3, #line4, #line5, #line6, #line7, #line8, #line9,#line10, #line11, #line12, #line13, #line14, #line15, #line16, #line17, #line18, #line19, #line20 {
  padding: 1px 200px 0 100px;
  background:url(../images/line.png) repeat;
  margin-left:150px;
  margin-right:200px;
  margin-bottom:10px;
} 


#googlemap {
  float:right;
  padding:0px 0 0 0;
  margin: 30px 0 0 0;
}

#linkcontent, #linkcontent2, #linkcontent3 {
  width:650px;
  padding: 20px 200px 10px 0px;
  height:100px;
  margin-left:150px;}
  

#pic {
  background:url(../images/people2.jpg) no-repeat;
  padding: 10px 0 5px 0;
  margin: 25px 0 25px 150px;
  height:155px;}
  
#pic2 {
  background:url(../images/face.jpg) no-repeat left;
  height:96px;
  width:600px;
  margin: 25px 0 25px 150px;
  }
  
#pic3 {
  background:url(../images/jump.jpg) no-repeat;
  padding: 10px 0 5px 0;
  margin: 25px 0 25px 150px;
  height:100px;}
  
/*-----------------Tabs in top right hand corner of content--------------*/
  
#tab {
  width:200px;
  height:200px;
  float:right;
  background:url(../images/hometab2.png);
  }

#tab2 {
  width:200px;
  height:200px;
  float:right;
  background:url(../images/abouttab2.png);
  }
  
#tab3 {
  width:200px;
  height:200px;
  float:right;
  background:url(../images/counsellingtab2.png);
  }
  
#tab4 {
  width:200px;
  height:200px;
  float:right;
  background:url(../images/locationtab2.png);
  }
  
#tab5 {
  width:200px;
  height:200px;
  float:right;
  background:url(../images/contacttab2.png);
  }
  
#tab6 {
  width:200px;
  height:200px;
  float:right;
  background:url(../images/linkstab2.png);
  }
  
/*************Classes*******************/

.h1 { font-size: 36px ; font-family: Arial, Helvetica, san-serif; letter-spacing:-1px; color:#FF00FF; line-height:normal;}

.h2 { 
  font-family: "Georgia", serif;
  font-size:16px; color:#CCCCCC;
  line-height:1.5em;
  font-weight:bold;
  letter-spacing:0;
  }

.h3 { font-size: 20px ; font-family: “Georgia”, serif; color:#FF00FF;}

.h4 { font-size :10px ; font-family: “Georgia”; font-weight: Bold, serif;}

.footer {
  font: 11px "Georgia", serif;
  color:#666666;
  letter-spacing:0;
  }

.footer a {
  color:#666666;
  text-decoration:none;}
  
.footer a:hover {
  color:#FF00FF}
  
.footer a:visited {
  color:#666666;}
  
.title_h1 {
  font: 36px;
  color:#FFFFFF}
  
.p {
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px; color:#CCCCCC;
  letter-spacing:0;
  line-height:1.5em;}
  
.p2 {
  font-family: "Georgia", serif;
  font-size:16px; color:#FFFFFF;
  line-height:1.5em;
  font-weight:bold;
  letter-spacing:0;}
  
.p2 a {
  color:#666666;
  text-decoration:none;}
  
.p2 a:hover {
  color:#FF00FF}
  
.p2 a:visted {
  color:#666666;}

.psmall{
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px; color:#FFFFFF;
  line-height:2em;
  letter-spacing:0;}
  
.psmall a {
  color:#666666;
  text-decoration:none;}
  
.psmall a:hover {
  color:#FF00FF}
  
.psmall a:visted {
  color:#666666;}
  
.pinkp {
  color:#FFFF66;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  letter-spacing:0;
  font-weight:bold;}
  

.pinkhighlight {color: #FF00FF}

  
/*****************Links*****************/
 
#nav {
    width: 459px; height: 37px;
    background:url(../images/links.png);
    margin: auto; padding: 0;
    position: relative;}
  
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav li, #nav a {
    height: 37px; display: block;}
	
#home {left: 0; width: 61px;}
#about {left: 61px; width: 78px;}
#counselling {left:139px; width:103px;}
#location {left:242px; width:74px;}
#contact {left:316px; width:91px;}
#links {left:407px; width:52px;}


#home a:hover {
    background: transparent url(../images/links.png)
    0 -37px no-repeat;}
#about a:hover {
    background: transparent url(../images/links.png)
    -61px -37px no-repeat;}
#counselling a:hover {
	background: transparent url(../images/links.png)
	-139px -37px no-repeat;}
#location a:hover {
	background: transparent url(../images/links.png)
	-242px -37px no-repeat;}
#contact a:hover {
    background: transparent url(../images/links.png)
    -316px -37px no-repeat;}
#links a:hover {
    background: transparent url(../images/links.png)
    -407px -37px no-repeat;}
	
	


#nav2 {
    width: 459px; height: 37px;
    background:url(../images/links.png);
    margin: auto; padding: 0;
    position: relative;}
  
#nav2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav2 li, #nav2 a {
    height: 37px; display: block;}
	
#home2 {left: 0; width: 61px;}
#about2 {left: 61px; width: 78px;}
#counselling2 {left:139px; width:103px;}
#location2 {left:242px; width:74px;}
#contact2 {left:316px; width:91px;}
#links2 {left:407px; width:52px;}


#home2 a:hover {
    background: transparent url(../images/links.png)
    0 -37px no-repeat;}
#about2 a:hover {
    background: transparent url(../images/links.png)
    -61px -37px no-repeat;}
#counselling2 a:hover {
	background: transparent url(../images/links.png)
	-139px -37px no-repeat;}
#location2 a:hover {
	background: transparent url(../images/links.png)
	-242px -37px no-repeat;}
#contact2 a:hover {
    background: transparent url(../images/links.png)
    -316px -37px no-repeat;}
#links2 a:hover {
    background: transparent url(../images/links.png)
    -407px -37px no-repeat;}
	



#nav3 {
    width: 459px; height: 37px;
    background:url(../images/links.png);
    margin: auto; padding: 0;
    position: relative;}
  
#nav3 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav3 li, #nav3 a {
    height: 37px; display: block;}
	
#home3 {left: 0; width: 61px;}
#about3 {left: 61px; width: 78px;}
#counselling3 {left:139px; width:103px;}
#location3 {left:242px; width:74px;}
#contact3 {left:316px; width:91px;}
#links3 {left:407px; width:52px;}


#home3 a:hover {
    background: transparent url(../images/links.png)
    0 -37px no-repeat;}
#about3 a:hover {
    background: transparent url(../images/links.png)
    -61px -37px no-repeat;}
#counselling3 a:hover {
	background: transparent url(../images/links.png)
	-139px -37px no-repeat;}
#location3 a:hover {
	background: transparent url(../images/links.png)
	-242px -37px no-repeat;}
#contact3 a:hover {
    background: transparent url(../images/links.png)
    -316px -37px no-repeat;}
#links3 a:hover {
    background: transparent url(../images/links.png)
    -407px -37px no-repeat;}
	
	
	

#nav4 {
    width: 459px; height: 37px;
    background:url(../images/links.png);
    margin: auto; padding: 0;
    position: relative;}
  
#nav4 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav4 li, #nav4 a {
    height: 37px; display: block;}
	
#home4 {left: 0; width: 61px;}
#about4 {left: 61px; width: 78px;}
#counselling4 {left:139px; width:103px;}
#location4 {left:242px; width:74px;}
#contact4 {left:316px; width:91px;}
#links4 {left:407px; width:52px;}


#home4 a:hover {
    background: transparent url(../images/links.png)
    0 -37px no-repeat;}
#about4 a:hover {
    background: transparent url(../images/links.png)
    -61px -37px no-repeat;}
#counselling4 a:hover {
	background: transparent url(../images/links.png)
	-139px -37px no-repeat;}
#location4 a:hover {
	background: transparent url(../images/links.png)
	-242px -37px no-repeat;}
#contact4 a:hover {
    background: transparent url(../images/links.png)
    -316px -37px no-repeat;}
#links4 a:hover {
    background: transparent url(../images/links.png)
    -407px -37px no-repeat;}
	
	
	
#nav5 {
    width: 459px; height: 37px;
    background:url(../images/links.png);
    margin: auto; padding: 0;
    position: relative;}
  
#nav5 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav5 li, #nav5 a {
    height: 37px; display: block;}
	
#home5 {left: 0; width: 61px;}
#about5 {left: 61px; width: 78px;}
#counselling5 {left:139px; width:103px;}
#location5 {left:242px; width:74px;}
#contact5 {left:316px; width:91px;}
#links5 {left:407px; width:52px;}


#home5 a:hover {
    background: transparent url(../images/links.png)
    0 -37px no-repeat;}
#about5 a:hover {
    background: transparent url(../images/links.png)
    -61px -37px no-repeat;}
#counselling5 a:hover {
	background: transparent url(../images/links.png)
	-139px -37px no-repeat;}
#location5 a:hover {
	background: transparent url(../images/links.png)
	-242px -37px no-repeat;}
#contact5 a:hover {
    background: transparent url(../images/links.png)
    -316px -37px no-repeat;}
#links5 a:hover {
    background: transparent url(../images/links.png)
    -407px -37px no-repeat;}
	
	
	

#nav6 {
    width: 459px; height: 37px;
    background:url(../images/links.png);
    margin: auto; padding: 0;
    position: relative;}
  
#nav6 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#nav6 li, #nav6 a {
    height: 37px; display: block;}
	
#home6 {left: 0; width: 61px;}
#about6 {left: 61px; width: 78px;}
#counselling6 {left:139px; width:103px;}
#location6 {left:242px; width:74px;}
#contact6 {left:316px; width:91px;}
#links6 {left:407px; width:52px;}


#home6 a:hover {
    background: transparent url(../images/links.png)
    0 -37px no-repeat;}
#about6 a:hover {
    background: transparent url(../images/links.png)
    -61px -37px no-repeat;}
#counselling6 a:hover {
	background: transparent url(../images/links.png)
	-139px -37px no-repeat;}
#location6 a:hover {
	background: transparent url(../images/links.png)
	-242px -37px no-repeat;}
#contact6 a:hover {
    background: transparent url(../images/links.png)
    -316px -37px no-repeat;}
#links6 a:hover {
    background: transparent url(../images/links.png)
    -407px -37px no-repeat;}
	
/*****************End of Links*************************/ 

/***********Links Page Links***************************/

#linknav1 {
    width: 650px; height: 100px;
    background:url(../images/links1.gif);
    margin: auto; padding: 0;
    position: relative;}
  
#linknav1 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#linknav1 li, #linknav1 a {
    height: 100px; display: block;}
	
#bacp {left: 0; width: 217px;}
#bps {left: 217px; width: 216px;}
#mind {left:433px; width:217px;}


#bacp a:hover {
    background: transparent url(../images/links1.gif)
    0 -100px no-repeat;}
#bps a:hover {
    background: transparent url(../images/links1.gif)
    -217px -100px no-repeat;}
#mind a:hover {
	background: transparent url(../images/links1.gif)
	-433px -100px no-repeat;}
	
/*****links part2************/
	
#linknav2 {
    width: 650px; height: 100px;
    background:url(../images/links2.gif);
    margin: auto; padding: 0;
    position: relative;}
  
#linknav2 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#linknav2 li, #linknav2 a {
    height: 100px; display: block;}
	
#nhs {left: 0; width: 217px;}
#samaritans {left: 217px; width: 216px;}
#relate {left:433px; width:217px;}


#nhs a:hover {
    background: transparent url(../images/links2.gif)
    0 -100px no-repeat;}
#samaritans a:hover {
    background: transparent url(../images/links2.gif)
    -217px -100px no-repeat;}
#relate a:hover {
	background: transparent url(../images/links2.gif)
	-433px -100px no-repeat;}
	
/******links part3*********/

#linknav3 {
    width: 650px; height: 100px;
    background:url(../images/links3.gif);
    margin: auto; padding: 0;
    position: relative;}
  
#linknav3 li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0;}

#linknav3 li, #linknav3 a {
    height: 100px; display: block;}
	
#cruse {left: 0; width: 217px;}
#aid1 {left: 217px; width: 216px;}
#aid2 {left:433px; width:217px;}


#cruse a:hover {
    background: transparent url(../images/links3.gif)
    0 -100px no-repeat;}
#aid1 a:hover {
    background: transparent url(../images/links3.gif)
    -217px -100px no-repeat;}
#aid2 a:hover {
	background: transparent url(../images/links3.gif)
	-433px -100px no-repeat;}
 

/*************Contact form*************/

fieldset {
  margin: 20px 0 0 0;
  padding:10px 0 0 0;
  border:0;
  font-family: "Georgia", serif;
  font-size:12px; color:#FFFFFF;
  letter-spacing:0;
  
  }
  
legend {
  font-family: "Georgia", serif;
  font-size:16px; color:#FF00FF;
  letter-spacing:0;
  line-height:1.5em;
  font-weight:bold;
  }

label { 
  display: block;
  }
  
input {
  width:200px
}

textarea {
  width:500px;
  height:50px;
}

#ul2, #ul3, #ul4 {
 list-style-image:url(../images/bullet.gif);
 line-height:2em;
 padding: 10px 0 10px 20px;
 }