body {
	margin: 0 auto;
	text-align:center;
	background: #000 url('../images/layouts/body_bg.png') top center repeat-y;
}

object { outline:none; }

#mainContainer {
	position: relative;
	width: 1064px;
	margin: 0 auto;
	padding: 0px;
}

	#abs_right {
		position: absolute;
		background: url('../images/layouts/main_static_right.png') no-repeat;
		width: 478px;
		height: 610px;
		left: 710px;
		z-index: 0;
		margin: 0;
		padding: 0;
	}
	
	#contentContainer {
		position: relative;
		width: 100%;
		margin: 0;
		padding: 0;
	}
		
		#content {
			position: relative;
			width: 100%;
			margin: 0;
			padding: 0;
		}
		
			#top {
				position: relative;
				width: 100%;
				height: 460px;
				margin: 0;
				padding: 0;
				z-index: 1;
			}
			
				#left {
					position: relative;
					float: left;
					background: url('../images/layouts/main_static_left.jpg') no-repeat;
					width: 635px;
					height: 460px;
					margin: 0;
					padding: 0;
					z-index: 1;
				}
				
					#top_menu {
						position: absolute;
						background: url('../images/layouts/top_menu.png') no-repeat;
						width: 122px;
						height: 28px;
						left: 152px;
						z-index: 1;
						margin: 0;
						padding: 0;
					}
					
						#link_home {
							position: absolute;
							width: 42px;
							height: 18px;
							background: url('../images/layouts/trans.png');
							top: 0px;
							left: 11px;
							margin: 0;
							padding: 0;
						}
						
						#link_contact {
							position: absolute;
							width: 50px;
							height: 18px;
							background: url('../images/layouts/trans.png');
							top: 0px;
							left: 59px;
							margin: 0;
							padding: 0;
						}
					
					#logo {
						position: absolute;
						left: 166px;
						top: 52px;
						z-index: 1;
						margin: 0;
						padding: 0;
					}
					
					#quote {
						position: absolute;
						background: url('../images/layouts/quote.png') top left no-repeat;
						width: 498px;
						height: 218px;
						left: 160px;
						top: 58px;
						margin: 0;
						padding: 0;
						z-index: 2;
						
					}
					
					#welcome_txt {
						position: absolute;
						font-family: Arial, Helvetica;
						top: 286px;
						left: 164px;
						color: #fff;
						z-index: 1;
						line-height: 18px;
						margin: 0;
						padding: 0;
						text-align: left;
					}
				
				#flash {
					position: relative;
					width: 429px;
					height: 460px;
					float:left;
					outline:none;
				}
		
			#priNav_container {
				position: absolute;
				top: 458px;
				left:120px;
				width: 945px;
				height: 35px;
				z-index: 2;
				background-color: #000;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
			
				#priNav {
					margin:0;
					padding: 0;
					width: 945px;
					height: 35px;
				}
				
				#priNav_container h2 {
					display: none;
				}
				
					#priNav li {
						position: relative;
						list-style-type: none;
						display: inline; /* use this to align the navigation next to each other */
					}
				
						#priNav li a {
							padding: 10px 25px 10px 0px; /* padding strictly for the background to show completely */
							line-height: 35px; /* need this to actually stretch the button size because it's inline */
							color: #fff;
							font-family: Arial,Helvetica,sans-serif;
							font-size: 13px;
							text-decoration: none;
							text-transform: uppercase;
						}
						
						#priNav li a:hover, #priNav li a.active, #priNav li a.active:hover {
							color: #33CCCC;
						}
						
		#blankspacer {
			position: relative;
			width: 100%;
			height: 44px;
		}
		
		#bottom {
			position: relative;
			width: 1075px;
			height: 200px;
			background: url('../images/layouts/bottom_bg.png') top center no-repeat;
		}
		
			#spacer_left1 {
				position: relative;
				float: left;
				width: 122px;
				height: 200px;
			}
			
			#flash_event_box {
				position: relative;
				float: left;
				margin-top:26px;
				width: 274px;
				height: 180px;
			}
			
			#spacer_left2 {
				position: relative;
				float: left;
				width: 60px;
				height: 200px;
			}
			
			#roll_over_nav {
				position: relative;
				float: left;
				width: 352px;
				height: 200px;
			}
			
				.rollover_spacer1 {
					position: relative;
					width: 100%;
					height: 26px;
				}
				
				#btn1 {
					position: relative;
					width: 352px;
					height: 49px;
					background: url('../images/layouts/main_upcoming_events.png');
				}
				
					#btn1:hover {
						background: url('../images/layouts/main_upcoming_events_hover.png');
					}
				
				.rollover_spacer2 {
					position: relative;
					width: 100%;
					height: 5px;
				}
				
				#btn2 {
					position: relative;
					width: 352px;
					height: 49px;
					background: url('../images/layouts/main_devotion.png');
				}
				
					#btn2:hover {
						background: url('../images/layouts/main_devotion_hover.png');
					}
				
				#btn3 {
					position: relative;
					width: 352px;
					height: 49px;
					background: url('../images/layouts/main_parents.png');
				}
				
					#btn3:hover {
						background: url('../images/layouts/main_parents_hover.png');
					}
			
			#spacer_left3 {
				position: relative;
				float: left;
				width: 54px;
				height: 200px;
			}
			
			#mystory {
				position: relative;
				float: left;
				width: 187px;
				height: 183px;
			}
						
		#footer {
			position: relative;
			width: 950px;
			height: 20px;
			margin: 20px 0 0 125px;
		}
		
			#copy {
				float:left;
			}
			
			#right {
				float:right;
			}
			
			#footer p {
				font-family: "Arial Rounded MT Bold";
				font-size: 10px;
				color: #fff;
				line-height: 15px;
			}
			
			#footer p a:link, #footer p a:visited {
				color: #fff;
				text-decoration: underline;
			}
			
			#footer p a:hover, #footer p a:active {
				color: #fff;
				text-decoration: underline;
			}

