/* hp-introduction */
div#hp-introduction div#hp-introduction-logo {
  float: left;
}
div#hp-introduction div#hp-introduction-content {
  float: left;
  margin: 0;
  padding: 20px;
  width: 450px;
}
/* end hp-introduction */


/* hp-panels styles */
div#hp-panels {
  margin: 0;
  padding: 0;
  width: 727px;
  background: url(/img/panels-bg.gif) top left repeat-y;
  overflow: hidden;
  display: inline-block;
}
div#hp-panels {
  display: block;
}
div#hp-panels ul {
  margin: 8px 0 0 8px;
  padding: 0;
  list-style-type: none;
  background: #8EBBD3;
}
div#hp-panels ul li {
  margin: 0 0 5px 0;
  padding: 0;
  width: 187px;
  background: #B7D7E7 url(/img/hp-panel-li-bg.gif) top left no-repeat;
}
div#hp-panels ul li a {
  margin: 0;
  padding: 2px 10px 2px 20px;
  display: block;
  color: #000;
  font-weight: bold;
}
div#hp-panels div#primary-school-panel,
div#hp-panels div#post-primary-school-panel,
div#hp-panels div#professionals-panel {
  float: left;
  margin: 0;
  padding: 0;
  width: 239px;
  min-height: 280px;
  height: auto !important;
  height: 280px;
}
div#hp-panels div#primary-school-panel {
  background: url(/img/primary-school-bg.gif) top left no-repeat;
}
div#hp-panels div#post-primary-school-panel {
  margin: 0 0 0 5px;
  background: url(/img/post-primary-school-bg.gif) top left no-repeat;
}
div#hp-panels div#professionals-panel {
  margin: 0 0 0 5px;
  background: url(/img/professional-bg.gif) top left no-repeat;
}
div#hp-panels div#primary-school-panel-content,
div#hp-panels div#post-primary-school-panel-content,
div#hp-panels div#professionals-panel-content {
  margin: 0 0 0 35px;
  padding: 0;
  width: 204px;
}
div#hp-panels-bottom {
  float: left;
  margin: 0;
  padding: 0;
  width: 727px;
  height: 1px;
  background: url(/img/hp-panels-bottom.gif) bottom left no-repeat;
}
/* end hp-panels styles */