/*** Application Layout ***/
#main {
	background-color:	#ffffff;
	width:				760px;
	padding:			0px;
	
	/* Using 'auto' for the left and right margins will ensure that the two
	 * margins are set equal to one another, therefore, centering the element
	 * on the page.
	 */
	margin-left:		auto;
	margin-right:		auto;
}

#banner {
	background:			url(../images/main_banner.jpg) no-repeat;
	width:				99%;
	height:				75px;
	padding-top:		5px;
	padding-right:		1%;
	margin-bottom:		3px;
	text-align:			right;
}

#banner a {
	color: 				#092f5e;
}

#navbar {
	background:			url(../images/navbar_bg.jpg) repeat-x;
	width:				100%;
	height:				20px;
}

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

#navbar li {
	display: 			inline;
}

#navbar a {
	background-repeat:	no-repeat;
	height:				20px;
	/* The float seems necessary for some reason in order to get the background
	 * images in each list "a" element below to appear correctly.
	 */
	float:				left;
}

#navbar_home a {
	background-image:	url(../images/navbar_home.jpg);
	width:				60px;
}

#navbar_aboutus a {
	background-image:	url(../images/navbar_aboutus.jpg);
	width:				100px;
}

#navbar_news a {
	background-image:	url(../images/navbar_news.jpg);
	width:				85px;
}

#navbar_photos a {
	background-image:	url(../images/navbar_photos.jpg);
	width:				85px;
}

#navbar_services a {
	background-image:	url(../images/navbar_services.jpg);
	width:				85px;
}

#navbar_sermons a {
	background-image:	url(../images/navbar_sermons.jpg);
	width:				85px;
}

#flash_notice {
	border: 			2px solid #00ff00;
	padding: 			10px;
	margin:				10px;
	background-color: 	#f0f0f0;
	font-weight:		bold;
}

#flash_error {
	border: 			2px solid #ff0000;
	padding: 			10px;
	margin-top:			10px;
	background-color: 	#f0f0f0;
	font-weight:		bold;
}

#footer {
	font-size:			85%;
	padding:			10px;
	text-align:			center;
	clear:				both;
}