@import "global-style.css";

body {
  background: #b2bb1c url("/images/green/about-bg.png") repeat-y;
}

#wrapper {
  background: url("/images/green/about-wrapper-bg.png") no-repeat 960px 500px; 
}

#mainContent {
  color: #ffffff;
  padding-left: 62px;
  padding-top: 92px;
  width: 533px;
}

#rightSidebar div {
  top: 92px; 
}

#mainContent h2 {
  margin-bottom: 10px;
  font-size: 4.0em;
}
  
#mainContent p {
  color: #ffffff;
  margin-bottom: 15px;
  font-size: 1.2em;
  line-height: 1.5em;
}

#jobList {
  margin-top: 15px;
  display: block;
}

#jobList li {
  color: #ffffff;
  padding-left: 5px;
}

#jobList li div.listIcon {
  width: 16px;
  height: 16px;
  float: left;
}

#jobList li div.listIcon {
  width: 16px;
  height: 2.0em;
  margin-right: 10px;
  cursor: pointer;
}

#jobList li span {
  font-size: 1.8em;
  cursor: pointer;
}

#jobList li div.detail {
  margin-top: 5px;
  margin-left: 25px;
  margin-right: 140px;
}

#jobList li div.detail ul {
  margin-left: 20px;
}

#jobList li div.detail li {
  list-style-type: disc;
  font-size: 1.2em;
}

#jobList li.collapsed div.listIcon {
  background: transparent url("/images/green/jobs-list-plus-icon.png") no-repeat center center; 
}

#jobList li.collapsed div.detail {
  display: none; 
}

#jobList li.expanded div.listIcon {
  background: transparent url("/images/green/jobs-list-minus-icon.png") no-repeat center center;  
}

#jobList li.expanded div.detail {
  display: block; 
}

#aboutChiliWrapper {
  position: absolute;
  z-index: 100;
  top: 325px;
  left: 620px;
  width: 320px;
  height: 652x;
}