/*
 * Redefinitions
 */

#content {
  padding: 7px;
}

/*
 * Homepage layout styles
 */

#homepage-left { 
  float: left;
  width: 176px;
  margin-right: 7px;
}
#homepage-right {
  float: left;
  width: 543px;
}

/*
 * Welcome styles
 */
 
#homepage-welcome {
  background: #60bcd2;
  margin-bottom: 8px;
} 
#homepage-welcome h2 {
  background: url(/img/homepage/welcome-heading-bullet.png) 0 11px no-repeat;
  color: #fff;
  font-size: 1.4em;
  margin: 0;
  padding: 8px 12px 0 12px;
} 
#homepage-welcome div.inner {
  padding: 5px 12px 17px 12px;
}
#homepage-welcome p {
  margin: 0;
}

/*
 * Latest news styles
 */ 
 
#homepage-events {
  background: #dff9ff;
  border: 1px solid #60bcd2;
} 
#homepage-events h2 {
  color: #fff;
  background: #60bcd2;
  font-size: 1.4em;
  margin: 0;
  padding: 6px 10px 6px 10px;
} 
#homepage-events div.inner {
  padding: 1em 10px 0 10px;
}
#homepage-events ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#homepage-events ul li {
  margin: 0 0 1em 0;
}
#homepage-events ul li h3 {
  font-size: 1em;
  margin: 0;
}
#homepage-events ul li p {
  margin: 0;
}
#homepage-events ul li p a.full-story {
  color: #fd1111;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
}

/*
 * Panels styles
 */ 
 
#homepage-panels {
  margin-bottom: 1px;
} 
#homepage-panels ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
#homepage-panels ul {
  display: block;
}
#homepage-panels ul li {
  float: left;
  width: 176px;
  margin-right: 7px;
  border-bottom: 11px solid #ecf9aa;
}
#homepage-panels ul li.personal-development {
  margin-right: 0;
}
#homepage-panels ul li h2 {
  height: 50px;
  he\ight: 34px;
  color: #fff;
  background: #90bf2f;
  font-size: 1.4em;
  margin: 0;  
  padding: 16px 12px 0 12px;    
}
#homepage-panels ul li.personal-development h2 {
  he\ight: 45px;
  padding-top: 5px;
}
#homepage-panels ul li p {
  margin: 0;
}
#homepage-panels ul li div.inner {
  height: 100px;
  padding: 140px 12px 12px 12px;
}
#homepage-panels ul li.placements div.inner {
  background: #c3e34a url(/img/homepage/placements-panel-background.jpg) no-repeat;
}
#homepage-panels ul li.training div.inner {
  background: #c3e34a url(/img/homepage/training-panel-background.jpg) no-repeat;
}
#homepage-panels ul li.personal-development div.inner {
  background: #c3e34a url(/img/homepage/personal-development-panel-background.jpg) no-repeat;
}
#homepage-panels ul li p.more-information {  
  margin: 0;  
  background: url(/img/homepage/panel-bottom.png) no-repeat;
  height: 16px;
  text-align: right;
  padding: 0 13px 0 0;
}
#homepage-panels ul li p.more-information a {
  color: #00809f;
  font-size: 0.8em;
  text-transform: uppercase;
}


 
div#news-and-views {
  color: #fff;
  background: #008cb1;
  overflow: hidden;
  margin: 10px 0 0 0;
  padding: 15px;
  width: 510px;
}
div#news-and-views h2 {
  color: #fff;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}
div#news-and-views ul.news-and-views {
  list-style: none;
  margin: 0;
  padding: 0;  
}
ul.news-and-views li {
  overflow: hidden;
  margin: 0;
  padding: 10px 0 10px 0;
}
ul.news-and-views li.with-image {
  padding-left: 76px;
}
ul.news-and-views li p {
  margin: 0;
}
ul.news-and-views li img {
  float: left;
  border: 1px solid #004989;
  margin-left: -76px;
}
ul.news-and-views li h3 {
  font-size: 1.2em;
  margin: 0 0 2px 0;
}
ul.news-and-views li a {
  color: #C3E34A;
}