/* Home CSS Document */

#top{
  float: left;
  width: 752px;
  height: 242px;
  margin: 0px 0px 5px 0px;
  padding: 4px;
  background: url(../images/css/background_top.jpg) no-repeat;
}

#home_images{
  width: 500px;
  height: 242px;
	float: left;
}

#welcome{
  float: left;
  width: 247px;
	height: 140px;
	padding: 82px 5px 20px 0px;
	text-align: right;
	color: white;
}

#welcome .scroll{
  width: 235px;
  padding: 0px 12px 0px 0px;
  height: 140px;
	overflow: auto;
}

#features{
  float: left;
  width: 492px;
  height: 242px;
  border: 4px solid white;
  background: url(../images/css/background_features.jpg) no-repeat;
}

#recent_programs{
  /*
	float: right;
  width: 239px;
  height: 209px;
  border: 4px solid white;
  padding: 33px 0px 0px 7px;
  background: url(../images/css/background_recent_programs.jpg) no-repeat;
	*/
	margin: 0px 0px 0px 5px;
	display: inline;
	float: left;
	padding: 32px 0px 0px;
	width: 247px;
	height: 210px;
	background: url(../images/css/background_recent_programs.jpg) no-repeat;
	border: 4px solid white;
}

#recent_programs .container{
  float: left;
  width: 232px;
  height: 102px;
  margin: 0px 0px 2px 0px;
  overflow: auto;
}

#recent_programs .container .name,
#recent_programs .container .name a{
  float: left;
  width: 90%;
  font: bold 16px "Times New Roman", Times, serif;
  color: white;
  padding: 2px 0px 0px;
  clear: both;
}

#recent_programs .container .date{
  float: left;
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #60C4FF;
  margin: 0px 5px 0px 0px;
}

#recent_programs .container .author{
  float: left;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  color: #60C4FF;
}

#recent_programs .container .intro{
  float: left;
  width: 90%;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
  color: #DFDFDF;
  line-height: 14px;
  margin: 2px 0px 0px;
  clear: both;
}