@import "grace_church_subpage.css";

/* GLOBAL
**************************************************/
* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/page_bg.jpg) top left repeat-x;
	font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
}

ul {
	list-style-type: none;
}

	ul li {
		display: block;
			float: left;
	}

img {
	border: none;
}

fieldset {
	border: none;
}

div#main {
	width: 1000px;
	margin: 0 auto;
	
	position: absolute !ie;
		top: 0px !ie;
		left: 50% !ie;
	margin: 0 0 0 -550px !ie;
}



/* HEADER
**************************************************/
	div#header {
		width: 1000px;
		height: 30px;
		background: url(../images/header_bg.jpg) top left no-repeat;
	}
	
		div#header h1.homeLink {
			display: block;
				float: left;
			width: 400px;
			padding: 0 0 0 16px;
			background: url(../images/header_arrow.jpg) center left no-repeat;
			font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
			color: #eee4d8;
			line-height: 30px;
		}

			div#header span {
				color: #cbbc9e;
				font-weight: bold;
				font-style: italic;
			}

		div#header div.headerLinks {
			display: block;
				float: right;
				clear: right
			
		}

			div#header div.headerLinks ul {
				height: 14px;
				padding: 8px 0;
				line-height: 14px;
			}

				div#header div.headerLinks ul li {
					padding: 0 10px;
					border-left: 1px dotted #818f4b;
					list-style-image: url(../images/header_arrow.jpg) center center;
				}

				div#header div.headerLinks ul li.first {
					border-left: none;
				}
				
					div#header div.headerLinks ul li a {
						color: #fff;
						text-decoration: none;
					}
					
					div#header div.headerLinks ul li a:hover {
						color: #cbbc9e;
					}



/* BODY
**************************************************/
	div#body {
		width: 1000px;
		margin: 0;
		padding: 24px 0 10px 0;
		background: url(../images/body_bg.jpg) top left repeat-x;
	}
		
		div#logo {
			position: absolute;
				top: 52px !ie;
				left: -2px !ie;
				z-index: 2;
			width: 194px;
			height: 192px;
			margin: 0 0 0 5px;
		}

			div#logo img {
				width: 194px;
				height: 192px;
			}

		div#heading {
			position: absolute;
			
			width: 297px;
			height: 25px;
			padding: 6px 0 0 686px;
			font: normal 14px Trebuchet MS, Arial, Helvetica, sans-serif;
			color: #818f4b;
			line-height: 25px;
			
			padding: 1px 0 0 686px !ie;
		}
			div#heading div.title {
				display: block;
					float: left;
			}

			div#heading div.schedule {
				display: block;
					float: left;
					width: 200px;
					margin-left: -70px;
			}
				div#heading div.schedule ul {
					width: 286px;
				}
					div#heading div.schedule ul li.service_times {
						padding: 0 7px 0 0;
						font-size: 12px;
						color: 9e9e9e;
					}
					
					div#heading div.schedule ul li.first, div#heading div.schedule ul li.second, div#heading div.schedule ul li.third {
						height: 25px;
						padding: 0 1px;
						font-size: 11px;
						font-weight: bold;
						color: #fff;
						text-align: center;
					}
					div#heading div.schedule ul li.first {
						width: 63px;
						background: url(../images/first_service_bg.jpg) top left no-repeat;
					}
					div#heading div.schedule ul li.second {
						width: 64px;
						background: url(../images/second_service_bg.jpg) top left no-repeat;
					}
					div#heading div.schedule ul li.third {
						width: 69px;
						padding: 0 0 0 1px;
						background: url(../images/third_service_bg.jpg) top left no-repeat;
					}
		
		div#home_img {
			width: 1000px;
			height: 352px;
			margin: 31px 0 0 0 !important;
			margin: 7px 0 0 0 !ie;
		}
		
		div#body_img {
			width: 512px!important;
			height: auto!important;
			
			margin: 5px 0 10px 0;
		}
		
			div#body_img img {
				width: 512px;
				height: auto!important;
				
				border: none;
				
			}
			
		div.aboutLinks {
			margin: 5px 0 10px 0;
		}
		
			div.aboutLinks a {
				color: #6e931b;
			}
			
			div.aboutLinks a:hover {
				color: #f00;
			}
		
		/* Menu */	
		div#menu {
			width: 1000px;
			height: 100px;
			padding: 7px 0 10px 0;
			font: normal 22px Georgia, Times New Roman, Times, serif;
		}
		
			div#menu ul {
				width: 1000px;
				height: 100px;
			}
			
				div#menu ul li {
					width: 163px!important;
					height: 98px;
					
					margin: 0 1px;
					
					border: 1px solid #e8ebdb;
					
					text-align: center;
					line-height: 100px;
				}
				
				div#menu ul li.about_grace {
					margin: 0 1px 0 0;
					background: url(../images/menu_bg_01.jpg) top left no-repeat;
				}
				
				div#menu ul li.about_grace a:hover {
					margin: 0 1px 0 0;
					background: url(../images/menu_bg_01_hover.jpg) top left no-repeat;
				}
				
				div#menu ul li.im_new {
					width: 163px!important;
					background: url(../images/menu_bg_02.jpg) top left no-repeat;
				}
				
				div#menu ul li.im_new a:hover {
					background: url(../images/menu_bg_02_hover.jpg) top left no-repeat;
				}
				
				div#menu ul li.ministries {
					background: url(../images/menu_bg_03.jpg) top left no-repeat;
				}
				
				div#menu ul li.ministries a:hover {
					background: url(../images/menu_bg_03_hover.jpg) top left no-repeat;
				}
				
				div#menu ul li.calendar, div#menu ul li.newsletters {
					width: 163px!important;
					background: url(../images/menu_bg_04.jpg) top left no-repeat;
				}
				
				div#menu ul li.calendar a:hover, div#menu ul li.newsletters a:hover {
					background: url(../images/menu_bg_04_hover.jpg) top left no-repeat;
				}
				
				div#menu ul li.messages {
					background: url(../images/menu_bg_05.jpg) top left no-repeat;
				}
				
				div#menu ul li.messages a:hover {
					background: url(../images/menu_bg_05_hover.jpg) top left no-repeat;
				}
				
				div#menu ul li.grace_online {
					margin: 0 0 0 1px;
					background: url(../images/menu_bg_06.jpg) top left no-repeat;
				}
				
				div#menu ul li.grace_online a:hover {
					margin: 0 0 0 1px;
					background: url(../images/menu_bg_06_hover.jpg) top left no-repeat;
				}
				
					div#menu ul li a {
						color: #564b3b;
						text-decoration: none;
						display: block;
					}
					
					div#menu ul li a:hover {
						color: #000;
					}



/* FOOTER
**************************************************/
		div#footer {
			width: 1000px;
			height: 80px;
			margin: 0 0 48px 0;
			font: normal 12px Trebuchet MS, Arial, Helvetica, sans-serif;
		}
		
			div#footer div.top {
				width: 950px;
				height: 14px;
				padding: 10px 25px 14px 25px;
				background: url(../images/footer_bg.jpg) top left no-repeat;
				color: #a4a69a;
			}
			
				div#footer div.copy {
					display: block;
						float: left;
					width: 400px;
				}
					div#footer div.copy span {
						color: #818f4b;
					}
					
				div#footer div.footerLinks {
					display: block;
						float: left;
					width: 145px;
					margin: 0 0 0 405px;
				}
				
					div#footer div.footerLinks ul {
						
					}
					
						div#footer div.footerLinks ul li {
							padding: 0 10px;
							border-left: 1px dotted #818f4b;
						}
						
						div#footer div.footerLinks ul li.first {
							border: none;
						}
						
							div#footer div.footerLinks ul li a {
								color: #818f4b;
								text-decoration: none;
							}
							
							div#footer div.footerLinks ul li a:hover {
								color: #3d342a;
							}
			
			div#footer div.bottom {
				width: 1000px;
				height: 26px;
				margin: 16px 0 0 0;
			}
			
				div#footer div.bottom ul {
					color: #a6a89f;
				}
				
					div#footer div.bottom ul li {
						width: 1000px;
						text-align: center;
					}
					
						div#footer div.bottom ul li a {
							color: #818f4b;
							text-decoration: none;
						}
						
						div#footer div.bottom ul li a:hover {
							color: #3d342a;
						}

#linked2home a
{
	cursor: pointer!important;
	cursor: hand!important;
}

#ads
{
	margin: 10px 0;
	border: 1px solid #e2e8ca;
	padding: 5px 2px;
}

.adblock
{
	position: relative;
		top: 0;
		left: 0;
	width: 324px;
	height: 151px;
	display: inline;
	margin: 0 auto;
	padding: 2px;
}

#flashcontentMain
{
	z-index: 0!important;
}