/* Home CSS Document */

#home{
  background: white;
}

#bottom{
  background: #2377B5 url(../images/css/background_bottom.jpg) no-repeat;
  width: 740px;
  height: 260px;
  margin: 10px 0px;
  color: white;
}

#upcoming_events{
  float: left;
  width: 250px;
  padding: 0px 0px 0px 490px;
}

#features{
  float: left;
  width: 247px;
}

#marquee{
  float: left;
  width: 222px;
  padding: 30px 0px 0px;
  margin: 0px 12px;
}

#marquee .links{
  float: left;
  width: 220px;
  height: 20px;
  padding: 10px 0px 0px;
}

#recent_programs{
  float: right;
  width: 234px;
  padding: 30px 0px 0px;
  margin: 0px 0px 0px 12px;
}

#recent_programs .listen_now{
  float: left;
  width: 220px;
  border-right: 2px solid white;
}

#recent_programs .title,
#marquee .title,
#features .title{
  float: left;
  font-weight: bold;
  color: #92AD46;
}

#recent_programs .image,
#marquee .image,
#features .image{
  border: 1px solid white;
  width: 220px;
  height: 110px;
  float: left;
  overflow: hidden;
}

#recent_programs .image img,
#marquee .image img,
#features .image img{
  float: left;
}

#recent_programs .scroll{
  width: 220px;
  height: 48px;
  overflow: auto;
  padding: 0px 2px 0px 0px;
  float: left;
  line-height: 16px;
}

#marquee .scroll{
  width: 220px;
  height: 59px;
  overflow: auto;
  padding: 0px 2px 0px 0px;
  float: left;
  line-height: 16px;
}

#recent_programs .scroll,
#marquee .scroll{
  scrollbar-arrow-color: #FFD401;
  scrollbar-face-color: #1868a3;
  scrollbar-shadow-color: #5099d0;
  scrollbar-darkshadow-color: #1868a3;
  scrollbar-highlight-color: #5099d0;
  scrollbar-3dlight-color: #1868a3;
  scrollbar-track-color: #5099d0;
}

#recent_programs .links{
  background: url(../images/css/background_home_btn.gif) repeat-x 0px 10px;
  width: 220px;
}

#recent_programs .links ul{
  padding: 0px;
  margin: 0px;
}

#recent_programs .links ul li{
  padding: 0px;
  margin: 10px 0px 0px;
  list-style: none;
  float: left
}

#recent_programs .links ul li img{
  float: left;
}