html {
    height:100%;
}

body {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#5898a3;
    text-align:center;
    margin:0;
    padding:0; 
    height:100%;
}

h1 {
    font-size:20px;
}

a {
	color:#5898a3;
	text-decoration:none;
	}
	
a:hover {
	color:#000000;
	text-decoration:underline;
	}

/*             Wrappers                 */

.home_wrapper {
    width:865px;
    text-align:center;
    margin:auto;
    background:url(../images/bg_home_content.jpg) repeat-y;
    height:100%;
}

.gallery_wrapper {
    width:865px;
    text-align:center;
    margin:auto;
    background:url(../images/bg_gallery_content.jpg) repeat-y;
    height:1300px;
}

.services_wrapper {
    width:865px;
    text-align:center;
    margin:0 auto;
    background:url(../images/bg_services_content.jpg) repeat-y;
    height:100%;
}

.upcomingevents_wrapper {
    width:865px;
    text-align:center;
    margin:auto;
    background:url(../images/bg_upcomingevents_content.jpg) repeat-y;
    height:100%;
}

.header {
    width:865px;
}

.content_home {
    width:865px;
    height:auto;
    background: url(../images/bg_home.jpg) no-repeat top;
    text-align:center;
    margin:0;
    }
    
@media screen and (-webkit-min-device-pixel-ratio:0) {
.content_home { margin-top:-1px; }
}
    
.content_gallery {
    width:865px;
    height:1100px;
    background: url(../images/bg_gallery.jpg) no-repeat top;
    text-align:center;
    margin:0;
    padding-top:25px;
    }
    
@media screen and (-webkit-min-device-pixel-ratio:0) {
.content_gallery { margin-top:-1px; }
}
    
.content_services {
    width:865px;
    height:450px;
    background: url(../images/bg_services.jpg) no-repeat top;
    text-align:center;
    margin:0;
    padding-top:25px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.content_services { margin-top:-1px; }
}
    
.content_upcomingevents {
    width:865px;
    height:450px;
    background: url(../images/bg_upcomingevents.jpg) no-repeat top;
    text-align:center;
    margin:0;
    padding-top:25px;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
.content_upcomingevents { margin-top:-1px; }
}

.content {
    width:675px;
    
    text-align:left;
    padding-top:25px;
    margin:auto;
    margin-left:50px;
    padding-top:42px;
}

.image {
    float:right;
    margin-top:40px;
    padding:10px;
}

.homeimage {
    float:right;
    padding:10px;
}

#home_nav {
	background:url(../images/nav_home.jpg) no-repeat top left;
	width:126px;
	height:33px;
	clear:none;
        margin-top:-3px;
	}

#home_nav a {
	background:url(../images/nav_home.jpg) no-repeat bottom left;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration:none;
	}
	
#home_nav a:hover {
	background-image:none;
	}

#gallery_nav {
	background:url(../images/nav_galleries.jpg) no-repeat top left;
	width:157px;
	height:33px;
	clear:none;
        margin-top:-3px;
	}

#gallery_nav a {
	background:url(../images/nav_galleries.jpg) no-repeat bottom left;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration:none;
	}
	
#gallery_nav a:hover {
	background-image:none;
	}

#services_nav {
	background:url(../images/nav_services.jpg) no-repeat top left;
	width:157px;
	height:33px;
	clear:none;
        margin-top:-3px;
	}

#services_nav a {
	background:url(../images/nav_services.jpg) no-repeat bottom left;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration:none;
	}
	
#services_nav a:hover {
	background-image:none;
	}

#upcomingevents_nav {
	background:url(../images/nav_upcomingevents.jpg) no-repeat top left;
	width:222px;
	height:33px;
	clear:none;
        margin-top:-3px;
	}

#upcomingevents_nav a {
	background:url(../images/nav_upcomingevents.jpg) no-repeat bottom left;
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	text-decoration:none;
	}
	
#upcomingevents_nav a:hover {
	background-image:none;
	}