*{
  margin:0;
  padding:0;
}

html{
  background-color: #5bad2b;
  color: #fff;
  font: 85% verdana;
}

body{
  background-color: #5bad2b;
  color: #fff;  
}

#wrapper{
  background-color: #fff;
  color: #5bad2b;  
  width: 860px;
  /*min-height: 600px;*/
  border: solid 15px #ccc;
  margin: 20px auto;
}

#header{
  width:100%;
  height: 200px;
  background-image: url(../../assets/images/banner-main2.gif);
}


body.home #header{
  background-image: url(../../assets/images/banner-main2.gif);
}

#mainContent{
}

#leftContent{
  float:left;
  width: 550px;
  background-color: #fff;
  padding-bottom: 20px;
  padding-left:2em;
  padding-right:2em;
}

#rightContent{
  background-color: #fff;
  color: #5bad2b;  
  width: 230px;
  float:right;
  padding-bottom: 20px;
}

#footer{
  clear:both;
}

#footer p{
  background-color: #fff;
  color: #000;
  text-align: center;
}

#rightContent ul{
  list-style: none;
  padding-top: 2.5em;
}

#rightContent ul li{
}

#rightContent ul li a{
  display: none;
  padding-bottom: 0.5em;
  width: 200px;
  color: #5bad2b;
  text-decoration: none;
}

#rightContent ul li a.main{
  display: block;
}
#rightContent ul li a.sub{
  padding-left: 1em;
}
body.learn #rightContent ul li a.learn{
  display: block;
}

body.occupational #rightContent ul li a.occupational{
  display: block;
}

body.improve #rightContent ul li a.improve{
  display: block;
}

body.instructor #rightContent ul li a.instructor{
  display: block;
}

body.certificates #rightContent ul li a.certificates{
  display: block;
}


body.home #rightContent ul li a.homemain{color: #f00;}
body.learnmain #rightContent ul li a.learnmain{color: #f00;}
body.sixteen #rightContent ul li a.sixteen{color: #f00;}
body.weekly #rightContent ul li a.weekly{color: #f00;}
body.intensive #rightContent ul li a.intensive{color: #f00;}
body.fees #rightContent ul li a.fees{color: #f00;}
body.enquiries #rightContent ul li a.enquiries{color: #f00;}
body.intensiveenquiries #rightContent ul li a.intensiveenquiries{color: #f00;}
body.occupationalmain #rightContent ul li a.occupationalmain{color: #f00;}
body.managing #rightContent ul li a.managing{color: #f00;}
body.team #rightContent ul li a.team{color: #f00;}
body.us #rightContent ul li a.us{color: #f00;}
body.enquiries #rightContent ul li a.enquiries{color: #f00;}
body.improvemain #rightContent ul li a.improvemain{color: #f00;}
body.courses #rightContent ul li a.courses{color: #f00;}
body.terms #rightContent ul li a.terms{color: #f00;}
body.instructormain #rightContent ul li a.instructormain{color: #f00;}
body.success #rightContent ul li a.success{color: #f00;}
body.faqs #rightContent ul li a.terms{color: #f00;}
body.terms #rightContent ul li a.faqs{color: #f00;}
body.earnings #rightContent ul li a.earnings{color: #f00;}
body.cases #rightContent ul li a.cases{color: #f00;}
body.contract #rightContent ul li a.contract{color: #f00;}
body.certificates #rightContent ul li a.certificatesmain{color: #f00;}
body.links #rightContent ul li a.linksmain{color: #f00;}

#rightContent ul li a:hover{
  color: #f00;
}


a.link{
  color: #5bad2b;
  text-decoration: none;  
}

a.link:hover{
  color: #f00;
  text-decoration: underline;
}


#header p{
  font-size: 95%;
  padding-top: 1em;
  padding-left: 2em;
}

#header p a{
  color: #5bad2b;
  text-decoration: none;
}
#header p a:hover{
  text-decoration: underline;  
}

#leftContent h2{
  padding-bottom: 0.5em;
}

#leftContent p{
  color: #555;
  line-height: 1.25;
  padding-bottom:0.75em;
  text-align: justify;
}

#leftContent ul{
  color: #555;
  list-style-position: outside;
  padding-bottom: 1.5em;
}
#leftContent ul li{
  margin-left: 1em; 
}

#header .headerImg{
 position:relative;
 top: 23px;
 left: 38px;
}

div.imgLeft{
  float: left;
  padding: 0;
  border: solid 2px #5bad2b;
  margin-right: 1.5em;
}

table#learnFees th{
  padding: 2px;
  background-color: #5bad2b;
  color: #fff; 
  border: solid 1px #ccc;
  font-size: .85em;
  
}
table#learnFees td{
  padding: 2px;
  border: solid 1px #ccc;
  color: #555;
  font-size: .85em;
}
.textLeft{
  text-align: left; 
}

.textRight{
  text-align: right; 
}

form#enquiryForm fieldset{
  padding: 1em;
}

form#enquiryForm h4{
  margin-bottom: 0.5em;
}

form#enquiryForm label{
  display: block;
  float: left;
  width: 10em;
}

form#enquiryForm textarea, form#enquiryForm input.mediumText, form#enquiryForm input.shortText{
  font: 85% verdana;
  width: 20em;
  border: solid 1px #ccc;
  margin-bottom: 2px;
}

form#enquiryForm input.shortText{
  width: 2em;
}

form#enquiryForm input.submit{
  margin-left: 10em;
}

input.improveOption{
  margin-left: 11em;  
}

fieldset#questionnaire p{
  font-size: 90%;
  padding:0;
  margin:0;
}

fieldset#questionnaire p.yesno{
  margin:0.5em 1em;
}

form#enquiryForm ol{
  list-style: lower-alpha;
  list-style-position: outside;
  margin-bottom: 1em;
}

form#enquiryForm ol li{
  margin-left: 2em;
}

p.responseAlert{color: #f00;}
p.benefitAlert{color: #0f0;}

table#weeklyTimes{
  margin-left: 0;
  margin-bottom: 1em;
}

table#weeklyTimes th, table#weeklyTimes td{
  padding: 2px;
  width: 3em;
  text-align: center;
}

table#weeklyTimes td.label{
  width: 6em;  
}

div.marginNote{
  margin-top: 2em;
  width: 214px;  
}

div.marginNote h4{
  background-image: url(../../assets/images/margin-note-top.gif);
  background-repeat: no-repeat;
  color:red;
  height:20px;
  padding-left: 20px;
  padding-top: 15px;
  font-size: 1em;
}

div.marginNote p.marginMid{
  padding: 0 20px;
  padding-right: 27px;
  background-image: url(../../assets/images/margin-note-mid.gif);
  background-repeat: repeat-y;
}

div.marginNote p.marginBottom{
  padding: 0 20px;
  background-image: url(../../assets/images/margin-note-bottom.gif);
  background-repeat: no-repeat;
  height: 45px;
}

div#improveFees p.feeItem, div#voucherFees p.feeItem{
  float: left;
  clear:left;
}
div#improveFees form, div#voucherFees form{
  float: left;
  margin-left: 10px;
}

div#improveFees h4, div#voucherFees h4{
  clear: left;
  margin-top: 20px;
}

div#improveFees p.divider, div#voucherFees p.divider{
  clear:left;
  height: 2em;
  line-height:2em;
  border-bottom: solid 1px #ccc;
}


div#logoLinks a{
  display: block;
  float:left;
  width: 245px;
  /*height: 245px;*/
  line-height:1.25em;
  color: #fff;
  font-size: 1.25em;
  background-image: url(../images/logo-bg-plain.gif);
  background-repeat: no-repeat;
  text-align: center;
  margin-left:20px;
  text-decoration: none;
  padding-top: 100px;
  padding-bottom: 60px;
  text-indent: -15px;
}


div#logoLinks a:hover{
  text-decoration: underline;
}