html {
  background: #fff;
  color: #383838;
  overflow-y: scroll;
}

#siteInner {
  width: 100%;
  float: left;
  padding-bottom: 100px;
}

/* left col */
#names {
  width: 348px;
  float: left;
}
#names h1 a {
  display: block;
  float: right;
  width: 300px;
  height: 91px;
  margin-top: 9px;
  text-indent: -8000px;
  background: url(../img/logo_large_transparent.png) no-repeat left top;
}
#names ul {
  clear: both;
  width: 100%;
  float: left;
  text-align: right;
  margin-top: 15px;
  font-weight: bold;
}
#names ul li {
  display: block;
  height: 21px;
  padding-top: 4px;
  text-decoration: none;
  color: #444;
  cursor: pointer;
}
#names ul li:hover,
#names ul li.active {
  color: #c41417;
}
#names ul li em {
  font-style: normal;
  font-weight: normal;
}

/* right col */
#descriptions {
  width: 527px;
  float: right;
  background: #9674d6 url(../img/quotebox_top.png) no-repeat left top;
/*  background:  #fff0bc url(../img/rightcol_bottom.gif) no-repeat left bottom;*/
  position: relative;
  margin-right: -24px;
  color: #fff;
}
#descriptions #inner {
  width: 477px;
  float: left;
  padding: 0 25px 15px 25px;
  background: url(../img/rightcol_top.gif) no-repeat left top;
  line-height: 1.4em;
  text-align: justify; 
    background: url(../img/quotebox_bottom.png) no-repeat left bottom;
}
#descriptions #prop {
  display: block;
  width: 1px;
  float: left;
  height: 400px;
}
#descriptions #arrow {
  display: block;
  width: 24px;
  height: 38px;
  position: absolute;
  left: -24px;
  top: 25px;
  background-image: url(../img/purple_arrow_left.png);
/*  background: url(../img/rightcol_arrow.gif) no-repeat left top;*/
}
#descriptions p.grey,
#descriptions em {
  font-size: 0.85em;
  color: #f0f0f0;
}
#descriptions #partners div {
  height: 370px;
  overflow: hidden;
  display: none;
}
#descriptions #partners div.active {
  height: auto;
}
#descriptions #partners div li {
  padding: 7px 0 0 20px;
  list-style:square inside none;
}
#descriptions h2 {
  display: none;
}
#descriptions img {
  margin-top: 1em;
  background-color: #FFFFFF;
  border-radius: 10px;
  padding: 15px;
}
#descriptions .partnerLink {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 6px 8px;
  font-size: 0.85em;
  color: #fff;
  background-color: #b3a1d6;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 0 15px 0 15px;
  border-radius: 0 15px 0 15px;
}
#descriptions .partnerLink:hover {
  background-color: #532e99;
}
#descriptions .more a {
    color: #3b1288;
}
#descriptions .readMore {
  display: none;
  position: absolute;
  bottom: 1em;
  text-decoration: none;
    color: #3b1288;
}
#descriptions #fade {
  display: none;
  width: 100%;
  height: 28px;
  position: absolute;
  bottom: 45px;
  left: 0;
  background: url(../img/content_fade.png) repeat-x left top;
}

.acknowledgements {
  width: 477px;
  padding: 0 25px 15px 25px;
  float: right;
  position: relative;
  margin-top: 14px;
  margin-right: -24px;
  line-height: 1.4em;
  color: #777;
  font-size: 0.85em;
}