body, HTML {
	margin: 0px;
	height: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#4f2A87;
	background-image: url(images/background_main.gif);
	background-repeat: repeat-x;
	background-position: right top;
	
}
#mainframe {
	background-image: url(images/background_star.gif);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	position:relative;
	text-align:center;
}

#frame {
	width: 980px;
	text-align:left;
	margin-top: 0px;
	padding: 0px;
	height: 100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
	


select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
		border: none;
	padding: 1px;
}	
#contentheader {
	
}	
#contentcenter {
	padding-top: 40px;
}
#contentleft {
	width:175px;
	padding:0px;
	float:left;
	margin: 0px;
	}

#contentleft a:link img {
  border-style: none;
    }	  

#content {
	width:770px;
	padding:0px 10px 0px 0px;
	float:left;
	text-align: left;
	margin: 0px 0px 20px 4px;
	background-image: url(images/background_center.png);
	background-repeat: repeat-y;
	background-position: top left;
	position: inherit;
	bottom-border-radius: 15px;
  -moz-border-radius-bottom: 15px;
  -webkit-border-bottom-radius: 15px;
	}
	
/*explorer 6 hack */
html>body #content {
	margin: 0px 0px 0px 1px;
}
	
#maincontent {
	position:relative;
	width: 760px;
	margin-left:20px;
	}
#maincontentleft {
	width: 540px;
	float:left;
	padding-top:10px;
	padding-right: 10px;
	padding-left: 0px;
}
#maincontentleftfull {
	width: 740px;
	float:left;
	padding-top:10px;
	padding-right: 10px;
	padding-left: 10px;
}
#maincontentright {
	margin: 0px;
  float:right;
	padding-top:1px;
	position:absolute;
	/* top was 10px */
  top:10px;
	right:10px;
}

#homemcr {
	margin: 0px;
  float:right;
	padding-top:1px;
	position:absolute;
	/* top was 10px */
  top:500px;
	right:10px;
}

/* #homemcr table [
  float: left;
]
*/

#contentright {
	/* width: 94%; */
  width:125px;
	/* background-image: url(images/background_sidebar.jpg); */
	background-repeat: no-repeat;
	background-position: top;
	padding:0px;
	float:left;
	position:relative;
	}

/* Paul's bit to try and get table's in right column to line-up okay in FF and IE. Not sure this is activated as no curly brackets. Check with Firebug. Also see repeat below for homemcr. */

/* #contentright table [
  float: left;
]
*/

#footer {
	margin-left: 182px;
  width: 780px; 
  background-color: rgb(255,255,255);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	  }
/*explorer 6 hack */
html>body #footer {
	margin-left: 175px; 
  background-color: rgb(255,255,255);
}

#footer .text {
	color: #7F7777;
	text-align: center;
	font-size: .65em;
	line-height: 1.8em;
	font-weight:normal;
	padding:5px;
}



#nav {
	font-size: .7em;
	width: 158px;
	float:left;
	margin-top: 15px;
	padding-left:10px;
}




/*Sets line-height of all menuitems*/
#p7TMnav {
	/*/*/line-height: 26px; /* */
	width: 161px;
	background-repeat: repeat-y;
	background-image: url(images/nav_middle.png);
	background-position: top left;
	margin-bottom: 0px;
}
#p7TMnav div {
	margin-bottom: 0px;
	border-bottom: 1px #5a4082 dotted;
}
/*second level menuitem divs on - Cascades to lower levels*/
/*Sets left margin to 16px establishing a cascading indent*/
#p7TMnav div div {
	margin: 1px 0 0px 1px;
	background-image: none;
	border:none;
}

/*The Link style for top-level menuitems and is read by all browsers*/
#p7TMnav div a {
	padding: 0px;
	display:block;
	color: #000;
	text-decoration: none;
}
/*The Link style for top-level menuitems hidden from Netscape 4*/
#p7TMnav div a {
	/*/*/
	height: 27px;
	padding: 0px;
	text-decoration: none;
	padding: 10px 0px 0px 0px;

/* */
}
#p7TMnav div a:visited {
	color: #000;
}
#p7TMnav div a:hover {
	color: #000;
}

/*The Link style for second-level menuitems*/
#p7TMnav div div a {
	margin: 0px;
	border: none;
	height: 25px;

	/*/*/line-height: 23px; /* */

}
#p7TMnav div div a:hover  {

}


/*rules programatically assigned to parent links when image-based plus and minus option is selected. The padding on the 4 following rules supercedes (via !important) the padding on the p7TMnav div a selector when you've chosen the option to use images for the plus and minus signs*/
.p7plusmark {
	background-repeat: no-repeat;
	background-image: url(images/p7t_plus.gif);
	background-position: 8px 50%;
	padding: 1px 0 1px 25px !important;
}
.p7minusmark {
	background-repeat: no-repeat;
	background-image: url(images/p7t_minus.gif);
	background-position: 8px 50%;
	padding: 1px 0 1px 25px !important;

}
.p7defmark {
	background-image:  none;
	padding: 1px 0 1px 25px !important;
}
.p7currentmark {
	color: #000 !important;
	padding: 1px 0 1px 25px !important;
}



.item {
	border-bottom: #351d5a 1px dotted;
	margin-left: 10px;
	margin-bottom: 20px;
}
.itempic {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	display: inline;

}
.itemtext {
}
.item H1 {
	color: #351d5a;
	font-size: .8em;
	line-height: 1.2em;
	font-weight:normal;
	margin: 0px 0px 5px 0px;
	padding:0px;
}
.item h2 {
	color: #333333;
	font-size: .7em;
	font-weight:normal;
	margin: 0px 0px 8px 0px;
	padding:0px;
	border: none;
}
.item p {
	color: #333333;
	font-size: .8em;
	line-height: 1.4em;
	font-weight:normal;
	margin: 0px 0px 8px 0px;
	padding:0px;
}

.health {
	border: #8ad33b 1px dotted;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 10px;
	margin-right:10px;
}
.health H1 {
	color: #8ad33b;
	font-size: .8em;
	line-height: 1.2em;
	font-weight:normal;
	margin: 0px 0px 5px 0px;
	padding:0px;
}
.health h2 {
	color: #333333;
	font-size: .7em;
	font-weight:normal;
	margin: 0px 0px 8px 0px;
	padding:0px;
	border: none;
}
.health p {
	color: #333333;
	font-size: .8em;
	line-height: 1.4em;
	font-weight:normal;
	margin: 0px 0px 8px 0px;
	padding:0px;
}

.buttonclose {
	color: #333333;
	font-size: .8em;
	line-height: 1.4em;
	font-weight:normal;
}
.bslclip {
	width: 170px;
	text-align:center;
	float: left;
	margin-right: 15px;
}
#maincontentfull .bslclip H1 {
	color: #333333;
	font-size: .8em;
	line-height: 1.4em;
	font-weight:normal;
	margin-top: 5px;
	}
	
#marquee {
	background-image: url(images/tickerbackground.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 557px;
	height: 26px;
	font-size: 12px;
	color: #fff;
	line-height: 19px;
	margin-top:2px;
	}
#marquee a {
	color: #fff;
	}

/* Paul's crude bit for Popular links on homepage */

#pop_links {
margin: 1px 3px 3px 12px;
padding: 2px;
float: right;
width: 145px;
/*height: 245px; */
<!-- was 124 -->
color: #9966CC;
}

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

#pop_links li{
margin: 0px;
padding: 0px;
}

/* Paul's attempt at container divs for flash video clips */

.clip_left {
margin: 10px 10px 10px 0px;
padding: 0px;
float: left;
}

.clip_right {
margin: 10px 0px 10px 10px;
padding: 0px 0px 0px 10px;
float: right;
}

.clip_right a img {
outline: none;
border: none;
}


.clip_right_border {
  width: 190px;
  margin: 10px 0px 10px 10px;
  padding: 4px 4px 4px 4px;
  float: right;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.clip_right_color_border {
  margin: 10px 0px 10px 10px;
  padding: 4px 4px 4px 4px;
  float: right;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  background-color: #D2CEFF;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

#newDonateBtn {
  float: left;
  width: 175px;
  height: 200px;
  margin: 10px;
  padding: 3px;
}



.clear {
clear:both;
margin-top:-1px;
height:1px;
overflow:hidden;
}

/* Paul's attempt for clear */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

  
#mainimagesright {
	margin: 0px;
	width: 185px;
  float:right;
	padding-top:10px;
	position:relative;
	top:10px;
	right:10px;
}
#imagesright {
	width:145px;
	background-image: url(images/background_sidebar.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding:0px;
	float:left;
	position:relative;
	}

#forest {
  display: none;
}

.breaker {
	display: block;
	width: 99%;
	height: 2px;
}




/* panel on nav which has links to blog, facebook, etc. */

#cont {
  margin: 10px 5px 0px 0px;
  width: 160px;
  background-color: rgb(255,255,255);
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#web2 {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;

  /*margin: 5px; */
  padding: 5px;
  width: 100%;
  font size: 0.8em;
}

/*
#nspcc {
  position: relative;
  display: block;
  margin: 0px;
  padding: 50px 3px 3px 3px;
  float: right;
  width: 180px;
   color: #FFFFFF;
  background-color: #00AB3A;
  background-image: url(images/logo_nspcc.gif);
  background-repeat: no-repeat;
  background-position: top;
  font-family: verdana;
  font-size: xx-small;
}

#nspcc ul {
  margin-left: 0;
  padding-left: 3em;
  list-style-type: disc; 
  color: #FFFFFF;
  list-style-position: outside;
}

#nspcc li {
  font-size: xx-small;
  padding-left: 0;
  margin-left: 0;
}

#nspcc a {
  text-align: center;
}
*/


/* styling for paypal pages */

#cardList li {
list-style-type: none;
clear: both;
}

.ppButton {
	margin: 5px 5px 5px 20px;
	padding: 0px;
	/*display: inline; */
	width: 160px;
	clear: left;
}

.ppButton form {
	padding: 0px;
	width: 120px;
	display: inline;
}

.ccIntro {
	font-size: 1em;
	/*color: #c0c0c0;*/
}

.ccTitle {
	margin: 5px;
	padding: 0px;
	float: left;
	width: 200px;
	font-weight: bold;
}

.ccSize {
	margin: 5px;
	padding: 0px;
	width: 100px;
	float: left;
}

.ccPrice {
	margin: 5px;
	padding: 0px;
	width: 30px;
	float: left;
}

.ccPic {
	margin: 5px 5px;
	padding: 0px;
	width: 456px;
	float: left;
}

.ccPic img {
	border: 1px;
	/*width: 454px; */
}

.ccDescription {
  float: left;
  width: 90%;
  margin: 0 0 0 10px;
  }

.ccDescription ul {
    list-style-position: inside;
  }

.nextItem {
  clear: both;
  width: 100%;
}

.rBox {
  float: left;
  /* width: 219px; */
  width: 210px;
  height: 340px
  }


/* Paul's bit for the top navigation image/sprites */
#smarties {
    width: 740px; height: 435px;
    background: url(imagespages/smartiesNav.jpg);
    margin: 0px; padding: 0;
    position: relative;}
  #smarties li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;}
 /* removed top: 0; from li styling */   
  #smarties li, #smarties a {
    display: block; height: 217px}
    #smarties li a span {display: block; text-indent:-9999em;}
  #campaignSprite {left: 0; width: 192px;}
  #supportSprite {left: 0; top: 218px; width:192px;}
  #researchSprite {left: 193px; width: 214px; top:0;}
  #healthSprite {left: 193px; width: 214px; bottom: 0;}
  #commsSprite {left: 407px; top: 110px; width: 151px;}
  #newsSprite {right: 0;top: 0; width: 163px;}
  #helpSprite {right: 16px; bottom: 0; width: 166px;}
  
  /* CSS for BSL Healthy Minds */
  
  @font-face {
    font-family: 'SegoeScriptRegular';
    src: url('type/segoesc-webfont.eot');
    src: url('type/segoesc-webfont.eot?#iefix') format('embedded-opentype'),
         url('type/segoesc-webfont.woff') format('woff'),
         url('type/segoesc-webfont.ttf') format('truetype'),
         url('type/segoesc-webfont.svg#SegoeScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

#belowBanner {
    width: 100%;
    height: 40px;
    margin: 5px;
    padding: 4px;
    font-size: 18px;
    color: #0D4DA1;
    font-stretch: expanded;
    font-family: Helvetica, Arial;
    }


#theGrid {
		width: 748px;
		border-top: 1px solid #ffffff;
		clear: both;
		margin-left: auto;
    margin-right: auto;
		font-size: large;
		font-weight: bold;
		font-family: Helvetica, Arial;
		}

.col1 {
	  margin: 0px 5px 0px 0px;
    width: 226px;
    float: left;
		padding: 6px 6px;
		border-left: 1px;
		border-bottom: 1px;
		border-style: none;
		/* height: 220px; */
		}

 .col2 {
    margin: 0px 5px 0px 5px;
    width: 226px;
    float: left;
		padding: 6px 6px;
		border-left: 1px;
		border-bottom: 1px;
		border-style: none;
		/* height: 220px; */
 }

 .col3 {
 	  margin: 0px 0px 0px 5px;
    width: 226px;
    float: left;
		padding: 6px 6px;
		border-left: 1px;
		border-bottom: 1px;
		border-style: none;
		/* height: 220px; */ 
 }

 #theGrid .row {
     width: 748px;
     /*height: 270px; */
     height: 210px;
     margin: 0px;
     padding: 0px;
     border: 2px;
   }

    #theGrid .btmRow {
     width: 748px;
     height: 80px;
     margin: 0px;
     padding: 0px;
     border: 2px;
   }
   
   
  .blockHead {
    margin: 0px;
    padding: 5px;
    /* border-top: 5px solid #1D7BC0;  */
    height: 60px;
    background-image: url(GradBack9.png);
    background-repeat: repeat-x;
    background-position: 0% 0%;
    font-family: 'SegoeScriptRegular';
    font-size: 20px;
    color: #0D4DA1;  
  }

  .blockHead a {
    display: block;
    text-decoration: none; 
    color: #0D4DA1; 
  }

  .blockHead a:visited {
    display: block;
    text-decoration: none;
    color: #ffffff;  
  }

   #theGrid .hmPic {
   float: left;
   height: 97px;
   width: 97px;
   margin: 5px 5px 2px 0px;
   padding: 0px;
   background-color: gray; 
   }

   #theGrid .bodyText {
     overflow: auto;
     float: left;
     margin: 5px 2px 2px 2px;
     padding 2px;
     width: 100px;
     height: 66px;
     font-family: Arial, Helvetica;
     font-size: 14px;
     font-weight: lighter;   
   }

   #theGrid .rMore {
    float: left;
    margin 0px 0px 2px 2px;
    width: 100px;
    height: 20px; 
    font-variant: small-caps;
    font-size: 12px;  
   }

   #bslCam {
      margin: 1px;
      padding: 0px;
      float: right;
      width: 40px;
      height: 20px;
      background-image: url(BSL_icon.png);
      background-repeat: no-repeat;
   }
   
    #bslCam a {
      width: 40px;
      height: 20px;
      display: block;
   }

    #bslCam a img {
    border: 0;
    }
   

    .buttonHolder {
      text-align: left;
      /* width: 194px; */
      /* width: 226px; */
      width: 90%;
      background-color: #AEA3CF;
      border-radius: 15px;
      margin-top: 10px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 10px;
      color: #0D4DA1;
      font-family: Helvetica, Arial;
      font-size: 16px;                 
   }
   
      .buttonHolderInside {
      text-align: left;
      width: 226px;
      background-color: #AEA3CF;
      border-radius: 15px;
      margin-top: 10px;
      margin-left: 0px;
      margin-right: 0px;
      padding: 10px;
      color: #0D4DA1;
      font-family: Helvetica, Arial;
      font-size: 16px;                 
   }
   
   
   #mapHolder {
      width: 260px;
      height: 323px;
      background-image: url(images/areasMap.jpg);
      background-repeat: none;
      margin: 4px;
      padding: 0;
      float: right;
   }
   
   
/* text styling for button holder in the text stylesheet */
   
     /* Code to creat box on BSL Healthy Minds pages for IAPT and NHS logo */
  
  .iaptBox {
    margin: 5px 0px 5px 5px;
    padding: 4px;
    float: right;
    width: 226px;
    height: 100px;
    text-align: right; 
  }