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

/*This resets the margin and padding to help get a uniform style across the various browsers*/
* {
  margin:0;
  padding:0;
}

html {
	height:100%;
}
/*This determines the style for the body of the page*/
body {background-image:url(images/bg.gif); 	color:#ffffff; font-family: Helvetica, Verdana, Arial, sans-serif; font-size: 12px; height:100%; letter-spacing:inherit;}

/*This sets any active link images to have no border*/
a img {border:0;}
a:active {outline: none;}

/*This determines the text style*/
p {font-size: 12px; font-family: Helvetica, Verdana, Arial, sans-serif; font-weight: normal; letter-spacing:inherit; line-height: 16px;}
a {text-decoration: none; color: #0066CC;}
a:visited {color: #0066CC;}


/*This determines the style for the main container in the centre of the page*/
#big {background-image: url(images/mindtreeinlay_bg.gif); background-position: 50% 0; background-repeat: repeat-y; height: 1575px; margin: 0 auto -50px auto; width: 1000px;}
#big_course {background-image: url(images/mindtreeinlay_bg.gif); background-position: 50% 0; background-repeat: repeat-y; height: 3655px; margin: 0 auto -50px auto; width: 1000px;}

/*This determines the style for the header div*/
div#header {position: relative; width: 950px; height: 235px; margin: 0 0 0 25px; padding: 0;}
div#logo {position: relative; float: left; display: inline; width: 210px; height: 220px; margin: 0 0 0 10px;}
div#logo h1 {position: absolute; left: 0px; bottom: 0px; width: 210px; height: 20px; background: url(images/logo_email.gif) no-repeat; left: 0px; bottom: 0px; overflow: hidden;}
div#logo h1 a {display: block; width: 210px; height: 20px; text-indent: -9999px;}


div#flashvideo {position: relative; float: right; top: 10px; right: 10px; width: 700px; height: 170px; margin: 0; padding: 0; border: 1px #CCC solid; background: url(images/flashnotinstalled_bg.gif) no-repeat; overflow: hidden;}

/*This determines the style of the main content box*/
div#maincontent {position: relative; width: 950px; height: 1250px; margin: 0 0 0 25px; padding: 0;}
div#maincontent_course {position: relative; width: 950px; height: 3340px; margin: 0 0 0 25px; padding: 0;}

/*Left menu div*/
div#leftmenu {position: relative; float: left; display: inline; width: 204px; margin: 0 0 20px 10px; padding: 0;}

/*Top navigation menu left div*/
div#navcontainer ul {position: relative; margin: 0; padding: 0; width: 204px; height: 300px;}
h1#youcan {position: absolute; top: 0; left: 0;width: 204px; height: 45px; background: url(images/youcan.gif) no-repeat; list-style-type: none; text-indent: -9999px;}
li#stopsmoking {position: absolute; top: 45px; left: 0; width: 204px; height: 55px; background: url(images/stopsmoking.gif) no-repeat; list-style-type: none;}
li#loseweight {	position: absolute; top: 100px; left: 0; width: 204px; height: 55px; background: url(images/loseweight.gif) no-repeat; list-style-type: none;}
li#boostconfidence {position: absolute; top: 155px; left: 0; width: 204px; height: 68px; background: url(images/boostconfidence.gif) no-repeat; list-style-type: none;}
li#fearsphobias {position: absolute; top: 223px; left: 0; width: 204px;	height: 76px; background: url(images/fearsphobias.gif) no-repeat; list-style-type: none;}
ul#navcontainer a {display: block; width: 204px; height: 65px; text-indent: -9999px; text-decoration: none; list-style-type: none; overflow: hidden;}
li#stopsmoking a:hover {background: url(images/stopsmokinghover.gif) no-repeat;}
li#loseweight a:hover {	background: url(images/loseweighthover.gif) no-repeat;}
li#boostconfidence a:hover {background: url(images/boostconfidencehover.gif) no-repeat;}
li#fearsphobias a:hover {background: url(images/fearsphobiashover.gif) no-repeat;}

/*Clients div*/
div#clients {position: relative; margin: 10px 0 0 0; padding: 0; width: 204px; height: 266px; background: url(images/clientsbg.gif) no-repeat; top: 0; left: 0;}
ul#clients {position: relative; width: 204px; height: 266px; margin: 0; padding: 0;}
li#bbc {position: absolute; top: 50px; left: 50px; width: 103px; height: 38px;background: url(images/bbc.gif) no-repeat; list-style-type: none;}
li#marieclaire {position: absolute; top: 93px; left: 30px; width: 139px; height: 27px; background: url(images/marieclaire.gif) no-repeat;list-style-type: none;}
li#mindbodyspirit {position: absolute; top: 130px; left: 26px; width: 149px; height: 30px; background: url(images/mindbodyspirit.gif) no-repeat; list-style-type: none;}
li#men {position: absolute; top: 164px; left: 41px; width: 119px; height: 36px; background: url(images/men.gif) no-repeat;list-style-type: none;}
li#dailymirror {position: absolute; top: 203px; left: 42px; width: 118px; height: 45px; background: url(images/dailymirror.gif) no-repeat; list-style-type: none;}
ul#clients a { display: block; width: 204px; height: 45px; text-indent: -9999px; text-decoration: none; list-style-type: none; overflow: hidden;}


/*Text Content div*/
div#textcontent {position: relative; width: 475px; float: left; margin: 0 0 0 10px; padding: 5px;}

div#textcontent p {color:#000; font: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px;}
div#textcontent blockquote {color:#0066CC; font: Verdana, Helvetica, Arial, sans-serif; font-style: italic; font-size: 20px; line-height: 30px; margin: 20px 10px 20px 10px;}

.bluetext {color: #0066CC;}
.bluetextitalic {font-style: italic; color: #0066CC;}
div#home_page_image {margin: 0 0 0 10px; padding: 20px 0 20px 10px;}
div#testimonial {position: relative; width: 474px; height: 205px; margin: 10px 0 0 0; background: url(images/testimonialbox.gif) no-repeat; top: 0; left: 0;}
div#testimonial blockquote {color: #0066CC; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.3em; font-style: italic; padding: 5px;}
.paragraphspace {padding-top: 10px;}
#mbs_banner {margin: 10px 0 15px 5px; width: 450px; height: 72px;}
.contact {color: #0066CC; padding-top: 20px;}
.subcontact {color: #0066CC; padding-top: 5px; font-style: italic;}
/* Changes Start Here */
/*Big div variations*/
div#bigaboutus, div#big_courses, div#big_courseshypdip, div#big_courseshypmas, div#big_courseshyptrain, div#big_coursesnlpdip, div#bigconfirmation, div#bigterms, div#bigchange, div#bigweight, div#bigboost, div#bigfear, div#bigmtp, div#bigprices, div#bigcalendar, div#biggallery {background-image: url(images/mindtreeinlay_bg.gif); background-position: 50% 0; background-repeat: repeat-y; min-height: 97%; margin: 0 auto -20px auto; width: 1000px;}

div#textcontentconfirmation {position: relative; width: 450px; float: left; margin: 0 0 0 10px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 10px 0 10px;}
div#textcontentterms {position: relative; width: 450px; float: left; margin: 0 0 0 10px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 10px 0 10px;}

.quotename {text-align: right; padding: 0 20px 20px 0; font-weight: bold; color: #333;}
.last {padding-bottom: 5px;}
#sarabio {float: left; padding: 5px 15px 5px 0;}
.startsection {margin-top: 30px;}
.h1space {margin-top: 20px;}
.h2space {margin: 20px 0 10px 60px;}
.h2space2 {margin: 20px 0 10px 60px; text-align:center;}
.italich3 {font-style: italic; font-size: 13px; font-weight: bold; color: #0066CC; margin: 20px 0 0 0;}
.h1spacebottom {margin-bottom: 20px;}


div#bigaboutus {height: 1220px;}
div#big_courses {height: 1715px;}
div#big_courseshypdip {height: 2585px;}
div#big_courseshypmas {height: 1165px;}
div#big_courseshyptrain {height: 1165px;}
div#big_coursesnlpdip {height: 1220px;}
div#bigconfirmation {height: 915px;}
div#bigterms {height: 1145px;}
div#bigchange {height: 1195px;}
div#bigweight {height: 1465px;}
div#bigboost {height: 1985px;}
div#bigfear {height: 1240px;}
div#bigmtp {height: 1360px;}
div#bigprices {height: 1345px;}
div#bigcalendar {height: 2475px}
div#biggallery {height: 1175px;}

/*Main Content div variation*/
div#maincontentaboutus, div#maincontentcourses, div#maincontentcourseshypdip, div#maincontentcourseshypmas, div#textcontentcourseshyptrain, div#maincontentcourseshyptrain, div#maincontentcoursesnlpdip, div#maincontentconfirmation, div#maincontentterms, div#maincontentchange, div#maincontentweight, div#maincontentboost, div#maincontentfear, div#maincontentmtp, div#maincontentprices, div#maincontentcalendar, div#maincontentgallery {position: relative; width: 950px; margin: 0 0 0 25px; padding: 0;}

/*Height Variations*/
div#maincontentaboutus {height: 900px;}
div#maincontent_courses {height: 1400px;}
div#maincontentcourseshypdip {height: 2270px;}
div#maincontentcourseshypmas {height: 850px;}
div#maincontentcourseshyptrain {height: 850px;}
div#maincontentcoursesnlpdip {height: 895px;}
div#maincontentconfirmation {height: 800px}
div#maincontentterms {height: 740px;}
div#maincontentchange {height: 880px;}
div#maincontentweight {height: 1150px;}
div#maincontentboost {height: 1675px;}
div#maincontentfear {height: 925px;}
div#maincontentmtp {height: 1045px;}
div#maincontentprices {height: 1030px;}
div#maincontentcalendar {height: 2160px;}
div#maincontentgallery {height: 860px;}


/*Text Content Variations*/
div#textcontentaboutus, div#textcontentcourses, div#textcontentcourseshypdip, div#textcontentcourseshyptrain, div#textcontentchange, div#textcontentweight, div#textcontentboost, div#textcontentfear, div#textcontentmtp, div#textcontentprices {position: relative; width: 700px; float: right; margin: 0 0 0 10px; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; padding: 0 10px 0 10px;}

 div#textcontentcoursesnlpdip, div#textcontentcourseshyptrain, div#textcontentcourseshypmas, div#textcontent1dayplr {position: relative; width: 680px; float: right; margin: 0 0 0 10px; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; padding: 0 10px 0 10px;}

div#textcontentcalendar, div#textcontentcalendar2, div#textcontentgallery {position: relative; width: 925px; float: left; margin: 0 0 0 10px; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif;	font-size: 12px; padding: 0 10px 0 10px;}

div#pricesparagraph2 {margin-top: 20px; margin-bottom: 20px;}

div#textcontentconfirmation {position: relative; width: 450px; height: 600px; float: left; margin: 0 0 0 10px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 10px 0 10px;}
div#textcontentterms {position: relative; width: 450px; float: left; margin: 0 0 0 10px; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 10px 0 10px;}


/*H Variations*/
div#textcontentaboutus h1, h2, h3, h4 {color: #333;} 
div#textcontentcourses h1, h2, h3, h4 {color: #333;}
div#textcontentaboutushypdip h1, h2, h3, h4 {color: #333;}
div#textcontentaboutushyptrain h1, h2, h3, h4 {color: #333;}
div#textcontentaboutushypmas h1, h2, h3, h4 {color: #333;}
div#textcontentaboutusnlpdip h1, h2, h3, h4 {color: #333;}



/*h1, h2, h3, h4, p , a, li Variations*/
div#textcontentaboutus h1, div#textcontentcourses h1, div#textcontentcourseshypdip h1, div#textcontentcourseshypmas h1, div#textcontentcourseshyptrain h1, div#textcontentcourseshyptrain h1, div#textcontentcoursesnlpdip h1 {padding: 0 0 10px 0;} 
div#textcontentaboutus h2, div#textcontentcourses h2, div#textcontentcourseshypdip h2, div#textcontentcourseshypmas h2, div#textcontentcourseshyptrain h2, div#textcontentcourseshyptrain h2, div#textcontentcoursesnlpdip h2 {padding: 0 0 5px 0;} 
div#textcontentaboutus h3, div#textcontentcourses h3, div#textcontentcourseshypdip h3, div#textcontentcourseshypmas h3, div#textcontentcourseshyptrain h3, div#textcontentcourseshyptrain h3, div#textcontentcoursesnlpdip h3 {padding: 0 0 10px 0; font-style: italic; font-size: 12px;}
div#textcontentaboutus h4, div#textcontentcourses h4, div#textcontentcourseshypdip h4, div#textcontentcourseshypmas h4, div#textcontentcourseshyptrain h4, div#textcontentcourseshyptrain h4, div#textcontentcoursesnlpdip h4 {padding: 0 0 10px 0; font-style: italic; font-size: 12px; font-weight: normal;}
div#textcontentaboutus p, div#textcontentcourses p, div#textcontentcourseshypdip p, div#textcontentcourseshypmas p, div#textcontentcourseshyptrain p, div#textcontentcourseshyptrain p, div#textcontentcoursesnlpdip p, div#textcontentchange p, div#textcontentweight p, div#textcontentboost p, div#textcontentfear p, div#textcontentmtp p, div#textcontentprices p {margin: 10px 0 0 0; line-height: 16px;}
div#textcontentaboutus a, div#contentcourses a, div#textcontentcourseshypdip a, div#textcontentcourseshypmas a, div#textcontentcourseshyptrain a, div#textcontentcourseshyptrain a, div#textcontentcoursesnlpdip a, div#textcontentchange a, div#textcontentweight a, div#textcontentboost a, div#textcontentfear a, div#textcontentmtp a, div#textcontentprices a {color: #006699; text-decoration: none;}
div#textcontentcourseshypdip li, div#textcontentcourseshypmas li, div#textcontentcourseshyptrain li, div#textcontentcoursesnlpdip li, div#textcontentconfirmation li, div#textcontentterms li, div#textcontentchange li, div#textcontentweight li, div#textcontentboost li {margin: 2px 0 0 10px;}

/*Misc*/
div#textcontentaboutus blockquote {font-style: italic; color: #0066CC; font-size: 14px; padding: 10px 20px 0 20px;}
div#textcontentcourseshyptrain blockquote {font-style: italic; color: #0066CC; font-size: 16px; padding: 20px 0 20px 0;}
div#textcontentweight blockquote {color:#0066CC; font: Verdana, Helvetica, Arial, sans-serif; font-style: italic; font-size: 2em; margin: 20px 10px 20px 10px;}

/*Terms and Conditions page*/
div#textcontentterms h1 {padding: 0 0 10px 0; color: #333;}

/*Contact Page*/
div#emailcontactform {padding: 10px 0 0 40px;}
div#emailcontactform table {border: 0; margin: 35px 0 10px 20px; }
div#emailcontactform fieldset {border: 0; text-align: left; margin: 0; padding: 0;}
div#emailcontactform td#contact {text-align: right; padding: 2px 0 2px 5px; color: #FFF;}
#submitbuttoncontact {	position: relative; top: -5px; left: 310px;}
div#formwrap {background: url(images/emailform_bg.gif) no-repeat; height: 205px;}
 

/*Sitemap*/
li#sitemap {margin: 5px 0 0 10px; font-size: 12px; font-weight: normal; list-style-type: disc;}

/*This controls the right menu div*/
div#rightmenu {position: relative;	width: 224px; float: right; margin: 0 10px 0 0; padding: 0;}

/*Data Capture div*/
div#datacapture {position: relative; width: 224px; height: 230px; margin: 0; padding: 0; background: url(images/datacapture.gif) no-repeat; top: 0; left: 0;}
div#datacapture fieldset {z-index: 1; position: absolute; top: 100px; left: 10px;}
#submitbutton {	position: absolute; top: 100px; left: 110px;}

/*Upcoming Events div*/
div#upcomingevents {position: relative; width: 224px; height: 280px; margin: 10px 0 0 0;}
div#upcomingevents h1 {position: absolute; top: 0; left: 0; width: 224px; height: 50px; text-indent: -9999px; background: url(images/upcomingeventshead.gif) no-repeat;}
p#event1 {position: absolute; top: 50px; left: 0; width: 224px; height: 78px; background: url(images/event1.gif) no-repeat;}
p#event2 {position: absolute; top: 128px; left: 0; width: 224px; height: 72px; background: url(images/event2.gif) no-repeat;}
p#event3 {position: absolute; top: 200px; left: 0; width: 224px; height: 80px; background: url(images/event3.gif) no-repeat;}
div#upcomingevents a {display: block; height: 80px; overflow: hidden; text-indent: -9999px;}

/*Just giving div*/
div#justgiving {margin: 20px 0 20px 35px;}

/*Gallery div*/
div#gallery {position: relative; height: 150px; margin: 10px 0 0 0; padding: 0;}
div#flashgallery {margin: 30px 20px 10px 50px; background: url(images/flashgallery_bg.jpg) no-repeat;}

/*Association Links div*/
div#links {position: relative; margin: 0; padding: 0}
div#links a {width: 115px; height: 120px;}
div#links p {color: #333; font-size: 10px; padding: 0 5px 5px 5px;}

div#hypnotherapy_courses_continued {clear: both; margin: 0 40px 10px 40px;}
div#hypnotherapy_courses_continued p, div#hypnotherapy_courses_continued li {color: #000; font: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px;}
div#hypnotherapy_courses_continued li { margin-left: 20px; list-style-type: circle; color: #000; padding: 5px 10px 0 0;}
.quote_hypnotherapy_courses {font-size: 18px; line-height: 22px; color: #0066CC; font-style: italic;}

/*This determines the style of the footer*/
div#footer {float: left; clear: both; width: 950px; height: 70px; margin: 0 0 10px 25px; background: url(images/footerbg.gif) no-repeat; top: 0; left: 0;}
div#footer a {text-decoration: none; display: inline;}
div#footerrow1 ul {margin: 0; padding: 25px 0 10px 30px; text-align: center;}
div#footerrow1 li {display: inline; list-style-type: none; text-align: center;}
div#footerrow1 a {line-height: 12px; font-weight: bold; margin: 0 10px 1px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
div#footerrow1 a:hover {border-bottom: solid 2px #FFF;}
div#footerb {float: left; clear: both; width: 950px; height: 70px; margin: 0 0 10px 0px; background: url(images/footerbg.gif) no-repeat; top: 0; left: 0;}
div#footerb a {text-decoration: none; display: inline;}

