/* CSS Document */

#wrapper {
    margin: 0 auto;
    width: 950px;
    
}


#content {
	margin-left: 26px;
	float: left;
	clear:both;
	position:relative;
	top: 10px;
	width: 924px;
	border: 1px;
	}

#rightnav {
	float: right;
	right: 28px; 
	left: 10px;
	position:relative;
	top: 0px;
	width: 361px;
	border: 1px;
	}
	
#footer {
	margin-left: 0px;
	float: left;
	position:relative;
	top: 0px;
	width: 950px;
	border: 1px;
	}

	
.events {
	position: relative;
	padding-top: 10px;
	float: left;
	margin-right: 0px;
	right: 0 px;
	top: 0 px;
	width: 321px;
	height: 71px;
	background: transparent url('images/events.gif') no-repeat;
	}
	
.smallgroups {
	position: relative;
	padding-top: 10px;
	float: left;
	margin-right: 0px;
	right: 0 px;
	top: 0 px;
	width: 321px;
	height: 71px;
	background: transparent url('images/smallgroups.gif') no-repeat;
	}
	
.children {
	position: relative;
	padding-top: 10px;
	float: left;
	margin-right: 0px;
	right: 0 px;
	top: 0 px;
	width: 321px;
	height: 71px;
	background: transparent url('images/children.gif') no-repeat;
	}
	
.youth {
	position: relative;
	padding-top: 10px;
	float: left;
	margin-right: 0px;
	right: 0 px;
	top: 0 px;
	width: 321px;
	height: 71px;
	background: transparent url('images/youth.gif') no-repeat;
	}
	
.copyright {
	position: relative;
	float: right;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:80%;
	margin-right: 0px;
	align: right
	right: 0 px;
	top: 0 px;
}
	
a.events:hover {
	background-image: url(images/events-over.gif);
	}

a.smallgroups:hover {
	background-image: url(images/smallgroups-over.gif);
	}
	
a.children:hover {
	background-image: url(images/children-over.gif);
	}
	
a.youth:hover {
	background-image: url(images/youth-over.gif);
	}
	
a.copyright:hover {
	background-image: url(images/copyright-over.gif)
	}