/* CSS Document */


/* Image rollover */

#image {float:right;}
span{display:none;}

#wrap {float:left;}

#cherrybrook a {float:left; margin-right:5px; margin-bottom:5px; height:70px; width:100px; background-image:url(../images/Churches/church-1-cherry.jpg);background-position:0px 0px;}
#cherrybrook a:hover {float:left; margin-right:5px; margin-bottom:5px; height:70px; width:100px; background-image:url(../images/Churches/church-1-cherry.jpg);background-position:100px 0px;}

#dayspring a {float:left; margin-right: 5px; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Churches/church-2-days.jpg); background-position:0px 0px;}
#dayspring a:hover {float:left; margin-right: 5px; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Churches/church-2-days.jpg); background-position:100px 0px;}

#carlingford a {float:left; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Churches/church-2-carling.jpg); background-position:0px 0px;}
#carlingford a:hover {float:left; margin-bottom:5px; height:145px; width:100px; background-image:url(../images/Churches/church-2-carling.jpg); background-position:100px 0px;}

#kingsgrove a {float:left; margin-bottom:5px;  height:70px; width:100px; background-image:url(../images/Churches/church-1-king.jpg); background-position:0px 0px;}
#kingsgrove a:hover {float:left; margin-bottom:5px; height:70px; width:100px; background-image:url(../images/Churches/church-1-king.jpg); background-position:100px 0px;}

#lighthouse a {float:left;  height:70px; width:205px; background-image:url(../images/Churches/church-3-light.jpg); background-position:0px 0px;}
#lighthouse a:hover {float:left; height:70px; width:205px; background-image:url(../images/Churches/church-3-light.jpg); background-position:205px 0px;}

#stpauls a {float:left; margin-bottom:5px; margin-left: 5px; height:145px; width:100px; background-image:url(../images/Churches/church-2-stpaul.jpg); background-position:0px 0px;}
#stpauls a:hover {float:left; margin-bottom:5px; margin-left: 5px; height:145px; width:100px; background-image:url(../images/Churches/church-2-stpaul.jpg); background-position:100px 0px;}








/* option Navigation */

#option {float:left; width:660px; height:40px;}
#option p{font-size:13px; color:#FFFFFF; text-align:center; font-weight:200; margin-top:6px;}

.option-1 a{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-1.png); background-position:0px 40px;}
.option-1 a:hover{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-1.png); background-position:0px 0px;text-decoration:none;}

.option-2 a{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-2.png); background-position:0px 40px;}
.option-2 a:hover{width:330px; height:40px; float:left; background-image:url(../images/OptionsNav/Options-2.png); background-position:0px 0px;text-decoration:none;}




/* List of Projects */

#list {float:left; height:145px; width:660px;}


#list-cherrybrook a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-cherry.jpg); background-position:-10px 0px}
#list-cherrybrook a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-cherry.jpg); background-position:90px 0px}

#list-dayspring a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-days.jpg); background-position:-10px 0px;}
#list-dayspring a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-days.jpg); background-position:90px 0px;}

#list-carlingford a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-carling.jpg); background-position:-10px 0px}
#list-carlingford a:hover {float:left; margin-right:5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-carling.jpg); background-position:90px 0px;}

#list-kingsgrove a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-king.jpg); background-position:-10px 0px}
#list-kingsgrove a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-king.jpg); background-position:90px 0px}

#list-lighthouse a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-light.jpg); background-position:-10px 0px}
#list-lighthouse a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-light.jpg); background-position:90px 0px}

#list-thornleigh a {float:left; margin-right: 0px; height:145px; width:90px; background-image:url(../images/Churches/church-2-thorn.jpg); background-position:-10px 0px}
#list-thornleigh a:hover {float:left; margin-right: 0px; height:145px; width:90px; background-image:url(../images/Churches/church-2-thorn.jpg); background-position:90px 0px}

#list-stpauls a {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-stpaul.jpg); background-position:-10px 0px}
#list-stpauls a:hover {float:left; margin-right: 5px; height:145px; width:90px; background-image:url(../images/Churches/church-2-stpaul.jpg); background-position:90px 0px}