@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;}
a:visited {color: #0066CC;}


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

/*This determines the style for the header div*/
div#header {position: relative; width: 950px; margin: 0 0 0 25px; padding: 0;}
div#logo {position: relative; float: left; display: inline; width: 210px; height: 230px; margin: 0 0 0 10px;}
div#logo img {margin-bottom: 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; margin-top: 10px;}
#topnavbar {position: relative; float: right; width: 511px; height: 35px; margin: 0 10px 0 0; padding: 0;}
div#topnavbar ul {position: relative; margin: 0; padding: 0;	width: 511px; height: 35px;}
div#topnavbar li {padding-left: 0px;}

li#top1 {position: absolute; top: 0; left: 0; width: 102px; height: 35px; background: url(images/top1.gif) no-repeat; list-style-type: none;}
li#top2 {position: absolute; top: 0; left: 102px; width: 102px; height: 35px; background: url(images/top2.gif) no-repeat; list-style-type: none;}
li#top3 {position: absolute; top: 0; left: 204px; width: 102px; height: 35px; background: url(images/top3.gif) no-repeat; list-style-type: none;}
li#top4 {position: absolute; top: 0; left: 306px; width: 102px; height: 35px; background: url(images/top4.gif) no-repeat; list-style-type: none;}
li#top5 {position: absolute; top: 0; left: 408px; width: 102px; height: 35px; background: url(images/top5.gif) no-repeat; list-style-type: none;}
ul#top a {display: block; width: 102px;	height: 35px; text-indent: -9999px; text-decoration: none; list-style-type: none;}
li#top1 a:hover {background: url(images/top1hover.gif) no-repeat;}
li#top2 a:hover {background: url(images/top2hover.gif) no-repeat;}
li#top3 a:hover {background: url(images/top3hover.gif) no-repeat;}
li#top4 a:hover {background: url(images/top4hover.gif) no-repeat;}
li#top5 a:hover {background: url(images/top5hover.gif) no-repeat;}

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 {float: left; width: 950px; margin: 10px 0 10px 25px; padding: 0;}

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

div#blog {height: 35px; margin: 5px 0 5px 0;}
div#blog a {font-weight: bold; margin-bottom: 5px; padding: 5px 5px; line-height: 18px; font-size: 14px; text-align:center; vertical-align: middle;}
img#blog-image {float: left;}

/*Top navigation menu left div*/
div#navcontainer ul {position: relative; margin: 0; padding: 0; width: 204px; height: 300px;}
div#navcontainer li {padding-left: 0px;}
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: 340px; background: url(images/clientsbg.png) no-repeat; top: 0; left: 0;}


ul#clients {position: relative; width: 204px; height: 310px; margin: 0; padding: 0;}
li#bbc {position: absolute;	top: 50px; left: 50px; width: 131px; 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;}
li#petruzzi_soccer_academy {position: absolute;	top: 250px;	left: 42px;	width: 145px; height: 45px;	background: url(images/petruzzi_soccer_academy.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;}

/*Mindtree Partnership div*/
div#excelpartnership {position: relative; width: 204px; height: 224px; margin: 10px 0 0 0; padding: 0;}
div#excelpartnership p {text-indent: -9999px;}

/*Text Content div*/
div#textcontent {position: relative; width: 475px; float: left; margin: 0 0 10px 10px; padding: 5px;}
div#wide-text-content {position: relative; width: 700px; float: right; margin: 0 0 15px 10px; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; padding: 0 10px 0 10px;}

p {color:#000; font: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 15px;}
blockquote {color:#0066CC; font-size: 14px; font: Verdana, Helvetica, Arial, sans-serif; font-style: italic; font-size: 1.8em; margin: 20px 10px 20px 10px;}
h1, h2, h3, h4 {color: #333; margin-bottom: 15px;}
h3 {line-height: 18px;}
li {color: #000; font: 14px; line-height: 18px; padding-left: 10px;}
ul {list-style-type: none;}


div#short-textcontent {position: relative; width: 700px; float: left; margin: 0 0 10px 10px; padding: 5px;}
div#short-textcontent p {font: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 18px; margin-bottom: 15px;}


.bluetext {color: #0066CC;}
.bluetextitalic {font-style: italic; color: #0066CC;}
div#home_page_image {margin: 0 0 0 10px; padding: 20px 0 20px 0px;}
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;}
div#miniradio {	position: absolute; top: 140px; left: 130px;}
.paragraphspace {padding-top: 10px;}
#mbs_banner {margin: 10px 0 15px 5px; width: 450px; height: 72px;}

div#youtube-video {padding: 20px 0 20px 30px;}

img#facebook-image {margin-left: 80px;}
img#twitter-image {margin-left: 40px;}

/* Changes Start Here */
/*Text Content Variations*/

 div#textcontentcoursesnlpdip, div#textcontentcourseshyptrain, div#textcontentcourseshypmas, div#textcontentcourseshypprac, 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#pricesparagraph2 {margin-top: 20px; margin-bottom: 20px;}

div#paragraphcourseshypmas ul li {list-style type: disc; margin-left: 15px;}

div#paragraphcourseshypmas li {line-height: 22px;}


/*Misc*/
#jimmybio {float: left; padding: 5px 15px 5px 0;}
.quotename {text-align: right; padding: 0 20px 20px 0; font-weight: bold; color: #333;}
.last {padding-bottom: 25px;}
#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#courseshypdippara, div#courseshypmaspara, div#courseshyppracpara, div#courseshyptrainpara, div#courses1dplrpara, div#courses1dempara, div#coursesnlpdippara {padding: 10px; border: #0066CC solid 1px; margin: 10px 10px 10px 0;}

/* End of Variations */

/*Courses Pics*/
#rightpic {padding: 5px;}
#middlepic {padding: 5px; margin: 10px 20px 10px 10px;}

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

/*Stop Smoking*/
#stopsmokingpic1 {float: right; padding: 0 10px 10px 10px;}
#stopsmokingpic2 {float: left; padding: 10px 10px 10px 0px;}
.testimonial_quote {color: #0066CC; font-size: 14px; text-align: center;}

/*Boost Confidence*/
#confidencepic2 {float: left; padding: 15px 10px 10px 10px;}

/*Fears and Phobias*/
div#textcontentfear li, div#textcontentmtp li {margin: 5px 0 0 10px; font-size: 12px; font-weight: bold; list-style-type: square;}

/*Mindtree Partnership*/
.bronze {color: #996600}
.silver {color: #999999}
.gold {color: #FF9900}

/*Prices page*/
div#short-textcontent caption {padding: 10px 5px 10px 0; text-align: right; font-size: 14px; color: #333; font-weight: bold;}
div#short-textcontent table, th {border-collapse: collapse;}
div#short-textcontent table {border: 1px solid #333; margin: 10px 20px;}
div#short-textcontent th {padding: 5px 10px; font-size: 90%; text-align: left; color: #FFF; border-bottom: #333 solid 1px; background-color: #0066FF;}
div#short-textcontent td {padding: 7px 15px; font-weight: bold; color: #333;}

/*Calendar page*/
div#short-textcontent caption {padding: 10px 5px 10px 0; text-align: left; font-size: 14px; color: #0066CC; font-weight: bold;}
div#short-textcontent table, th {border-collapse: collapse;}
div#short-textcontent table {border: 1px solid #333; margin: 10px 20px 10px 10px;}
div#short-textcontent th {padding: 5px 10px; font-size: 90%; text-align: center; color: #FFF; border-bottom: #333 solid 1px; background-color: #0066FF;}
div#short-textcontent td {padding: 7px 30px; font-weight: bold; color: #333; text-align: center;}

/*Contact Page*/
div#emailcontactform {padding: 30px 0 20px 40px;}
div#emailcontactform table {border: 0; }
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: 225px;}
.contactaddress {list-style-type: none; margin: 2px 0 2px 60px; font-weight: bold; color: #0066CC;}
 

/*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: 10px 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; font-size: 14px; margin-bottom: 10px;}
div#datacapture fieldset {z-index: 1; position: absolute; top: 100px; left: 10px;}
input#GRCategory0, input#GRCategory1, input#GRCategory2, input#GRCategory3 {margin-left: 6px;}
#submitbutton {	position: absolute; top: 100px; left: 110px;}

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


div#home-study-course {position: relative; width: 224px; height: 280px; margin: 10px 0 0 0; background: url(images/home-study-course.gif) no-repeat;}
div#home-study-course h1 {position: absolute; top: 0; left: 0; width: 224px; height: 50px; text-indent: -9999px; background: url(images/home-study-course.jpg) no-repeat top center;}
p#event1 {position: absolute; top: 50px; left: 0; width: 224px; height: 78px; background: url(images/hypno-hs-course.gif) no-repeat;}
p#event3 {position: absolute; top: 128px; left: 0; width: 224px; height: 80px; background: url(images/nlp-hs-course.gif) no-repeat;}
div#home-study-course a {display: block; height: 80px; overflow: hidden; text-indent: -9999px;}


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

/*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;}

/*This determines the style of the footer*/
div#footer {clear: both; width: 950px; margin: 0 0 10px 25px; background: url(images/footerbg.gif) no-repeat; padding-top: 1px; padding-bottom: 15px;}
div#footer a {text-decoration: none; display: inline;}
div#footerrow1 {position: relative; top: 0px; left: 275px; width: 350px; height: 12px; margin: 10px 0 5px 20px;}
div#footerrow1 ul {margin: 0; padding: 0 0 7px 10px;}
div#footerrow1 ul, div#footerrow1 li {display: inline; margin: 0; padding: 0; list-style-type: none;}
div#footerrow1 a {float: left; 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#footerrow2 {position: relative; top: 0; left: 55px; width: 850px; height: 12px; margin: 0 0 5px 20px;}
div#footerrow2 ul {margin: 0; padding: 0 0 7px 10px;}
div#footerrow2 ul, div#footerrow2 li {display: inline; margin: 0; padding: 0; list-style-type: none;}
div#footerrow2 a {float: left; line-height: 12px; font-weight: bold; margin: 0 10px 1px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
div#footerrow2 a:hover {border-bottom: solid 2px #FFF;}
div#footerrow3 {position: relative; top: 0; left: 150px; width: 650px; height: 12px; margin: 0 0 5px 20px;}
div#footerrow3 ul {margin: 0; padding: 0 0 0px 10px;}
div#footerrow3 ul, div#footerrow3 li {display: inline; margin: 0; padding: 0; list-style-type: none;}
div#footerrow3 a {float: left; line-height: 12px; font-weight: bold; margin: 0 10px 1px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFF;}
div#footerrow3 a:hover {border-bottom: solid 2px #FFF;}


p#testimonial-quote {font-style: italic; color:#039;}
