/* Home CSS Document */

#top{
  float: left;
  width: 750px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #00417F;
}

#home_images{
  float: left;
  width: 485px;
	height: 255px;
}

#welcome{
  float: left;
	width: 285px;
	height: 125px;
	margin: 0px 0px 0px -30px;
	display: inline;
}

#welcome .scroll{
  float: left;
  margin: 35px 20px 5px 0px;
	height: 55px;
	width: 265px;
	overflow: auto;
	display: inline;
}

#prayer{
  float: left;
	width: 240px;
	height: 130px;
	margin: 0px 0px 0px -10px;
	display: inline;
}

#prayer .scroll{
  margin: 30px 20px 0px 0px;
	height: 40px;
	width: 220px;
	float: left;
	display: inline;
	overflow: auto;
}

#prayer a{
  font-weight: bold;
  color: #00417F;
	text-decoration: underline;
}


#recent_programs{
  float: left;
  width: 480px;
}

#recent_programs .image{
  float: left;
  width: 180px;
  height: 180px;
  margin: 10px 0px 0px 6px;
}

#recent_programs .container{
  float: left;
  width: 270px;
  height: 105px;
  overflow: auto;
  margin: 45px 0px 0px 10px;
}

#recent_programs .title{
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #00417F;
}

#recent_programs .intro{
  font: 11px Arial, Helvetica, sans-serif;
  line-height: 16px;
}

#recent_programs .links{
  float: left;
  margin: 5px 0px 0px;
}

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

#recent_programs .links ul li{
  list-style: none;
  float: left;
}

#blog{
  float: left;
  width: 270px;
  margin: 20px 0px 0px;
}

#blog .image{
  float: left;
  width: 60px;
  height: 60px;
  margin: 25px 0px 0px 6px;
}

#blog .container{
  float: left;
  width: 190px;
  height: 70px;
  overflow: auto;
  margin: 20px 0px 0px 10px;
}

#blog .title,
#blog .title a{
  font: bold 14px Arial, Helvetica, sans-serif;
  color: #00417F;
  text-decoration: none;
}

#blog .intro,
#blog .intro a{
  font: 11px Arial, Helvetica, sans-serif;
  color: black;
  line-height: 16px;
  text-decoration: none;
}