/* 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;}

div {display: block;}

/* ======================================================== */




/* MAIN BODY SETUP */
/* ======================================================== */

.ncolleft {
  float: left;
  width: 250px;
}

.ncolright {
  float: right;
  width: 750px;
}


/* 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;
  wdth: 129px;
  border-left: 1px solid;
  border-color: #F2F2F2;
  text-align: right;
  padding: 10px 20px 10px 0px;
  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;
}



/* AWARDS SECTION */
/* ======================================================== */

.tqs {
  float: left;
  width: 244px;
  padding: 30px 0px 10px 5px;
}

.tqs img {
  float: left; 
  margin-left: 10px; 
  border: none;
}

#buslogo {margin-top: -4px;}



/* MAIN BODY SECTION */
/* ========================================================= */

.mainbody {
  float: left;
  width: 744px;
  text-align: justify;
}


/* PARTNERS SECTION */
/* ========================================================= */

.partners {
  float: left;
  width: 230px;
  margin: 20px 0px 20px 0px;
  text-align: center;
}

.partnertext {
  float: left;
  width: 249px;
  text-align: left;
  margin-bottom: 5px;
  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: 230px;
  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;
}


/* MINOR NAVIGATION SECTION */
/* ========================================================= */

.minornavi {
  float: left;
  background-color: #EBF0F3;
  width: 210px;
  margin: 1px 0px 1px 20px;
  padding: 10px 0px 10px 15px;
  border-left: 5px solid;
  border-color: #336699;
  color: #606060;
  font-weight: bold;
}

.minornavi:hover {
  background-color: #6095C1;
  color: white;
}


/* MAIN BODY SECTION TEXT */
/* ========================================================= */

.title {
  float: left;
  width: 710px;
  margin: 15px 0px 0px 10px;
  padding: 5px 10px 5px 10px;
  background-color: #EBF0F3;
  font-family: arial;
  color: #336699;
  font-size: 13pt;
  font-weight: bold;
}

.cutext, .cttext {
  float: left;
  width: 710px;
  margin: 5px 0px 0px 10px;
  padding: 0px 10px 20px 10px;
  border-bottom: 2px solid;
  border-color: #EBF0F3;
}

.cutext a {color: #336699;}

.cttext {
  border: none;
  padding-bottom: 0px;
}

.cusubtitle {
  float: left;
  width: 710px;
  margin-left: 10px;
  padding: 5px 10px 5px 10px;
  background-color: #EBF0F3;
  color: #336699;
  font-weight: bold;
  margin-top: 25px;
}

.subtitle#enewstitle {color: #336699;}

.returntotop {
  float: right;
  margin: 10px 15px 30px 0px;
}

/* WORKSHOPS PAGE SECTION */
/* ======================================= */

.datejump {
  float: left;
  width: 720px;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 10px 10px;
  border-bottom: 2px solid;
  border-color: #EBF0F3;
}

.link1, .link2, .link3, .link4, .link5 {
  float: left;
  width: 75px;
  text-align: center; 
  color: #336699;
}

.link1, .link2, .link3, .link4 {
  border-left: 1px solid; 
  border-color: #EBF0F3;
}

.link2, .link3, .link4, .link5 {
  border-right: 1px solid;
  border-color: #EBF0F3;
}

#int {float: left; width: 110px;}

.link5 {width: 120px;}





/* COURSE TABLES */
/* ======================================= */

.note {
  float: left;
  margin: 10px 0px 10px 0px;
  width: 710px;
  padding: 10px;
  background-color: #F2F2F2;
}

.maintable, .bsmaintable, .otmaintable {
  float: left;
  width: 730px;
  background-color: white;
  margin-left: 10px;
}

.ticon, .tworkshop, 
.tdate, .ttime, 
.tduration, .tprice  {
  color: white;
  background-color: #336699;
  font-weight: bold;
  font-size: 10pt; 
}

.bicon, .bworkshop, 
.bdate, .btime, 
.bduration, .bprice  {
  color: white;
  background-color: #ACC77E;
  font-weight: bold;
  font-size: 10pt; 
}

.icon {width: 20px;}
.date {width: 80px;}
.time {width: 80px;}
.duration {width: 80px;}
.price {width: 80px;}

.maintable td, .bsmaintable td, .otmaintable td {
  padding: 10px 0px 10px 10px;
}

.ittitle, .bstitle, .ottitle {
  font-weight: bold;
  color: white;
}

.ittitle {background-color: #197AB3;}
.bstitle {background-color: darkolivegreen;}
.ottitle {background-color: #DC9D2F;}

.alt {background-color: #F7F9FB;}
.bsalt {background-color: #F0F5EC;}
.otalt {background-color: #F6F0E8;}

.maintable a, .bsmaintable a, 
.otmaintable a {color: black;}

.iconaccess, .iconexcel,  
.iconoutlook, .iconpowerpoint, 
.iconpublisher, .iconword, 
.iconbskills, .icondw,
.iconsage, .iconitacademy {
  float: left;
  width: 16px;
  height: 16px;
}

.iconsage {width: 18px; margin-left: -2px; background-image: url('/sageicon.png');}
.icondw {background-image: url('/dw_icon.png');}
.iconaccess {background-image: url('/iconaccess.png');}
.iconexcel {background-image: url('/iconexcel.png');}
.iconoutlook {background-image: url('/iconoutlook.png');}
.iconpowerpoint {background-image: url('/iconpowerpoint.png');}
.iconpublisher {background-image: url('/iconpublisher.png');}
.iconword {background-image: url('/iconword.png');}
.iconbskills {background-image: url('/iconbusskills.png');}
.iconitacademy {background-image: url('/iconitacademy.png');}

.warning {
  float: left;
  margin: 10px 20px 10px 20px;
  width: 690px;
  font-size: 12pt;
  font-weight: bold;
  color: red;
}





/* NEW 877 Courses code */
/* =================== */

h3 {
  float: left;
  font: bold 2em arial;
  color: white;
  margin: 0.6em 0px 0.1em 0em;
  padding: 0em;
}

p {
  font: 1em arial;
}

.clustertitle {
  float: left;
  margin-left: 10px;
  width: 66.2em;
}

.clustertitle#redundancy h3 {color: #82B000;}

.clusterinfo {
  float: left;
  margin: 0.3em 0 1em 0em;
  width: 65.2em;
  padding: 0 1em 0 1em;
}

.iconred {
  width: 11px;
  background-image: url('/iconbusskills.png');
  background-repeat: no-repeat;
  background-position: 5px center;
}

.maintable#redtable .ticon, 
.maintable#redtable .tworkshop, 
.maintable#redtable .tdate, 
.maintable#redtable .ttime, 
.maintable#redtable .tduration, 
.maintable#redtable .tprice {
  background-color: #C0D77F;
  color: darkolivegreen;
}

.maintable#redtable .alt {
  background-color: #F7FFE1;
}

.maintable#redtable {
  background-color: white;
  border: 1px solid #C0D77F;
}


/* Business Skills Workshops 
   ========================= */

.maintable#bustable .ticon, 
.maintable#bustable .tworkshop, 
.maintable#bustable .tdate, 
.maintable#bustable .ttime, 
.maintable#bustable .tduration, 
.maintable#bustable .tprice {
  background-color: #ACC77E;
  color: darkolivegreen;
}

.maintable#bustable {
  background-color: white;
  border-left: 1px solid #ACC77E;
  border-right: 1px solid #ACC77E;
  border-top: 1px solid #ACC77E;
}

.bsmaintable#bus2table,
.bsmaintable#bus3table {
  background-color: white;
  border-left: 1px solid #ACC77E;
  border-right: 1px solid #ACC77E;
}

.bsmaintable#bus3table {
  border-bottom: 1px solid #ACC77E;
}



/* Quick navigation panels
   ======================= */


.qjump {
  float: left;
  margin: 0.6em 0em 0.6em 0em;
  width: 66.2em;
}

.qjumpcol {
  float: left;
  margin-left: 0.8em;
  width: 21.23em;
  background-image: url('/qjump.png');
  background-repeat: no-repeat;
}

.qjumptitle {
  float: left;
  width: 16.4em;
  color: white;
  font: bold 1.25em arial;
  padding: 0.3em 0em 0.3em 0.6em;
}

.qjlink {
  float: left;
  width: 20.2em;
  padding: 0.5em 0em 0.5em 1em;
  background-color: #F2F2F2;
  color: #404040;
}

.qjlink:hover {
  background-color: #336699;
  color: white;
}

.qjumprow {
  float: left;
  margin-left: 1em;
  width: 65em;
}


.clustertitle#itskills h3 {
  margin-top: 40px;
  color: #336699;
}

.maintable#ittable1,
.maintable#ittable2,
.maintable#ittable10 {
  border-left: solid 1px #336699;
  border-right: solid 1px #336699;
}

.maintable#ittable1 {border-top: solid 1px # 336699;}
.maintable#ittable2,
.maintable#ittable10
 {border-bottom: solid 1px #336699;}

.maintable#ittable3 {
  margin-top: 40px;
  border: solid 1px #336699;
}