/* HIDE UNWANTED */
/* ======================================================== */

#cssmenu, #topnav, #web_header {display: none;}

body, #wrap {
  background-image: url('');
  background-color: white;
}

#wrap {
  width: 1000px;
  font-family: arial;
  font-size: 11pt;
  color: #606060;
}

#wrap a {text-decoration: none;}
#wrap a:hover {text-decoration: underline;}

/* ======================================================== */



/* MAIN BODY SETUP */
/* ======================================================== */

.ncolleft {
  float: left;
  width: 250px;
}

.ncolright {
  float: left;
  width: 749px;
}


/* HEADER SECTION */
/* ======================================================== */

.logohack {
  float: left;
  background-color: white;
  width: 249px;
  height: 150px;
}

.logohack img {
  float: left;
  border: none;
  margin: 25px 0px 0px 30px;
}


/* HEADER LINKS SECTION */
/* ======================================================== */

#headerhack {
  float: left;
  width: 749px;
  background-image: url('/lgpic.png');
}

.contactus {
  float: left;
  width: 382px;
  height: 150px;
}

.lgpicture {display: none;}

.headlink {
  float: left;
  width: 129px;
  border-left: 1px solid;
  border-color: #F2F2F2;
  text-align: right;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 20px;
  background-color: #336699;
}

.headlink#linkone {width: 110px; border: none;}
.headlink#linktwo {width: 115px;}
.headlink#linkthr {width: 80px;}

.headlink a {
  text-decoration: none;
  font-weight: bold;
  color: white;
}

.headlink a:hover {
  color: gold;
}



/* NAVIGATION SECTION */
/* ======================================================== */

.navbutton {
  float: left;
  width: 229px;
  background-color: #F2F2F2;
  text-decoration: none;
  font-weight: bold;
  color: #606060;
  padding: 11px 0px 11px 20px;
  margin-bottom: 1px;
}

.navbutton:hover {
  float: left;
  background-color: #6095C1;
  color: white;
}

.lgpicture img {
  width: 749px;
  height: 180px;
}

#homelink {
  background-color: #336699; 
  color: white;
}



/* AWARDS SECTION */
/* ======================================================== */

.tqs {
  float: left;
  width: 240px;
  padding: 30px 0px 10px 5px;
}

.tqs img {
  float: left; 
  margin-left: 10px; 
  border: none;
}

#buslogo {margin-top: -4px;}



/* TESTIMONIALS SECTION */
/* ======================================================== */

.testimonials {
  float: left;
  width: 244px;
  background-color: #F2F2F2;
  margin-top: 20px;
}

.testimonialcontent {
  float: left;
  width: 200px;
  padding: 20px;
  text-align: justify;
}

.subtitle {
  margin-bottom: 10px;
  font-size: 13pt;
  color: #336699;
  font-weight: bold;
  font-family: 'arial';
}

.testimonialauthor {
  float: left;
  width: 210px;
  margin-top: 10px;
}


/* MAIN BODY SECTION */
/* ========================================================= */

.mainbody {
  float: left;
  width: 749px;
  text-align: justify;
}

.introtext {
  float: left;
  width: 710px;
  margin: 10px 0px 0px 10px;
}

.introtext a {
  color: #336699;
  text-decoration: none;
}

.introtext a:hover {text-decoration: underline;}

.subtitle#main {
  border-right: 1px solid;
  border-color: #F2F2F2;
  background-color: #EBF0F3;
  font-size: 13pt;
  padding: 3px 0px 3px 10px;
  margin: 9px 0px 0px 10px;
}

.divider {
  display: none;
  float: left;
  margin-left: 10px;
  width: 737px;
  height: 1px;
  background-color: #F2F2F2;
}



/* HIGHLIGHTS SECTION */
/* ========================================================= */

.highlights {
  float: left;
  width: 714px;
  margin-left: 10px;
  padding: 10px 0px 10px 00px;
}

.hilite {
  float: left;
  width: 175px;
}


.hilite#advtwo, .hilite#advthr {margin-left: 8px;}

.adtitle {
  float: left;
  width: 155px;
  padding: 5px 10px 5px 10px;
  font-weight: bold;
  font-size: 11pt;
  color: white;
}

.adtitle#advtitone {background-color: #91D370;}
.adtitle#advtittwo {background-color: #197AB3;}
.adtitle#advtitthr {background-color: #DC9D2F;}

.adimage {
  float: left;
  width: 175px;
  height: 60px;
  background-repeat: no-repeat;
}

.adimage#advimgtwo {background-image: url('/training.png');}
.adimage#advimgthr {background-image: url('/appban.png');}

.hitext {
  float: left;
  width: 155px;
  padding: 10px 10px 5px 10px;
  font-size: 8pt;
  color: #606060;
}

.hitext#advtxtone, .hilink#linkone {background-color: #F0F5EC;}
.hitext#advtxttwo, .hilink#linktwo {background-color: #EBF0F3;}
.hitext#advtxtthr, .hilink#linkthr {background-color: #F6F0E8;}

.hilink {
  float: left;
  width: 155px;
  padding: 5px 10px 10px 10px;
}

.hilink a {
  text-decoration: none;
  font-size: 8pt;
  color: black;
  font-weight: bold;
}

.hilink a:hover {text-decoration: underline;}


/* SPECIAL CASE - FEATURED ARTICLE */
/* =============================== */

.hilite#advone {width: 348px;}
.adtitle#advtitone, .hilink#linkone {width: 328px;}

.adimage#advimgone {
  width: 75px; 
  margin-right: 10px;
}

.hitext#advtxtone {
  padding: 0px;
  width: 328px;
  padding: 10px 10px 0px 10px;
}

.hilite#advone {padding: 0px;}

.adimage#advimgone {
  background-image: url('/bs_pro_man.png');
  height: 86px;
}


/* NEWS AND EVENTS SECTION */
/* ========================================================= */

.newsandevents, .fbtitle  {
  float: left;
  color: #336699;
  font-size: 13pt;
  font-family: arial;
  width: 160px;
  margin: 0px 0px 15px 0px;
  padding: 3px 0px 3px 15px;
  background-color: #EBF0F3;
  color: #336699;  
  font-weight: bold;
}

.story {
  float: left;
  width: 175px;
  margin-bottom: 20px;
}

.edge {
  float: left;
  width: 5px;
  height: 95px;
}

.storytext {
  float: left;
  width: 160px;
  margin-left: 10px;
}

.edge#eone {background-color: #91D370;}
.edge#etwo {background-color: #197AB3;}
.edge#ethree {background-color: #DC9D2F;}

.storytext a {
  text-decoration: none;
  color: #606060;
}

.storytext a:hover {color: #336699;}




/* UPCOMING TRAINING SECTION */
/* ======================================================== */

#splitleft {
  float: left;
  width: 540px;
  height: 10px;
  padding-top: 10px;
}

#splitright {
  float: left;
  width: 175px;
  height: 900px;
  padding-top: 10px;
  margin-left: 9px;
}

.training {
  float: left;
  margin-left: 10px;
  width: 530px;
  font-family: arial;
  color: #606060;
}

.title#uptitle {
  width: 525px;
  background-color: #EBF0F3;
  font-family: arial;
  font-size: 13pt;
  font-weight: bold;
  color: #336699;
  padding: 3px 0px 3px 5px;
}

.trainingtext {
  float: left;
  width: 515px;
  margin: 5px 0px 15px 5px;
}

.trainingcourses {
  float: left;
  background-color: green;
  width: 530px;
}

.workshop {
  float: left;
  width: 530px;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid;
  border-color: #606060;
  background-color: #EBF0F3;
}

.icon {
  float: left;
  width: 20px;
  height: 15px;
  margin-left: 5px;
  background-image: url('/pdficon.png');
}

.date {
  float: left;
  width: 90px;
  margin-left: 20px;
}

.course {
  float: left;
  width: 365px;
}


/* FEEDBACK SECTIONS */
/* ========================================================= */

.fbtitle {margin: 10px 0px 0px 0px;}

.fbone, .fbtwo {
  float: left;
  width: 160px;
  margin: 10px 0px 10px 10px;
}

.fbsubtitle {
  font-weight: bold;
  margin-bottom: 5px;
  color: #336699;
}

.fbtext {margin-bottom: 5px;}

.fblink {
  float: left;
  margin-top: 5px;
}

.fbtwo {
  border-top: 1px solid;
  border-color: gray;
  padding-top: 15px;
}

/* PARTNERS SECTION */
/* ========================================================= */

.partners {
  float: left;
  width: 230px;
  margin: 20px 0px 20px 0px;
  text-align: center;
}

.partnertext {
  float: left;
  width: 249px;
  text-align: left;
  margin: 0px 0px 5px 0px;
  font-weight: bold;
  color: #336699;
  text-align: center;
}

.partners img {
 border: none;
}


/* E-NEWSLETTER SECTION */
/* ========================================================= */

.subtitle#enewstitle, .subtitle#sbrochure {
  float: left;
  font-family: arial;
  font-size: 13pt;
  font-weight: bold;
  background-color: #EBF0F3;
  margin: 0px 0px 10px 0px;
  width: 229px;
  padding: 3px 10px 3px 10px;
}

.subtitle#enewstitle {
  margin-top: 25px;
}

#MailingListForm {
  float: left;
  width: 230px;
  font-family: arial;
  color: #606060;
  margin-left: 5px;
}

.inputlabel {
  float: left;
  margin-bottom: 10px;
  font-weight: normal;
  font-size: 8pt;
  text-align: left;
}

.emailprivacy {
  float: left;
  font-size: 7pt;
  margin-top: 5px;
}

#Submit1 {
  float: left;
  margin-top: 5px;
}


/* TRAINING PROGRAMME SECTION */
/* ========================================================= */

.brochuretext {
  float: left;
  width: 230px;
  margin: 0px 0px 10px 10px;
  text-align: justify;
}

.brochurelink {
  float: left;
  margin: 3px 0px 0px 10px;
  width: 230px;
}

.brochureimg {
  float: right;
  margin-left: 15px;
}



/* FOOTER SECTION */
/* ======================================================== */

.footer{
  float: left;
  width: 997px;
  color: #336699;
  padding-top: 55px;
  font-size: 7pt;
  font-weight: bold;
  border-right: 1px solid;
  border-color: #F2F2F2;
}

.footer a {
  color: #336699;
  text-decoration: none;
}

.footer a:hover {text-decoration: underline;}
.footer {margin-bottom: 30px;}

.ffoia, .fprivate, .fhome {
  float: left;
  text-align: center;
}

.ffoia {width: 170px;}
.fprivate {width: 100px;}
.fhome {width: 90px;}

.ffoia, .fprivate {
  border-right: 1px solid;
  border-color: #336699;
}

.fleft {float: left;}
.fright {float: right;}

.footcontent {
  float: left;
  width: 967px;
  padding: 5px 15px 5px 15px;
  background-color: #F2F2F2;
}



.padcontrol {
  float: left;
  width: 100px;
  height: 7px;
}
