/*<group=main structural elements>*/

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: fafad2;
	font: 13px Georgia, FreeSerif;
}


#container {
	position: relative;
	text-align: center;
	width: 822px;
	margin: 0px auto 0 auto;
	padding-top: 15px;
	}
	
/*</group>*/

/*<group=main content elements>*/

#content {
	background: url(images/background.jpg) repeat-y top;
	margin: 0px;
	padding: 84px 280px 6em 36px;
	z-index: 10;
}

#text {
    position: relative;
    top: 0px;
    right: -250px;
    text-align: left;
    line-height: 20px;
   	margin: 0 0 6px 0;
	padding-left: 36px;
}

#text .worship {
	padding-bottom: 150px;
}

#text .edu {
	padding-bottom: 110px;
}

#text .activities {
	padding-bottom: 150px;
}

#text .history {
	padding-bottom: 0px;
}

#text .directions {
	padding-bottom: 10px;
}

#text .contact {
	padding-bottom: 10px;
}

#text .weekly {
	padding-bottom: 10px;
}

#text .symbol {
	padding-bottom: 50px;
}

#footer {
    color: 000;
	margin: 0;
	padding: 0;
	padding-top: 1px;
	padding-bottom: 10px;
	width: 822px;
	background: url(images/header_footer.jpg) no-repeat center top;
}

#footer .text {
	padding-left: 22px;
    position: relative;
    top: -2px;
    right: 20px;
	color: fff;
	font-weight: 500;
	font-style: normal;
	letter-spacing: 1px;
	}
	

#banner {
	position: relative;
	z-index: 15;
	text-align: right;
	width: 822px;
	margin: 0px auto;
	padding: 0 0 20px 0;
	background: url(images/header_footer.jpg) no-repeat center bottom;
	}

#banner .photo {
	position: absolute;
	z-index: 10;
    height: 145px;
	margin: 0px;
	padding: 0px;
	border: 1px solid rgb(195,195,195);
	left: 36px;
	top: 20px;
	width: 225x;
}

#banner .band {
    font-size: 31px;
	display: block;
	padding-left: 22px;
    position: relative;
    top: 20px;
    right: 20px;
	color: 000;
	font-style: normal;
	letter-spacing: 1px;
	}
	
#banner .band_ucc {
    position: relative;
    top: 20px;
    right: 20px;
	color: fff;
	font-weight: 900;
	font-style: normal;
	letter-spacing: 4px;
	}
	
#welcome {
    position: relative;
	right: -220px;
	top: -60px;
	text-align: center;
	color: 000;
	font-style: italic;
	margin: 0 0 6px 0;
	padding-left: 36px;
}

#basic {
    position: absolute;
    z-index: 15;
	right: 200px;
	top: 470px;
	text-align: center;
	color: 000;
	font-style: italic;
}

#main {
	position: relative;
	width: 385px;
	right: -300px;
	top: -5px;
	border: 1px solid rgb(195,195,195);
	padding: 0px;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

img {
	border: none;
}

a:link {
	color: rgb(80,30,30);
	text-decoration: none;
}

a:visited {
	color: rgb(80,30,30);
	text-decoration: none;
}

a:hover {
	color: white;
	background: rgb(173,91,77);
}

a:active {
	
}

#links ul {
	position: absolute;
	background: rgb(255,248,220);
	text-align: left;
	padding-top: 20px;
	padding-bottom: 5px;
	left: 36px;
	top: 200px;
	border: 1px solid rgb(195,195,195);
	z-index: 11;
	width: 225px;
}

#links li {
	font-size: 14px;
	padding-bottom: 1px;
}

#links li a {
	display: block;
	color: rgb(80,30,30);
	margin: 0;
	padding: 5px 0 5px 12px;
	text-decoration: none;
	letter-spacing: 1px;
}

#links li a:hover {
	background-color: rgb(128,0,0);
	color: white;
	border: none;
}

.home #home, .worship #worship, .weekly #weekly, .edu #edu, .activities #activities, .history #history, .directions #directions, .contact #contact {
	background: rgb(173,91,77);
	color: white;
}

.home #home:hover, .worship #worship:hover, .weekly #weekly:hover, .edu #edu:hover, .activities #activities:hover, .history #history:hover, .directions #directions:hover, .contact #contact:hover {
	background: rgb(173,91,77);
	color: white;
}