/* CSS Document */

*html body {margin:0; padding:0;}
body *{margin:0; padding:0; border:none; background-color:#FFFFFF;} 
body {margin:0; padding:0; color:#000; font-family: arial, verdana, sans-serif; font-size:62.5%;;background-color:#FFFFFF;}

h1, h2, h3 {margin:0; padding:0; font-family: arial, verdana, sans-serif;}
h1 {font-size:14px;}
h2 {font-size:13px; font-weight:bold;}
h3 {font-size:12px;}
p {font-size:12px; line-height:16px; font-family: arial, verdana, sans-serif;  margin:0 0 0.8em 0;padding-bottom: 5px;}

img {border:0; display:none;}
a {color:#000; text-decoration:underline;}
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 {margin:10px;}
#border #logoimage {display:none;}
#border #logo {display:none;}


/* Navigation */ 
#border #nav {display:none;}
#border #nav ul li  {display:none;}
#border #nav ul li a {display:none;}
#border #nav ul li a.first {display:none;}
#border #nav ul li a:hover {display:none;}
#border #nav ul li a#current {display:none;}
#border #nav ul li a#contact {display:none;}

/* Facilitators Navigation */ 
#border #navtwo {display:none;}
#border #navtwo ul li  {display:none;}
#border #navtwo ul li a {display:none;}
#border #navtwo ul li a.first {display:none;}
#border #navtwo ul li a:hover {display:none;}
#border #navtwo ul li a#current {display:none;}
#border #navtwo ul li a#contact {display:none;}

/* Content */
#border #wrapper {position:relative; margin-top:10px; padding:0;}
#border #wrapper #content {margin:15px 5px 30px 10px;}

#border #wrapper #content ul {margin:5px 5px 10px 10px;}
#border #wrapper #content ul li {font-family: arial, verdana, sans-serif; font-size:12px; margin:5px 0 5px 35px; line-height:16px;}
#border #wrapper #content ul ul li {font-family: arial, verdana, sans-serif; font-size:12px; margin:5px 0 5px 35px; line-height:16px;}
#border #wrapper #featurecontent {display:none;}


#border #wrapper #featurecontent .feature {display:none; }
#border #wrapper #featurecontent .feature p {display:none;}
#border #wrapper #featurecontent .feature ul {display:none;}
#border #wrapper #featurecontent .feature ul li {display:none;}
#border #wrapper #featurecontent img.border {display:none;}
#border #wrapper #featurecontent .feature2 {display:none;}

.logout {display:none;}


/* Facilitators Content */
#border #wrappertwo { position:relative; margin-top:10px; padding:0;}
#border #wrappertwo #content {margin:15px 5px 30px 10px;}

#border #wrappertwo #content ul {margin:5px 5px 10px 10px;}
#border #wrappertwo #content ul li {font-family: arial, verdana, sans-serif; font-size:12px; margin:5px 0 5px 35px; }
#border #wrappertwo #featurecontent {display:none;}

#border #wrappertwo #featurecontent .feature {display:none;}
#border #wrappertwo #featurecontent .feature p {display:none;}
#border #wrappertwo #featurecontent .feature ul {display:none;}
#border #wrappertwo #featurecontent .feature ul li {display:none;}
#border #wrappertwo #featurecontent img.border {display:none;}

/* 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 {display:none}


/* Forms */
legend {color:#000; padding:5px 0;}
*html legend {margin-left:-5px;}
form {font-size:11px; 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:10px;}

form#logout {font-size:11pxem; 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:11px; font-weight:bold; }

form#typeone {font-size:11px; 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:11px; 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:12px; line-height:16px; font-family: arial, verdana, sans-serif;  margin:0 0 8px 0;padding-bottom: 5px;}
.coursehead{font-weight:bold;}

#print {padding-bottom:10px; border-bottom:5px solid #C72125;}
#print h1 {font-size:16px;}
#print h2 {font-size:14px;}



