/*-------------------------------------------
Layout styles
---------------------------------------------

Homepage-specific styles.

Specific hacks for Internet Explorer 6 are marked with "IE6 HACK". See
README.txt for details.

Original author: Ben Sturmfels, Boojum, March 2009

------------------------------------------*/

/* home page background colours */
#main-content {
  background: #fff;
  width: 28%;
  _width: 28%;
  border: 1px solid #1d657f;
  margin: 10px 0 0 27px;
}
#main-content h1 {
  border-bottom: 1px solid #dbdbdb;
  color: #00425c;
  font-size: 1.4em;
  margin: 0;
  padding: 2px 0 2px 8px;
}
#main-content .inner {
  padding: 8px;
  margin: 0;
  min-height: 101px;
}
#main-content h2, #main-content h3, #main-content h4, #main-content p {
  padding: 0;
  margin: 0;
}

#page-info {
  display: none;
}

#sub-content-a {
  background: #fff;
  width: 28%;
  _width: 28%;
  border: 1px solid #1d657f;
  clear: left;
  margin: 10px 0 0 50px;
}

#sub-content-a .inner {
  padding: 8px;
  margin: 0;
  background: none;
  min-height: 101px;
}

#sub-content-a h1 {
  border-bottom: 1px solid #dbdbdb;
  color: #00425c;
  font-size: 1.4em;
  margin: 0;
  padding: 2px 0 2px 8px;
}
#sub-content-a h2, #sub-content-a h3, #sub-content-a h4, #sub-content-a p {
  padding: 0;
  margin: 0;
}

#sub-content-b {
  background: #fff;
  width: 28%;
  _width: 28%;
  margin: 10px 57px 0 0;
}

#sub-content-b .inner {
  background: #dfe6d8;
  padding: 0;
  margin: 0.5em 0 0 0;
  min-height: 120px;
}
#sub-content-b h2, #sub-content-b h3, #sub-content-b h4, #sub-content-b p {
  padding-left: 0.7em;
}


#home-logo {
  width: 450px;
  _width: 450px;
  float: left;
  padding: 20px 0 0 50px;
}
#home-logo h1 {
  font-size: 1.4em;
}
#home-logo h1.slide-heading {
  background: #6b8847;
  color: #fff;
  padding: 0 0 0 0.5em;
  margin: 0;
  font-size: 1.3em;
}
#home-logo .inner p {
  color: #1c566a;
  font-weight: bold;
}
#home-logo .inner {
  background: #d2dbc7;
  padding: 0.3em 0 0 0.7em;
  height: 160px;
}

#home-summary {
  width: 450px;
  _width: 450px;
  float: left;
  padding: 15px 0 0 15px;
}
#home-summary-text {
  height: 105px;
}
#home-summary p.top-summary {
  font-weight: normal;
  font-size: 1.6em;
  color: #7fa0ad;
  width: 380px;
}
#home-summary h1 {
  font-size: 1.4em;
}
#home-summary h1.slide-heading {
  background: #e09129;
  color: #fff;
  padding: 0 0 0 0.5em;
  margin: 0;
  font-size: 1.3em;
}
#home-summary .inner p {
  color: #1c566a;
  font-weight: bold;
}
#home-summary .inner {
  background: #f5debe;
  padding: 0.3em 0 0 0.7em;
  height: 160px;
}


#home-web2-left {
  background: #fff;
  width: 45%;
  _width: 45%;
  border: 1px solid #1d657f;
  float: left;
  margin: 0;
  height: 146px;
}

#home-web2-right {
  background: #fff;
  width: 45%;
  _width: 45%;
  border: 1px solid #1d657f;
  float: left;
  margin: 0 0 0 22px;
  height: 146px;
}

#home-web2-left h1, #home-web2-right h1 {
  border-bottom: 1px solid #dbdbdb;
  color: #00425c;
  font-size: 1.4em;
  margin: 0;
  padding: 2px 0 2px 8px;
}

#home-web2-left p, #home-web2-right p {
  border-bottom: 1px solid #dbdbdb;
  color: #00425c;
  font-size: 1em;
  margin: 0;
  padding: 2px 0 2px 8px;
}