/* CSS Document */



*html body {margin:0; padding:0;}

body *{margin:0; padding:0; border:none;} 

body {margin:0; padding:0; color:#000; font-family: arial, verdana, sans-serif; font-size:80%;} /** larger font size **/



h1, h2, h3 {margin:0; padding:0; font-family: arial, verdana, sans-serif;}

h1 {font-size:1.5em;}

h2 {font-size:1.3em; font-weight:bold;}

h3 {font-size:1.2em;}

p {font-size:1.2em; line-height:1.6em; font-family: arial, verdana, sans-serif;  margin:0 0 0.8em 0; padding-bottom: 5px;}



img {border:0;}

a {color:#CC0000; text-decoration:none;}

a:hover {text-decoration:underline;}



.break {margin-bottom:10px;}

.breakmed {margin-bottom:20px;}

.breakbig {margin-bottom:35px;}

.padtop {padding-top:10px;}



.bold {font-weight:bold;}



.floatright {float:right;}

.floatleft {float:left;}



.image1 {float:left; margin:10px 20px 10px 10px;}

.image2 {float:left; margin:10px 20px 50px 10px;}

.image3 {float:right; margin:10px 10px 10px 20px;}
.image4 {float:left; margin:5px 20px 10px 10px;border: 1px solid #000;}
.image5 {float:right; margin:5px 10px 10px 20px;border: 1px solid #000;}





/* LAYOUT */



/* Banner */

#border {border:3px solid black; margin:10px 5px 5px 5px; position:relative; background-image:url(../images/banner.gif); background-repeat:repeat-x;}

#border #logoimage {position:absolute; top:0; left:0; margin:-11px 0 0 -6px; z-index:10; overflow:auto;}

#border #logo {position:absolute; top:0; right:5px; margin:5px 5px 0 0; z-index:20;}





/* Navigation */ 

#border #nav {margin-top:195px; padding:0;}

#border #nav ul li  {display:inline; margin:0px 12px;}

#border #nav ul li a {color:#000; font-size:1.2em; padding:0px 0; text-decoration:none; font-weight:bold;}

#border #nav ul li a.first {margin-left:10px;}

#border #nav ul li a:hover {color:#C72125;}

#border #nav ul li a#current {padding-bottom:0px; border-bottom:6px solid #C72125;}

#border #nav ul li a#contact {position:absolute; right:58px;}



/* Facilitators Navigation */ 

#border #navtwo {margin-top:195px; padding:0;}

#border #navtwo ul li  {display:inline; margin:0px 12px;}

#border #navtwo ul li a {color:#000; font-size:1.2em; padding:0px 0; text-decoration:none; font-weight:bold;}

#border #navtwo ul li a.first {margin-left:10px;}

#border #navtwo ul li a:hover {color:#009899;}

#border #navtwo ul li a#current {padding-bottom:0px; border-bottom:6px solid #009899;}

#border #navtwo ul li a#contact {position:absolute; right:58px;}





/* Content */

#border #wrapper {position:relative; margin-top:5px; padding:0; border-top:5px solid #C72125;}
#border #wrapper #content {float:left; width:65%; margin:15px 5px 30px 10px;}
#border #wrapper #content { 
  width:60%; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:65%;
} 
html>body #border #wrapper #content {
  width:65%;
} 

#border #wrapper #content ul {margin:5px 5px 10px 10px;}
#border #wrapper #content ul li {font-family: arial, verdana, sans-serif; font-size:1.2em; list-style-image:url(../images/bullet.gif); margin:5px 0 5px 35px; line-height:1.6em;}
#border #wrapper #content ul ul li {font-family: arial, verdana, sans-serif; font-size:1em; list-style-image:url(../images/bullet.gif); margin:5px 0 5px 35px; line-height:1.4em;}
#border #wrapper #featurecontent {margin:15px 10px 10px 0; width:27%; float:right;}
#border #wrapper #featurecontent { 
  width:23%; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:27%;
} 
html>body #border #wrapper #featurecontent {
  width:27%;
} 

#border #wrapper #featurecontent .feature {border:1px solid #000; margin: 0 0 20px 0; background-image:url(../images/yellow-bk.gif); background-repeat:repeat-x; background-position:top; }
#border #wrapper #featurecontent .feature p {margin:5px;}
#border #wrapper #featurecontent .feature ul {}
#border #wrapper #featurecontent .feature ul li {list-style-image:url(../images/arrow.gif); margin:5px 0 5px 25px; font-size:1.2em;}
#border #wrapper #featurecontent img.border {border:1px solid #000; margin:0 0 20px 30px; }

#border #wrapper #featurecontent .feature2 {border:1px solid #000; margin: 0 0 20px 0; background-image:url(../images/blue-bk.gif); background-repeat:repeat-x; background-position:top; }







 .logout {background-color:#C8DEDE; }


/* Facilitators Content */
#border #wrappertwo { position:relative; margin-top:5px; border-top:5px solid #009899;}
#border #wrappertwo #content {float:left; width:65%; margin:15px 5px 30px 10px;}
#border #wrappertwo #content { 
  width:60%; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:65%;
} 
html>body #border #wrappertwo #content {
  width:65%;
} 


#border #wrappertwo #content ul {margin:5px 5px 10px 10px;}
#border #wrappertwo #content ul li {font-family: arial, verdana, sans-serif; font-size:1.2em; list-style-image:url(../images/bullet.gif); margin:5px 0 5px 35px; }
#border #wrappertwo #featurecontent {margin:15px 10px 10px 0; width:27%; float:right;}
#border #wrappertwo #featurecontent { 
  width:23%; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width:27%;
} 
html>body #border #wrappertwo #featurecontent {
  width:27%;
} 


#border #wrappertwo #featurecontent .feature {border:1px solid #000; margin: 0 0 20px 0; background-image:url(../images/blue-bk.gif); background-repeat:repeat-x; background-position:top; }
#border #wrappertwo #featurecontent .feature p {margin:5px;}
#border #wrappertwo #featurecontent .feature ul {}
#border #wrappertwo #featurecontent .feature ul li {list-style-image:url(../images/arrow.gif); margin:5px 0 5px 25px; font-size:1.2em;}
#border #wrappertwo #featurecontent img.border {border:1px solid #000; margin:0 0 20px 30px; }




/* Testimonial */

.testimonial {border:1px solid #000; width:90%; margin:25px 0 20px 0; background-image:url(../images/testimonial1.gif); background-repeat:repeat-x; background-position:top;}

.testimonial img.image {float:left; margin:12px 10px 10px 10px; border: 1px solid #000;}

.testimonial p {margin:5px 10px 5px 25px;clear:right;}



/* Footer */ 

#footer {background-color:#C72125; margin:0; background-image:url(../images/img-heart.gif); background-repeat:no-repeat; background-position:bottom right; clear:both;}

#footer p {margin:0 50px 0 5px; font-size:1.0em;}

#footer a {color:black; text-decoration:none; font-weight:bolder;}
#footer a:hover {color:black; text-decoration:underline ; font-weight:bold;}




/* Forms */
legend {color:#000; padding:5px 0;}
*html legend {margin-left:-5px;}

form {font-size:1.1em; width:300px; margin:20px 10px 10px 10px; padding:20px 20px 20px 40px; background-color:#C8DEDE; border:1px solid #000;}

form .row {display:block; width:295px; margin:0 0 5px 0;}


form .rowlast {display:block; width:295px; margin:30px 0 5px 0;}

form .row label {float:left; display:block; width:80px; margin-right:30px;} 

form .row input, checkbox, textarea, select {border: 1px solid black; width:150px;}

form input:focus, textarea:focus, select:focus {border: 1px solid #009899;}

form input.button {width:5em; padding:1px 2px; margin:10px 0 0 201px; background-color:#009899; border:1px solid black; color:#fff; font-size:1.1em; font-weight:bold; }

form .row checkbox{float: left; width: 100%; margin: 0; padding: 0; font-size:1em;margin: 0; padding:0;}

form#logout {font-size:1.1em; width:192px; margin:0; padding:0; border:none;}
form#logout .row {display:block; width:235px; margin:0 0 5px 0;}
form#logout .row p {width:180px;}
form#logout input.button {width:5em; padding:1px 2px; margin:10px 0 5px 10px; background-color:#009899; border:1px solid black; color:#fff; font-size:1.1em; font-weight:bold; }


form#typeone {font-size:1.1em; width:300px; margin:40px 10px 10px 10px; padding:20px 20px 20px 40px; background-color:#C8DEDE; border:1px solid #000;}

form#typeone  .row {display:block; width:295px; margin:0 0 5px 0;}

form#typeone  .rowlast {display:block; width:295px; margin:30px 0 5px 0;}

form#typeone  .row label {float:left; display:block; width:150px; margin-right:30px;} 

form#typeone  .row input, textarea, select {border: 1px solid black; width:200px; margin:0;}

form#typeone  input:focus, textarea:focus, select:focus {border: 1px solid #009899;}

form#typeone  input.button {width:5em; padding:1px 2px; margin:10px 0 0 201px; background-color:#009899; border:1px solid black; color:#fff; font-size:1.1em; font-weight:bold; }

table.checkboxes td {padding:5px 5px 5px 0;}
table.checkboxes td input {margin-right:10px;}
table th{text-align:left;}





/* CSS clearing */   



.clearing:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clearing {display: inline-table;}

/* Hides from IE-mac €*/

  * html .clearing {height: 1%;}

  .clearing {display: block;}

/* End hide from IE-mac */

.clear{clear:both;}
.clearleft{clear:left; }
.clearright{clear:right;}

/* Upcoming courses */
.courses{font-size:1.2em; line-height:1.6em; font-family: arial, verdana, sans-serif;  margin:0 0 0.8em 0;padding-bottom: 5px;}
.coursehead{font-weight:bold;}

/*Cartoon Images*/
.cartoon1{background-image:url(../images/img-cartoon1.gif); height:188px; background-color:#00AF86;}
.cartoon2{background-image:url(../images/img-cartoon2.gif); height:188px; background-color:#00AF86;}
.cartoon3{background-image:url(../images/img-cartoon3.gif); height:188px; background-color:#00AF86;}
.cartoon4{background-image:url(../images/img-cartoon4.gif); height:188px; background-color:#00AF86;}
.cartoon5{background-image:url(../images/img-cartoon5.gif); height:188px; background-color:#00AF86;}

/*Alternate Style sheets */
#print {display:none;}
#print h1 {display:none;}
#print h2 {display:none;}
h2.textonly  {display:none;}
h3.textonly  {display:none;}