/* Home CSS Document */

#homeImages{
  float: left;
  width: 560px;
  height: 200px;
}

#welcome{
  float: left;
  width: 530px;
  height: 95px;
  overflow: auto;
  margin: 70px 0px 10px 15px;
  line-height: 15px;
}

#phases{
  float: left;
  margin: 0px 0px 0px 5px;
}

#phases ul{
  float: left;
  margin: 0px;
  padding: 0px;
}

#phases ul li{
  list-style: none;
  float: left;
  padding: 0px 0px 10px 10px;
}

#phases ul li a{
  display: block;
  width: 170px;
  height: 60px;
}

#phases ul li.phaseone a{
  background: url(../images/css/background_phaseone.jpg) no-repeat top left;
}

#phases ul li.phaseone a:hover{
  background: url(../images/css/background_phaseone.jpg) no-repeat bottom left;
}

#phases ul li.phasetwo a{
  background: url(../images/css/background_phasetwo.jpg) no-repeat top left;
}

#phases ul li.phasetwo a:hover{
  background: url(../images/css/background_phasetwo.jpg) no-repeat bottom left;
}

#phases ul li.phasethree a{
  background: url(../images/css/background_phasethree.jpg) no-repeat top left;
}

#phases ul li.phasethree a:hover{
  background: url(../images/css/background_phasethree.jpg) no-repeat bottom left;
}

#resources{
  float: left;
  width: 200px;
  margin: 50px 0px 0px;
}

#resources ul{
  float: left;
  margin: 0px 0px 0px 20px;
  padding: 0px;
}

#resources ul li{
  list-style: none;
  padding: 0px 0px 15px;
}

#resources ul li a{
  display: block;
  width: 146px;
  height: 19px;
}

#resources ul li.affirmations a{
  background: url(../images/css/background_affirmations.gif) no-repeat top left;
}

#resources ul li.affirmations a:hover{
  background: url(../images/css/background_affirmations.gif) no-repeat bottom left;
}

#resources ul li.devotionals a{
  background: url(../images/css/background_devotionals.gif) no-repeat top left;
}

#resources ul li.devotionals a:hover{
  background: url(../images/css/background_devotionals.gif) no-repeat bottom left;
}

#resources ul li.forum{
  display: none;
}

#resources ul li.forum a{
  background: url(../images/css/background_forum.gif) no-repeat top left;
}

#resources ul li.forum a:hover{
  background: url(../images/css/background_forum.gif) no-repeat bottom left;
}