/************************************************************************
/ Default Styles
/************************************************************************/

div, body, html {
	margin: 0;
	padding: 0;
}

body, html {
	height: 100%;
	width: 100%;
}

body {
	background: #e2dcba;
}

a:hover, a:active, a:focus, a:active {
    outline: none;
    -moz-outline-style: none;
}

a img {
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

/************************************************************************
/ Page Styles
/************************************************************************/

#header-wrapper, #container-wrapper, #footer-wrapper {
	width: 100%;
}
	
	#header, #container-top, #container-bottom {
		margin: 0 auto;
		width: 937px;
	}

#header-wrapper {
	background: #c5d2c0;
}

	#header {
		background: url(../images/bg-header.gif) no-repeat;
		height: 156px;
	}

#container-wrapper {
	background: #5e7e8e;
}

	#container-top {
		background: url(../images/bg-container-top.gif) no-repeat top center #5e7e8e;
	}
	
	#container-bottom {
		background: url(../images/bg-container-bottom.gif) no-repeat bottom center;
		padding-bottom: 50px;
	}
		
		#wrapper {
			margin: 0 auto;
			width: 860px;
		}
			
	
/************************************************************************
/ Navigation Styles
/************************************************************************/

#nav {
	height: 34px;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	width: 860px;
}

	#nav ul {
		margin: 0;
	}

		#nav ul li {
			float: left;
			list-style-type: none;
			height: 34px;
		}
		
			#nav ul li a span {
				display: none;
			}
			
#nav2 {
	float: right;
	height: 15px;
	margin: 35px 40px 0 0;
	width: 463px;
}

	#nav2 ul {
		margin: 0;
	}
	
		#nav2 ul li {
			float: left;
			list-style-type: none;
			height: 15px;
			padding: 0;
		}

/************************************************************************
/ Index Page Styles
/************************************************************************/
	
#flash {
	float: 	left;
	height:	246px;
	width:	567px;
}
	
#feature-news {
	background: url(../images/bg-feature-news.gif) no-repeat;
	float: left;
	height: 241px;
	margin-left: 18px;
	padding: 5px 0 0 15px;
	width: 260px;
}

	#feature-news ul {
		margin: 0 0 5px 15px;;
	}
	
#feature-shrine, #feature-children, #feature-faith {
	float: left;
	margin-top: 14px;
}

	#text {
		height: 206px;
	}
		
		#learn-more {
			height: 23px;
		}

#feature-shrine {
	background: url(../images/bg-feature-shrine.jpg) no-repeat;
	height: 229px;
	width: 454px;
}

#feature-children {
	background: url(../images/bg-feature-children.gif) no-repeat;
	height: 229px;
	margin-left: 7px;
	width: 213px;
}

#feature-faith {
	background: url(../images/bg-feature-faith.gif) no-repeat;
	height: 229px;
	margin-left: 15px;
	width: 171px;
}

/************************************************************************
/ Interior Styles
/************************************************************************/

#interior-wrapper {
	background: url(../images/bg-interior-wrapper.gif) repeat-y;
}
	
		#sidebar {
			float: left;
			background: url(../images/bg-sidebar-top.gif) no-repeat top center;
			min-height:500px;
  				height:auto !important; /* These lines make min-height */
  				height:500px;			/* work in IE				   */
			width: 204px;
		}
		
		
		/************************************************************************
		/ LEVEL ONE STYLES
		/************************************************************************/
		
			#sidebar ul {
				margin-left: 20px;
			}
			
				#sidebar ul li {
					border-bottom: 1px solid #4D5659;
					list-style-type: none;
					margin-right: 22px;
					padding: 5px 0;
				}
					
					#sidebar ul li a {
						color: #6e8082;
						font-size: 11px;
						font-weight: bold;
						letter-spacing: 1px;
						text-decoration: none;
						text-transform: uppercase;
					}
					
						#sidebar ul li a:hover, #sidebar ul li.on a {
							color: #3e4f51;
						}
						
		/************************************************************************
		/ LEVEL TWO STYLES
		/************************************************************************/
		
			#sidebar ul li ul {
				margin-top: 0;
			}
			
				#sidebar ul li ul li {
					border: none;
					list-style-type: disc;
					padding: 5px 0 0;
					margin-right: 0;
				}
				
					#sidebar ul li ul li a {
						font-size: 10px;
						letter-spacing: 0;
					}
					
					#sidebar ul li.on ul li a {
						color: #6e8082;
					}
					
					#sidebar ul li ul li a:hover, #sidebar ul li.on ul li.on a {
						color: #3e4f51;
					}
		
		/************************************************************************
		/ LEVEL THREE STYLES
		/************************************************************************/
		
		#sidebar ul li.on ul li.on ul li a {
			color: #6e8082;
		}
		
		#sidebar ul li.on ul li.on ul li a:hover, #sidebar ul li.on ul li.on ul li.on a {
			color: #3e4f51;
		}
		
		/************************************************************************
		/ LEVEL FOUR STYLES
		/************************************************************************/
	
		#sidebar ul li.on ul li.on ul li.on ul li a {
			color: #6e8082;
		}
		
		#sidebar ul li.on ul li.on ul li.on ul li a:hover, #sidebar ul li.on ul li.on ul li.on ul li.on a {
			color: #3e4f51;
		}
	
	#content {
		float: left;
		padding: 15px 40px 15px 45px;
		width: 570px;
	}

/************************************************************************
/ Footer Styles
/************************************************************************/

#footer-wrapper {
	background: #e2dcba;
}

	#footer {
		background: url(../images/bg-footer.gif) no-repeat top center;
		height: 95px;
		margin: 0 auto;
		padding-top: 20px;
		width: 860px;
	}
	
		#footer div {
			float: left;
			height: 56px;
		}
	
		#footer #left {
			border-right: solid 1px #b6b4a8;
			width: 136px;
		}
		
		#footer #middle {
			border-right: solid 1px #b6b4a8;
			padding: 0 10px;
			width: 507px;
		}
		
		#footer #right {
			padding-left: 25px;
			width: 165px;
		}