.roles div.leftcol {
  float: left;
  width: 340px;
  margin: 0 10px 0 0;
}

.roles div.rightcol {
  float: left;
  width: 340px;
  margin: 0 10px 0 0;
}

.roles_bottom {
  float: clear;
  position: relative;
}

.roles div.section {
  padding-bottom: 20px;
}

.roles div.facultybox {
  background: url(/its/images/faculty.png) 0 0 no-repeat;
  background-color: #d8dbde;
  width: 288px;
  padding: 245px 20px 0 20px;
}

.roles div.staffbox {
  background: url(/its/images/staff.png) 0 0 no-repeat;
  background-color: #d8dbde;
  width: 288px;
  padding: 245px 20px 0 20px;
}

.roles div.studentbox {
  background: url(/its/images/student.png) 0 0 no-repeat;
  background-color: #d8dbde;
  width: 288px;
  padding: 245px 20px 0 20px;
}


.roles h2 {
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 10px;
}

.roles ul {
  color: #626262;
  margin: 0;
  padding: 0 0 10px 15px;
}

.roles li {
  padding: 3px 0;
}

.roles a {
  color: #626262;
}