/* HOMEPAGE CONTENT */
#homepage {
  width: 590px;
  overflow: hidden;
  display: inline-block;
}
#homepage {
  display: block;
}

#homepage h4 {
  margin: 0;
  padding: 0;
  font-size: 1.4em;
}
#homepage h5 {
  margin: 2px 0 6px 0;
  padding: 0;
  font-size: 1.2em;
  color: #7BBD00;
}

#homepage-introduction {
  float: left;
  width: 275px;
  line-height: 1.3em;
}

a#befriending{
float:right;
width:296px;
height:47px;
}
#homepage-news {
  float: right;
  width: 296px;
  margin-bottom: 20px;
  background: transparent url(/images/border-bottom.gif) bottom left repeat-x;
}
#homepage-news ul {
  margin: 10px 0 10px 0;
  padding-left: 20px;
}
#homepage-news ul li {
  margin: 0;
  padding: 0 0 10px 0;
  list-style-image: url(/images/li-style.gif);
}
#homepage-news ul a {
  text-decoration: none;
  font-weight: bold;
  font-size: 1.1em;
  color: #5D5D5D;
}
#homepage-news ul .full {
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
  color: #7db901;
}


#homepage-panels {
  float: left;
  width: 590px;
  overflow: hidden;
  display: inline-block;
}




#homepage-panels {
  display: block;
}
#homepage-panels #employer-supported-volunteering {
  float: left;
  margin-right: 3px;
  width: 142px;
  height: 247px;
  color: #383838;
  background: transparent url(/images/employer-supported-volunteering-panel.gif) no-repeat;
}
#homepage-panels #active-age {
  float: left;
  margin-right: 3px;
  width: 142px;
  height: 247px;
  color: #383838;
  background: transparent url(/images/active-age-panel.gif) no-repeat;
}
#homepage-panels #community-projects {
  float: left;
  margin-right: 3px;
  width: 142px;
  height: 247px;
  color: #383838;
  background: transparent url(/images/community-projects-panel.gif) no-repeat;
}
#homepage-panels #was-a-volunteer {
  float: left;
}
#homepage-panels #intro-employer-supported-volunteering, 
#homepage-panels #intro-active-age,
#homepage-panels #intro-community-projects {
  float: left;
  width: 115px;
  margin-top: 155px;
  padding: 0 0 0 12px;
}
#intro-employer-supported-volunteering a {
  text-decoration: none;
  font-weight: bold;
  color: #0073FF;
}
#intro-active-age a {
  text-decoration: none;
  font-weight: bold;
  color: #0073FF;
}
#intro-community-projects a {
  text-decoration: none;
  font-weight: bold;
  color: #0073FF;
}

#hp-areas {
  overflow: hidden;
  height: 100%;
}
#hp-areas a {
  display: block;
  margin: 0 0 15px 0;
}

#hp-areas div.panels {
  width: 290px;
  float: left;
}

/*
 * Homepage Areas Wide
 */

div#hp-areas div.wide {
  width: 100% !important;
  overflow: hidden;
}
div#hp-areas div.wide div.left {
  float: left;
  width: 290px;
}
div#hp-areas div.wide div.right {
  float: left;
  width: 290px;
}


/*
 * Movie
 */

#hp-areas div.movie {
  width: 297px;
  float: left;
  overflow: hidden;
}
#hp-areas div.movie a.videothumb {
  display:block;
  background: url(/images/video-preview-player.jpg) top left no-repeat;
  padding: 10px 3px 30px 3px;
  _height:121px;
  
}
#hp-areas div.movie a,
#hp-areas div.movie img {
  display: block;
}
#hp-areas div.movie span {
  font-size: 1.25em;
  font-weight: bold;
  color: #000;
  padding: 5px 0 0 0;
}

#hp-areas div.movie a.normal {
  display:normal;
  background:0;
  margin:0;
  padding:0;
}

#hp-areas div.movie div.message {
  font-weight: normal;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}
#hp-areas div.movie div.message a.link {
  background: none;
  margin: 0;
  padding: 0;
}

#unsubscribed{
  border:1px solid #d2d2d2;
  background-color:#4675ae;
  color:#ffffff;
  font-weight:bold;
  padding:3px;
  margin:0px auto 20px auto;
  width:580px;
}

#unsubscribed p{
font-size:1.3em;
text-align:center;
margin:0;
padding:0;
}