body 
{
    background-color:#cfe2f9;
    text-align:left;
    font-family:  verdana, sans-serif;
    font-size:10pt;
    color:#666;
    line-height:1.1em;
    
}

/*  COLOURS  */
/*  Brown: #412c2c  */
/*  Blue header / footer:  #01a8d4 */
/*  COLOURS  */
/*  COLOURS  */

a {color:#fff;text-decoration:underline;}
a:hover {text-decoration:none;}

#container {margin: 0 auto 0 auto;width:960px;}

/* MAIN MENU */
#Header {background: url(../images/header.png) no-repeat;height:160px}  /*  960 x 160  */
#welcomeMsg{float:left;width:300px;padding:50px 0px 0px 20px;font-size:11pt;font-style:italic;line-height:1.15em;color:#fff;}
#MainMenu {font-size:9.5pt;height:35px;clear:both;} /* NEED 2px top padding here for fireforx to bring menu text into center of bar ! */
#MainMenu li a, #MainMenu li a:link, #MainMenu li a:visited{text-decoration:none;text-transform:capitalize;}
#MainMenu li {display:inline-block;float:left;padding:0 10px 0 8px;line-height:35px;}
#MainMenu li a:hover  {color:#01a8d4;padding-bottom:4px;border-bottom:solid 3px #015a72;} 


/* MAIN CONTENT */

#ContentHolder{background-color:#fff;padding: 30px 20px 20px 20px;line-height: 1.3em;}
.ContentWide{width:580px;float:left;}
.ContentWide.full{width:880px;}
.ContentWide a{color: #0387aa;font-weight:bold;text-decoration:none;}
.ContentWide a:hover{text-decoration:underline;}

.ContentPanel h1, .ContentPanel h2 {text-transform:capitalize;font-size: 25pt;font-weight:600;padding:0 10px 15px 10px;line-height:1.1em;font-family:Trebuchet MS, Helvetica;color:#00349a;}
.ContentPanel h2 {font-size:15pt;padding:10px 10px 10px 36px;font-weight:500;text-transform:uppercase;background:transparent  url(../images/blueline_arrow.png) no-repeat 10px 10px;line-height:28px;vertical-align:middle;}
.blueline {background:transparent url(../images/blueline_repeat.png) repeat-x 0px -1px;color:#fff;}
.blueEnd {background:transparent url(../images/blueline_end.png) no-repeat 0px 0px;width:8px;margin:0;padding:0;}
/*  .ContentPanel h2 {font-size:15pt;padding-bottom:10px;font-weight:500;text-transform:uppercase;display:block;background:transparent  url(../images/blueline.png) no-repeat 10px 25px;}  */
.ContentPanel p, .ContentPanel ul{padding:0 10px 10px 10px;font-size:10.5pt;}
.ContentPanel ul{padding-left:10px;}
.ContentPanel li {padding:0px 5px 10px 25px;background-image: url('../images/tick.png');background-repeat: no-repeat;background-position: 0px -1px;line-height:1.3em;}


.GreenButton {width:190px;height:40px;background:url(../images/btn_green.png) top left;display:block;}
.GreenButton a {color:#fff;padding:12px 0 0 15px;display:block;font-size:14pt;font-weight:500;text-decoration:none;font-size:12pt;}
.GreenButton a:hover{color: #006600;}


/* CONTACT FORM */

#ContactForm p{line-height:24px;}
#ContactForm input, #ContactForm textarea  {border:solid 1px #cdcdcd;vertical-align:top;color:#666;font-size:9pt;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}
#ContactForm input, #ContactForm textarea  {width:220px;}
#ContactForm input {height:20px;}
#ContactForm input:focus, #ContactForm textarea:focus, #EditForm input:focus, #EditForm textarea:focus{background-color: #99CCFF;color: #333;}
#ContactForm #MailingList,#ContactForm#MailingList, #MailingList, #ContactForm input#MailingList, #ContactForm input #MailingList {width:25px;border:none;}

/* RIGHT CONTENT */
.ContentNarrow{width:300px;float:right;}
.small{width:300px;float:left;background:url(../images/panel-sml-back.png) no-repeat bottom left;color:#fff;}
.small h2{background:none;padding:0 10px 5px 10px;color:#fff;}
.small h1 {text-transform: uppercase;font-size: 15pt;font-weight:500;font-family:Trebuchet MS, Helvetica;padding:0 0 5px 10px;}
.TopImage{margin-top:-14px;}
.BlueBox {width:300px;float:left;height:125px;background: url(../images/bluebox.png) no-repeat;padding:10px;color:#fff;}
.workshop{background: url(../images/blueboxWorkshop.png) no-repeat;}
.training{background: url(../images/blueboxTraining.png) no-repeat;}
.telecoaching{background: url(../images/blueboxTelephone.png) no-repeat;}
.shout{background: url(../images/blueboxShout.png) no-repeat;}
.poem{background: url(../images/blueboxPoem.png) no-repeat;}
.events{background: url(../images/blueboxEvents.png) no-repeat;}
.BlueBox .icon {float:right;padding-right:15px;}
.BlueBox h1 {text-transform: uppercase;font-size: 15pt;font-weight:500;font-family:Trebuchet MS, Helvetica;}
.BlueBox p {line-height: 1.3em;padding-top:5px;font-size:9pt;}
.BlueBox a { text-decoration:underline;font-weight:bolder;line-height:20px;}
.BlueBox a:hover {text-decoration:none;}

/* RIGHT CONTENT - TIPS */

.Bulb, .Bulb a:hover, .Bulb a {background: url('../images/bulb.png') no-repeat top left;width:80px;height:100px;float:right;text-decoration:none;}
.Bulb a:hover {background: url('../images/bulbOn.png') no-repeat;text-decoration:none;color:Yellow;}


/* OTHER CRAP */

.SusieTalk{font-style:italic;}
.FloatRight {float:right;padding-left:10px;}
.FloatLeft {float:left;padding-left:10px;}
.MainImage {float:right;padding:0 3px 0 10px;}
.box {font-size:9pt;height:22px;color:#666;}
.arrow {vertical-align:middle;padding-left:5px;}
.spacer{display:block;height:30px;clear:both;}

/* FOOTER CONTENT */

#Footer {background: url(../images/footer.png) no-repeat bottom;height:210px;clear:both;margin:0px -20px -20px -20px;padding-top:10px;} /*  960 x 80  */
.FooterButton {padding:10px 20px 0 0;float:left;}
.testimonial {float:right;padding-right:20px;width:300px;height:171px;background:url(../images/quote.png) no-repeat top left;} /* position:absolute */
.testimonial p {font-style:italic;padding:12px 28px 10px 30px;font-size:9.5pt;line-height:1.2em;color:#fff;}
.testimonial h1 {font-size:11pt;padding:10px 0 0 70px;color:#fff;}

#MyQuote{padding:25px 0px 0px 40px;width:580px; height:105px;background:transparent url(../images/paper.png) no-repeat top left;float:left;}
#MyQuote p {color:#333;font-size:13pt;font-style:italic;text-transform:none;padding-right:90px;line-height:1.1em;}

#copyright {margin: 0 auto 0 auto;width:960px;}
#copyright{margin: 2px auto 0 auto;width:950px;}
#copyright p {color:#666;font-size:smaller;padding:0;}

#ProductSquare, #ImageSquare{background-color:#fff;margin:0 0 10px 10px;width:280px;background-repeat:no-repeat;background-position:bottom center;height:190px;color:#0e4ca8;text-transform:uppercase;font-size:17pt;font-weight:bold;border-radius:5px;-moz-border-radius:5px;border:solid 5px #fff;text-align:center;}
#ProductSquare img {margin-top:0px;}
#ImageSquare {width:125px;height:125px;}
#ProductSquare.off, #ImageSquare.off {cursor:pointer;}
#ProductSquare.on, #ImageSquare.on {border:solid 5px #a0c737;border-radius:5px;-moz-border-radius:5px;cursor:pointer;background-color:#fff;cursor:pointer;color:#a0c737;}