/*
The font size here is set to 62.5% so that
1em = 10px. This makes adjusting our typography
a little easier
*/
address {
	font-size: 1.3em;
}


#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	}

#banner {
	width: 960px;
	background-image: url(../images/banner.png);	
	height: 160px;
	
}

#banner a {
	margin: 0;
	padding: 0;
	font-size: 0;
}

#address {
	font-size: 1.5em;
	color: #FF9;
	}
	
.email {
	font: 1.5em;
	color: #FF0;
}

#content {
	width: auto;
	background-color: #e4c6a5;
	color: #6D2106;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-box-shadow: 0 0 3px 3px #000;
	-webkit-box-shadow: 0 0 3px 3px #000;
	box-shadow: 0 0 2px 2px #000;
	  }	
	  
#nav {
	width: auto;
	height: 43px;
	background-color: #E5D3C0;
	padding-left: 10px;
	padding-right: 10px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-moz-box-shadow: 0 0 3px 3px #000;
	-webkit-box-shadow: 0 0 3px 3px #000;
	box-shadow: 0 0 2px 2px #000;
}

#nav ul {
	margin: 0px;
	padding: 0px;
}	
		#service {
			width: 470px;
			font-size: 1.05em;
			text-align: center;
			margin: 1px;
			padding: 1px;
			
			}
		
		#directions {
			width: 470px;
			font-size: 1.05em;
			text-align: center;
			margin: 1px;
			padding: 1px;
			float: right;
		}
		
		.content_top_font {
			color: #C00;
		}
		
		.content_top_links {
			text-decoration: none;
		}
		
  
#top_links {
	width: auto;
	height: 30px;
	margin: 1px;
	padding: 1px;
	text-decoration: none;
	position: relative;
}

#top_links a, p {
	text-decoration: none;
	margin: 0px;
	padding: 5px;
}


		#service {
			width: 470px;
			font-size: 1.05em;
			text-align: center;
			position: absolute;
			top: 0px;
			left: 0px;
			}
		
		#directions {
			width: 470px;
			font-size: 1.05em;
			text-align: center;
			position: absolute;
			top: 0px;
			right: 0px;
		}
		
		.content_top_font {
			color: #C00;
		}

#content a {
	margin: 0px;
	padding: 1px;
	
}

#wrap_sub {
	margin: 4px;
	padding: 1px;
	width: auto;
	color: #FFF;
	background-color: #631A04;
	background-repeat: no-repeat;
	border-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-box-shadow: 0 0 2px 3px #000;
	-webkit-box-shadow: 0 0 2px 2px #000;
	position: relative;
	}

#wrap_sub p {
	color: #FFF;
	
	}
	
#inner_wrap {
	margin: 10px;
	padding: 10px;
	color: #FFF;
}
	
#inner_wrap a {
	color: #FF6;
	font-size: 1.1em;
}

#right_links {
	background-color: #FFF;
	width: auto;
	margin: 5px;
	padding: 5px;
	float: right;
}

.right_links {
	margin: 10px;
}

#bottom {
	width: 952px;
	margin: 4px;
	padding: 0px;
			
}

#bottom a {
	color: #872F12;
}
	

#footer {
	width: 960px;
	text-align: center;
}

#footer p, address {
	margin: 4px;
	font-family: tahoma;
	font-size: 10px;
	color: #b58e76;
}
	
#site_nav {
	width: 300px;
	float: right;
}

#calendar {
	margin-top: 20px;
	padding: 5px;
}

	
	
h2 {
	font-size: 1.9em;
	font-weight: bold;
	color: #E4C6A5;
	}

h3 {
	font-size: 1.7em;
	color: #FF9;
	height: 1px;
}

ul {
	font-size: 1.5em;
	list-style-type: circle;
}

.content_img {
	float: left;
	width: auto;
	border: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	
}

.contentheading {
	width: 600px;
	color: #fff;
	background-image: url(../images/content_headings.png);
	background-repeat: no-repeat;
	background-position: 0px 16px;
	padding-top: 2px;
	padding-left: 20px;
	padding-bottom: 2px;
	margin: 10px;
	}

.contentheading h1{
	font-size: 2.5em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

		#wrap_sub.aboutus {
			background-image: url(../images/about_us_header.png);
			border-bottom: #000 thin;
		}
			
		#wrap_sub.connected {
			background-image: url(../images/header_connected.png);
		}
		
		#wrap_sub.missions {
			background-image: url(../images/header_missions.jpg);
		}
		
		#wrap_sub.calendar {
			background-image:url(../images/header_calendar.png);
		}
			
		#wrap_sub.visitors {
			background-image: url(../images/header_visitors.png)
		}
		
		#wrap_sub.resources {
			background-image: url(../images/header_resources.png);
		}

blockquote {
	font-size: 1.35em;
	color: #FF0;
}

.sub {
	float: right;
	margin-left: 10px;
	border: 1px #FFF;
	margin-bottom: 10px;
}

.picandcaption {
	float: right;
	margin-left: 10px;
	border: 1px solid #F60;
	margin-bottom: 10px;
	width: 400px;
	color: #FFF;
	text-align: center;
}

#elder_deacon {
	width: 225px;
	vertical-align: text-top;
	border: none;
}

td.small_groups {
	padding: 15px;
	}

.table {
	width: 100%;
	
}

.table td{
	vertical-align: top;
	border-left: 1px #FFF solid;
	border-right: 1px #FFF solid;
	padding: 10px;
}
figure {
	display: table;
	margin: auto;
	text-align: center;
	}