body {margin:0; padding:0; background: url(images/bgtop.gif) top center repeat-x #443d35}

h1 { 
	font-family: 'Charm', cursive; 
    font-weight: normal;
    font-size: 22px;
}

#topheaderbg {background: url(images/topheaderbg.jpg) top center no-repeat}

#transparentbg {width: 976px; background: url(images/transparentbg.png) repeat-y; _background:none}

#headerbg {width:916px; height:267px; text-align:left; display:block; background: url(images/headerbg.jpg); position:relative}

.logo {display:block; width:400px; height:110px; margin:70px 0px 0px 75px; float:left; position:absolute}

#contentbg {background: url(images/contentbg.gif) top center repeat-y}

#contentmainbg {background: url(images/contentmainbg.gif) top repeat-x; width:543px; border:1px solid #aea9a7; text-align:left; font-family:arial; font-size:12px; color:#444444; line-height:22px; margin-bottom:30px; padding:0px 20px 0px 20px}



.servicetimes {color:#000000; font-weight:bold; font-family:arial; font-size:14px; margin:20px 0px 0px 0px; text-decoration:underline}
.servicetimessub {color:#000000; font-family:arial; font-size:13px; line-height:16px; margin:5px 0px 0px 0px}

#contactcontainer {width: 196px; margin:20px 0px 0px 0px; border:1px solid #aeaeae; background: url(images/contactbg.gif) top repeat-x #b2c687}

.newsletter {display:block; width:190px; height:77px; margin:25px 0px 0px 0px}
#newsletterspacer {width:100%; display:block; height:23px; border-bottom:1px solid #484139}
.sideaddress {margin:15px 0px 30px 0px; color:#000000; font-family:arial; font-size:13px; letter-spacing:1px}

#footerbg {background: url(images/footerbg.jpg); width:916px; height:108px; font-family:arial; font-size:10px; color:#443d35}


a {font-family:arial; font-size:12px; color:#51626b; font-weight:bold; text-decoration:underline}
a:hover {font-family:arial; font-size:12px; color:#444444; font-weight:bold; text-decoration:underline}


a.nav1 {display:inline; width: 108px; height: 34px; float:left; margin:231px 0px 0px 32px; background: url(images/button-home.gif) 0 0 no-repeat; position:absolute}
a:hover.nav1 {background-position: 0 -34px}
a.nav2 {display:inline; width: 229px; height: 34px; float:left; margin:231px 0px 0px 141px; background: url(images/button-happening.gif) 0 0 no-repeat; position:absolute}
a:hover.nav2 {background-position: 0 -34px}
a.nav3 {display:inline; width: 149px; height: 34px; float:left; margin:231px 0px 0px 371px; background: url(images/button-ministries.gif) 0 0 no-repeat; position:absolute}
a:hover.nav3 {background-position: 0 -34px}
a.nav4 {display:inline; width: 110px; height: 34px; float:left; margin:231px 0px 0px 521px; background: url(images/button-youth.gif) 0 0 no-repeat; position:absolute}
a:hover.nav4 {background-position: 0 -34px}
a.nav5 {display:inline; width: 98px; height: 34px; float:left; margin:231px 0px 0px 632px; background: url(images/button-staff.gif) 0 0 no-repeat; position:absolute}
a:hover.nav5 {background-position: 0 -34px}
a.nav6 {display:inline; width: 153px; height: 34px; float:left; margin:231px 0px 0px 731px; background: url(images/button-calendar.gif) 0 0 no-repeat; position:absolute}
a:hover.nav6 {background-position: 0 -34px}

a.footer {font-family:arial; font-size:10px; color:#443d35; text-decoration:underline}
a:hover.footer {font-family:arial; font-size:10px; color:#211d19; text-decoration:underline}

a#online-giving-btn {
	    text-decoration: none;
    display: inline-block;
    border: 1px solid gray;
    border-radius: 10px;
    padding: 20px 0;
    color: black;
    font-size: 20px;
    font-weight: normal;
    width: 190px;
    box-sizing: border-box;
    background-color: #f2f5f4;
    margin-top: 20px;
	position: relative;
	
}

a#online-giving-btn::before {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0; left: 0;
    border: 8px solid #cfdae0;
    border-radius: 10px;
	box-sizing: border-box;
}

a#online-giving-btn:hover {
	background-color: #5c5b5d;
	color: white;
	transition: all .25s;
}