


/*
*
{
outline : 1px solid #ccc;
}
*/


body
{
width : 1000px;
background-image : url("graphics/poetextb.gif");
color : #333;
margin : 0px;
}

#Branding_no_outline
{
margin-top: 10px;
width : 1000px;
height : 84px;
border-bottom-style : none;
border-width: 4px;
}

 
#Branding
{
margin-top: 10px;
width : 1000px;
height : 80px;
border-bottom-style : solid;
border-width: 4px;
border-color: #999900;
}

#Branding-left
{
margin-left: 10px;
width : 300px;
border-width: 1px;
float : left;
}

#Branding-right
{
width : 600px;
border-width: 1px;
float : left;
}

#Content
{
width : 810px;
color : #333;
border-left-style : solid;
border-left-width: 4px;
border-left-color: #999900;
float : right;
padding-top : 10px;
margin-bottom : 10px;
}

#LastUpdated
{
  width : 1000px;
  clear: both;
  font : 90% Arial, sans-serif;
  font-weight: normal;
  font-style: italic;
  color : #333;
}


#Navigation
{
margin: 0;
margin-top: 1em;
width : 180px;
font : 100% Arial, sans-serif;
color : #333;
float : left;
 font-size:90%;
 font-weight: bold;
 text-align: center;
}

#Navigation ul
{
 margin: 0;
 padding : 0;
 list-style-type : none;
}


#Navigation li
{
 margin: 0;
 padding : 0;
 height : 50px;
}

#Navigation a:link, #Navigation a:visited
{
 display: block;
 margin: 0;
 padding : 0;
 width: 170px;
 height : 50px;
 line-height: 40px;
 text-decoration:none;
 color:yellow;
 vertical-align: 70%;
 margin-right: 0.2em;
 border: none;
 background : url("graphics/button.png") no-repeat 50% 0%;
}

#Navigation a:hover
{
 display: block;
 margin: 0;
 padding : 0;
 width: 170px;
 height : 50px;
 line-height: 40px;
 text-decoration:none;
 color:black;
 vertical-align: 70%;
 margin-right: 0.2em;
 border: none;
 background : url("graphics/button_hover.png") no-repeat 50% 0%;
}

#nav_home
{
 margin: 0;
 padding : 0;
 display: block;
 padding : 0;
 width: 170px;
 height : 50px;
 line-height: 40px;
 color:white;
 vertical-align: 70%;
 margin-right: 0.2em;
 border: none;
 background : url("graphics/button.png") no-repeat 50% 0%;
}

#nav_home:hover 
{
 margin: 0;
 padding : 0;
 display: block;
 padding : 0;
 width: 170px;
 height : 50px;
 line-height: 40px;
 color:black;
 vertical-align: 70%;
 margin-right: 0.2em;
 border: none;
 background : url("graphics/button_hover.png") no-repeat 50% 0%;
}

.CountText 
{
 display: inline;
 text-align : center;
 width: 3em;
 margin-left: auto;
 margin-right: auto;
 padding-left : 5px;
 font : 150% Arial, sans-serif;
 color: white;
 background-color: black;
}

/*
#Counter img
{
 margin: 0;
 padding : 0;
 border: 0;
}
*/

.blink
{
  text-decoration: blink;
}

.Welcome h1
{
 margin-top: 0px;
 margin-bottom: 5px;
 padding: 20px;
 padding-top: 0px;
 font : 300% Tahoma, sans-serif;
 font-size:200%;
 font-weight: bold;
 color : #660033;
 text-align : center;
}

.Welcome img
{
 margin: 0px;
 margin-left: 130px;
 padding: 0px;
 top: 20px;
}

.Welcome2 img
{
 margin: 0px;
 margin-left: 200px;
 padding: 0px;
 padding-top: 20px;
 top: 20px;
}


.Intro
{
 padding-top : 20px;
 margin: 0;
 margin-left: 20px;
 margin-bottom: 0;
 margin-top: 10px;
 color: #0000A0;
 font : 110% Tahoma, sans-serif;
 font-style: normal;
 text-align : center;
}



#Notice
{
padding-top: 1em;
}

#Notice p
{
color: #800080;
font : 100% Tahoma, sans-serif;
 font-size:100%;
 font-weight: bold;
text-align : center;
 line-height: 0;
  padding: 0;
}


#Invite
{
 padding-top : 1em;
 color: navy;
 font : 100% Tahoma, sans-serif;
 font-size:110%;
 font-weight: bold;
 text-align : center;
}

#Invite a:link, #Invite a:visited, #Invite a:hover
{
color: gray;
}

.Staff
{
   font-size : 1em;
   font : 100% Arial, sans-serif;
}

.Staff ul
{
margin: 0px;
margin-left: 10px;
padding: 0px;
}

.staffPhoto
{
width : 240px;
height : 310px;
color : black;
background-color : #fcf3ea;
border-style : solid;
border-width: 1px;
list-style-type : none;
text-align : center;
float : left;
}

.staffPhoto img
{
margin: 5px;
}


.staffPhoto h3
{
margin: 0px;
   color : #00a;
   list-style-type : none;
   text-align : center;
border-bottom-style : dotted;
border-width: 1px;
}

.staffPhoto ul
{
margin: 0px;
padding: 0px;
padding-top: 10px;
list-style-type : none;
text-align : center;
}

.staffPhoto_memory
{
width : 240px;
height : 310px;
color : black;
background-color : #997BC8;
border-style : solid;
border-width: 1px;
list-style-type : none;
text-align : center;
float : left;
}


.staffPhoto_memory img
{
margin: 5px;
}

.staffPhoto_memory h3
{
margin: 0px;
   color : black;
   list-style-type : none;
   text-align : center;
border-bottom-style : dotted;
border-width: 1px;
}

.staffPhoto_memory ul
{
margin: 0px;
padding: 0px;
padding-top: 10px;
list-style-type : none;
text-align : center;
}


.staffList  li
{
margin: 0px;
 color : black;
text-align : center;
 list-style-type : none;
}

.AboutUsSummary
{
 margin: 20px;
 color:#CC99FF;
 font : 120% Tahoma, sans-serif;
 font-weight: bold;
 font-style: italic;

}

.AboutUsHeader p
{
 margin: 0;
 margin-left: 20px;
 margin-bottom: 10px;
 margin-top: 10px;
 color:#660033;
 font : 120% Tahoma, sans-serif;
 font-size:150%;
 font-weight: bold;
}

.AboutUsImage
{
 margin: 0px;
 margin-left: 20px;
 padding: 0px;
 text-align: center;
}

.AboutUs
{
 margin: 0px;
 margin-left: 20px;
 padding: 0px;
 text-align: left;
 color: #0000A0;
 font : 110% Tahoma, sans-serif;
 font-style: normal;

}

.GroupImage
{
 margin: 0px;
 margin-left: 20px;
 padding: 0px;
 width: 84px;
 text-align: left;
}

.GroupHeader
{
 margin: 0px;
 margin-left: 20px;
 padding: 0px;
}

.GroupHeader
{
 color: #0000A0;
 font : 100% Tahoma, sans-serif;
 font-style: normal;
}

.GroupHeader ol, .GroupHeader li
{
 margin: 0px;
 padding: 0px;
 list-style: none;
}

.GroupHeader p
{
 color: #0000A0;
 font : 110% Tahoma, sans-serif;
 font-style: normal;
}

.GroupHeader img
{
 margin: 0;
 margin-left: 250px;
 margin-bottom: 10px;
 margin-top: 10px;
}

.GroupHeader .star  img, .Events .star  img
{
 margin: 0;
 margin-left: 0px;
 margin-top: 10px;
}


.Group
{
 margin: 0;
 margin-left: 20px;
 margin-bottom: 10px;
 margin-top: 10px;
 color: #666666;
 font-weight: bold;
 font : 100% Tahoma, sans-serif;
}


.Group img
{
margin-left: 300px;
}

.Group h1
{
  color: #660000;
 font : 200% Arial, sans-serif;
 font-style: italic;
 text-align: center;
 text-decoration: underline;
}


#Content .GroupHeader
{
  width : 750px;
}

.Group p
{
 margin: 0;
 margin-left: 0px;
 margin-bottom: 10px;
}


#Content .Feedback
{
  height: 550px;
  width : 750px;
}

#Content .Feedback ul
{
 margin: 0;
 padding: 0;
 width: 500px;
 padding-top: 100px;
 padding-left: 250px;
 list-style: none;
}


.Events
{
 margin: 0px;
 margin-left: 20px;
 color:#0000A0;
 font : 120% Tahoma, sans-serif;
 padding: 0px;
 text-align: left;
}

.Events h1
{
  color: #660000;
 font : 250% Arial, sans-serif;
 font-style: italic;
 text-align: center;
 text-decoration: underline;
}

.Events h2
{
 font : 150% Tahoma, sans-serif;
}

.Events h2, .Events h3
{
 text-align: left;
 list-style-type : none;
 list-style: none;
}

.Events li 
{
 list-style: none;
}

.Events li ul li
{
border-bottom : none;
 background : url("graphics/bulletTherapy.gif") no-repeat 0 50%;
 padding-left: 30px;
}

.Events p img
{
margin-left: 10px;
margin-bottom: 20px;
}

.Events img
{
margin-left: 250px;
}


.Events ol, .Events li
{
 margin: 0px;
 padding: 0px;
 list-style: none;
}


#Content .Events3333
{
  height: 1450px;
  width : 750px;
}


.Feedback li
{
 color:black;
 display: block;
 float: left;
 margin: 10px;
 padding : 0px;
 list-style-type : none;
 background-color : #ffffff;
}

.Feedback a
{
display: block;
 width:110px;
 height:40px;
}

.Feedback #xxx1 a
{
 background : url("graphics/guestbook.gif") no-repeat  0px center ;
}

.Feedback #xxx2 a
{
clear: left; 
background : url("graphics/bn-guestbook.gif") no-repeat  0px center ;
}


.Therapies, .Therap2
{
 margin: 0;
 margin-left: 20px;
 margin-bottom: 10px;
 margin-top: 10px;
 color: #444444;
 font : 110% Tahoma, sans-serif;
 font-style: normal;
}


.Therap2
{
 margin-left: 0px;
}

.Therap2 img
{
   float: left;
}

.Therap2 p
{
 margin-top: 0px;
 margin-bottom: 10px;
   width: 650px;
   float: right;
}



.clear
{
  clear: both;
 width:0px;
 height:0px;
}

.Volunteering
{
 margin: 0;
 margin-left: 20px;
 margin-bottom: 10px;
 margin-top: 10px;
 color: #0000A0;
 font : 110% Tahoma, sans-serif;
 font-weight: bold;
 font-style: normal;
}

.Volunteering img
{
padding-left: 300px;
}


.ContactUs
{
 margin: 0;
 margin-left: 20px;
 margin-bottom: 10px;
 margin-top: 60px;
 color: #0000A0;
 font : 100% Tahoma, sans-serif;
 font-weight: bold;
 text-align: center;
}

.Therapies ul, .counselling ul, .aroma ul, .natural ul, 
.bach ul, .reflex ul, .chair ul, .Volunteering ul, .facials ul
{
 margin: 0;
 padding: 0;
 margin-left: 30px;
 list-style-type: none;
}

.Therapies  .counselling , 
.Therapies  .aroma , 
.Therapies  .natural , 
.Therapies  .bach , 
.Therapies  .reflex , 
.Therapies  .chair, 
.Therapies  .facials
{
 font-style: normal;
}

.RepeatEvents
{
   margin: 0;
   margin-left: 20px;
   margin-bottom: 10px;
   margin-top: 10px;
   color: #444444;
   font : 110% Tahoma, sans-serif;
   font-style: normal;
   height: 520px;
}

.RepeatEvents ul
{
  clear: both;
  margin: 0;
  padding: 0;
  margin-left: 30px;
  list-style-type: none;
}

.repeatList
{
 padding-left: 20px;
 color: blue;
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}

.repeatList2, .repeatList3
{
 padding-left: 20px;
 padding-top: 10px; 
 padding-bottom: 10px;
 color: blue;
 font : 110% Tahoma, sans-serif;
 font-style: normal;
}

.repeatList2 em, .repeatList3 em
{
 color: #444444;
 font : 85% Tahoma, sans-serif;
 font-style: italic;
}


.RepeatEvents .repeatList
{
 font-style: normal;
}

.RepeatEvents li
{
 background : url("graphics/bulletTherapy.gif") no-repeat 0 50%;
 padding-left: 30px;
}

.RepeatEvents .repeatList2 
{
 background : url("graphics/bulletTherapy.gif") no-repeat 0 20%;
 padding-left: 30px;
}

.RepeatEvents .repeatList3 
{
 background : url("graphics/bulletTherapy.gif") no-repeat 0 2%;
 padding-left: 30px;
}

.repeatList img
{
 float: right;
}

.repeatList3 img
{
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 40px;
 padding-right: 20px;
 display: block;
}

.repeatListTitle
{
 color: #444444;
 font : 60% Tahoma, sans-serif;
 font-style: italic;
}

.repeatList
{
 padding-left: 20px;
 color: blue;
 font : 110% Tahoma, sans-serif;
 font-style: normal;
}

.RepeatEvents p
{
   margin-top: 10px;
   margin-bottom: 10px;
   width: 750px;
   float: left;
}

.Therapies li, .counselling li, 
.bach li,  .facials li
{
 background : url("graphics/bulletTherapy.gif") no-repeat 0 50%;
 padding-left: 30px;
}

.natural li, .aroma li, .chair li, .Volunteering li, .reflex li
{
 background : url("graphics/bulletTherapy.gif") no-repeat 0 20%;
 padding-left: 30px;
}


.counselling img, .aroma img, .natural img, .bach img, 
.reflex img, .chair img, .facials img
{
 float: right;
}

.Volunteering li
{
  color: #993366;
}

.counselling
{
 padding-left: 20px;
 color: #00CCFF;
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}

.aroma
{
 padding-left: 20px;
 color: #CC99FF;
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}


.chair
{
 padding-left: 20px;
 color: fuchsia;
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}

.natural
{
 padding-left: 20px;
 color: blue;
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}

.bach
{
 padding-left: 20px;
 color: rgb(102,153,0);
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}

.reflex
{
 padding-left: 20px;
 color: #FF6600;
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}

.facials
{
 padding-left: 20px;
 color: rgb(101,1,212);
 font : 110% Tahoma, sans-serif;
 font-style: italic;
}


.extLinksIntro
{
 color:#0000A0;
 margin: 0px;
 margin-left: 10px;
 padding: 0px;
 text-align: left;
 font : 120% Tahoma, sans-serif;
}

.extLinksIntro a
{
 color:#800080;
}

.extLinks
{
display: block;
margin: 0;
margin-top: 1em;
width : 800px;
font : 100% Arial, sans-serif;
 font-weight: bold;
}


.extLinks ul
{
margin: 0px;
 padding : 10px;
}

.extLinks li .clear
{
 margin: 0px;
 padding : 0px;
}


.extLinks li
{
 color:black;
 display: block;
 margin: 10px;
 padding-bottom : 0px;
 list-style-type : none;
 border-style : solid;
 border-width: 2px;
background-color : #ffffff;
}


.extLinks p
{
 color:#800080;
 float: left;
 width:150px;
 height:60px;
 margin: 0px;
 padding : 10px;
 padding-top : 30px;
 text-align: center;
}

.extLinks a
{
display: block;
 float: right;
color: red;
 width:580px;
 height:100px;
border-left : 1px dashed black;
}

.extLinks img
{
padding-left: 300px;
}


.extLinks #aor a
{
 background : url("graphics/aor.png") no-repeat  100px center;
}


.extLinks #stann a
{
 background : url("graphics/sah.jpg") no-repeat  100px center ;
}

.extLinks #bccc a
{
 background : url("graphics/beechwood.jpg") no-repeat 100px center;
}

.extLinks #bcc a
{
 background : url("graphics/bcc.jpg") no-repeat 100px center;
}

.extLinks #co p
{
 height:160px;
}

.extLinks #co a
{
 height : 200px;
 background : url("graphics/ca.jpg") no-repeat 100px center;
}

.extLinks #cb a
{
 background : url("graphics/cb.gif") no-repeat 100px center;
}

.extLinks #lpc a
{
 background : url("graphics/prostate.gif") no-repeat 100px center;
}

.extLinks #crc a
{
 background : url("graphics/crc_blue.gif") no-repeat 100px center;
}


.extLinks #ci a
{
 height:100px;
 background : url("graphics/cancerhelp.gif") no-repeat 100px center;
}

.extLinks #ca a
{
 background : url("graphics/CALL.jpg") no-repeat 100px center;
}

.extLinks #cavcen a
{
 background : url("graphics/cavendish.png") no-repeat 100px center;
}

.extLinks #colon p
{
 height:50px;
}
.extLinks #colon a
{
 height:90px;
 background : url("graphics/colonconcern.gif") no-repeat 100px 10px;
}

.extLinks #christie a
{
 background : url("graphics/christie.gif") no-repeat 100px center;
}

.extLinks #bcma a
{
 background : url("graphics/bcma.jpg") no-repeat 100px center;
}

.extLinks #ci p
{
 height:70px;
}

.extLinks #ia a
{
 height:110px;
 background : url("graphics/ia.gif") no-repeat 100px center;
}

.extLinks #macm a
{
 background : url("graphics/macmillan.jpg") no-repeat 100px center;
}

.extLinks #mariecurie p
{
 height:70px;
}

.extLinks #mariecurie a
{
 height:110px;
 background : url("graphics/mariecurie.jpg") no-repeat 100px center;
}

.extLinks #nwm a
{
 background : url("graphics/holistic.jpg") no-repeat 100px center;
}
.extLinks #nhs a
{
 background : url("graphics/nhs.jpg") no-repeat 100px center;
}
.extLinks #ova a
{
 background : url("graphics/ovacome.gif") no-repeat 100px center;
}
.extLinks #sgns a
{
 background : url("graphics/Signpost.jpg") no-repeat 100px center;
}

.extLinks #charityFlowers a
{ 
 height:180px;
 background : url("graphics/cflogo.jpg") no-repeat 100px center;
}

.extLinks #charityFlowers cite
{
font : 80% Arial, sans-serif;
color: black;
}


#Content .Volunteering, #Content .ContactUs, #Content  .Feedback
{
  height: 550px;
}

#Content .bachSpacer
{
  height: 300px;
}


#outline
{
outline : 1px solid #ccc;

}