/**************************
 * (C) 2009 Living Waters Church
 * http://www.livingwaters.org/
 *
 * file: home.css
 * Contains styling elements that apply to the start page
 * author: Stefan Rotman
 *************************/

a {
    color: #ffffff;
    text-decoration: none;
}

a:hover {
    color: #00C7EE;
}

/*
 * The eye-catcher image for home page
 */
#main-banner {
    width: 772px;
    height: 318px;
    margin-left:126px;
}

#home {
    background: transparent none;
    width: 773px;
    height: 310px;
    margin-left:126px;
}

#welcome {
    background: transparent url('../images/background-welcome.jpg') no-repeat center top;
    float:left;
    width: 191px;
    height: 137px;
}

#welcome p {
    padding-top: 100px;
    padding-left: 10px;
}

#banners {
    background: transparent url('../images/background-banners.jpg') no-repeat center top;
    float:left;
    width: 582px;
    height: 137px;
}

img.banner {
    width: 185px;
    height: 122px;
    margin-top: 6px;
    margin-left: 7px;
    float:left;
}

#banner1 {
    margin-left: 6px;
}

#message {
    background: transparent url('../images/background-message.jpg') no-repeat center top;
    float:left;
    width: 191px;
    height: 124px;
    z-index: 100;
}

#message p {
    float:left;
    padding: 35px 10px 0px 10px;
    text-align: left;
    font-size: 8pt;
    height: 89px;
}

#sermonlinks {
    float:left;
    margin-top: -18px;
    margin-left: 7px;
    z-index:200;
}

#sermonlinks a {
  font-size: 7pt;
    margin-left: 2px;
    margin-right: 2px;
}

#refreshing {
    background: transparent url('../images/background-refreshing.jpg') no-repeat center top;
    float:left;
    width: 390px;
    height: 124px;
}

#refreshing p {
    padding: 50px 25px 30px 135px;
    text-align: left;
    font-size: 8pt;
}

#refreshing a {
   font-size: 7pt;
    text-decoration: none;
    color: #00C7EE;
    margin-left: 2px;
}

#refreshing a:hover {
    text-decoration: underline;
}

#events {
    background: transparent url('../images/background-events.jpg') no-repeat center top;
    float:left;
    width: 192px;
    height: 124px;
}

#events p {
    padding: 35px 10px 0px 10px;

}

#podcast {
    background: transparent url('../images/background-podcast.jpg') no-repeat center top;
    float:left;
    width: 773px;
    height: 49px;
}

#podcast p {
    padding-left: 10px;
    font-size: 5pt;
    height: 14px;
}

#podcast-link {
    float:left;
    width: 78px;
    height: 18px;
    margin-top: 2px;
    margin-left: 633px;
}