/* Home CSS Document */

#home{
  float: left;
  width: 660px;
  min-height: 490px;
  margin: -27px 0px 0px -5px;
  background: url(../images/css/background_home.png) no-repeat;
}

#features{
  float: left;
  width: 320px;
  margin: 17px 10px 8px 15px;
  background: url(../images/css/background_features.gif) no-repeat 0px 320px;
}

#welcome{
  width: 300px;
  float: left;
  margin: 37px 0px 0px;
  position: relative;
}

#intro{
  font-size: 11px;
  line-height: 17px;
  float: left;
  width: 260px;
  height: 85px;
  position: relative;
  padding: 65px 20px 0px;
  margin: -20px 0px 0px;
  background: url(../images/css/background_welcome_intro.png) no-repeat;
}

#intro .scroll{
  width: 250px;
  padding: 0px 10px 0px 0px;
  height: 70px;
  float: left;
  color: #FFE3A1;
  overflow: auto;
}

#welcome #image{
  width: 300px;
  height: 150px;
  float: left;
  background: #395080;
}

#welcome .links{
  width: 300px;
  height: 80px;
  float: left;
  background: #E2B053 url(../images/css/background_welcome_links.jpg) no-repeat;
}

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

#welcome .links ul li{
  padding: 0px;
  margin: 0px;
  float: left;
  list-style: none;
  width: 150px;
}

#welcome .links ul li a{
  width: 150px;
  height: 80px;
  display: block;
  text-align: center;
}

#bottom{
  width: 630px;
  height: 290px;
  float: left;
  margin: 0px 0px 0px 5px;
  display: inline;
  background: white url(../images/css/background_home_bottom.gif) no-repeat 0px 2px;
}

#marquees{
  width: 315px;
  float: left;
  background: url(../images/css/background_marquee.gif) no-repeat 15px 20px;
  height: 235px;
  padding: 55px 0px 0px 15px;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#recent_programs{
  width: 290px;
  height: 235px;
  float: left;
  background: url(../images/css/background_recent_programs.gif) no-repeat 15px 20px;
  padding: 55px 0px 0px 10px;
}

.marquee{
  width: 315px;
  float: left;
  margin: 0px 0px 6px;
}

.program{
  width: 290px;
  float: left;
  margin: 0px 0px 6px;
}

.marquee .image,
.program .image{
  width: 100px;
  height: 65px;
  background: url(../images/css/background_image.gif) no-repeat;
  float: left;
  padding: 5px;
  margin: 0px 5px 4px 0px;
}

.marquee .date,
.program .date{
  font-size: 14px;
  color: #3E568A;
  margin: 5px 0px 0px;
}

.marquee .name,
.program .name{
  font-size: 13px;
  font-weight: bold;
  color: #3E568A;
}

.marquee .group,
.program .group{
  font-size: 11px;
  color: #584F21;
}

.marquee .links{
  width: 315px;
  display: block;
  float: left;
}

.program .links{
  width: 290px;
  display: block;
  float: left;
}

.marquee .links ul,
.program .links ul{
  padding: 0px;
  margin: 0px;
}

.marquee .links ul li,
.program .links ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
  float: left;
}

#ministries{
  float: left;
  width: 165px;
  height: 45px;
  padding: 25px 0px 0px 135px;
  margin: 10px 0px 0px;
  background: url(../images/css/background_ministries.gif) no-repeat;
}

#ministries .label{
  width: 150px;
  padding: 0px;
}

#ministries .label:hover{
  cursor: hand;
  cursor: pointer;
}

#ministries .instructions{
  font-size: 11px;
  color: #756C34;
  width: 112px;
  height: 14px;
  background: white;
  border: 1px solid #FFC02F;
  display: block;
  float: left;
  padding: 3px;
  margin: 1px 0px;
}

#web_network{
  font-size: 11px;
  float: left;
  width: 120px;
  display: inline;
  background: white;
  position: absolute;
}

#web_network ul{
  padding: 0px;
  margin: 0px;
}

#web_network ul li{
  padding: 0px;
  margin: 0px;
  list-style: none;
}

#web_network ul li a{
  width: 100px;
  padding: 3px 10px;
  display: block;
  text-decoration: none;
  color: #666;
  border: 1px solid #CCC;
  border-top: none;
  border-bottom: 1px solid #EEE;
}

#web_network ul li.alt a{
  background: #FAFAFA;
}

#web_network ul li a:hover{
  background: #3E568A;
  color: white;
  text-decoration: none;
}