/*-------------------------------
	   MAIN INFORMATION
--------------------------------*/
body {margin:0; padding:0; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; background:#E0E1E4 url(../images/faithback23.gif) repeat-x scroll left top; text-align:left;}

/*--------------------------------
	HEADINGS, LINKS, UL CLASSES
---------------------------------*/
h1, h2, h3, h4, p {margin:0; padding:0;}
h1 {color:#663333; font-family:"Century Gothic", "Gill Sans MT", Arial, sans-serif; font-size:50px; margin-bottom:20px; letter-spacing:-2px;}
h2 {color:#333; font-size:24px; font-style:normal; letter-spacing:-1px; line-height:28px; margin-bottom:12px;}
h3 {color:#663333; font-size:18px; margin-bottom:8px;}
h4 {color:#000; font-size:28px; letter-spacing:-1px; margin-bottom:12px; padding-top:2px;}
p {color:#000; font-size:14px; padding:0; line-height:140%;}

ul {margin:10px 0 10px 5px; padding:0;}
ul li {list-style-position:outside; list-style-type:none; margin:0; padding:0 0 0 5px;}
a {color:#663333; text-decoration:none;}
a:hover {text-decoration:none;}

.sidebar {color:#FFF;}
.specialh2 {color:#663333;}
.sideNotes {color:#666; font-size:12px; margin:12px 0 20px 0;}
.staff {color:#000 !important; margin-bottom:8px !important;}
.contactLink {font-size:12px;}
.contactbottom {color:#CCC; font-size:11px; margin:0; padding:0; clear:both;}
.description {color:#666; font-size:12px; font-style:italic;}
.clear {clear:both;}
/*-------------------------------------
			MAIN COMPONENTS
---------------------------------------*/
#indexWrapper {background-color:#161616; float:left; text-align:left; width:100%;}

#topWrapper {border-top:8px solid #161616; float:left; text-align:left; width:100%; clear:both;}
#indexTab {float:right; height:25px; width:212px; border:0;}

#webNotice {float:right; display:none; width:540px; height:60px; padding:10px; margin-top:20px; color:#663333; background-color:#FFF;}

#siteIndex {height:180px; width:960px; margin:0 auto 20px auto; padding:10px 0;}
	#siteIndex dl {float:left; font-size:11px; line-height:16px; overflow:hidden; padding:0 20px 0 0; margin-top:8px; width:164px;}
	#siteIndex dt {color:#FFF; font-weight:bold; padding:0;}
	#siteIndex dd {padding:1px 0;}
	#siteIndex a {text-decoration:none;}
	#siteIndex dt a {color:#FFF;}
	#siteIndex dd a {color:#999;}
	#siteIndex a:hover {color:#FFF; text-decoration:none;}
	#siteIndex p {color:#FFF !important;}

#imageWrapper {width:100%; height:160px;}
#mapFeatures {float:right; width:160px; height:160px; margin-top:4px; padding:20px; padding-bottom:6px; color:#FFF; background-color:#232323; overflow:hidden;}
#top {width:960px; height:80px; margin:0 auto 0 auto; padding:0;}

#Wrapper {width:100%; height:auto; background:#E0E1E4 url(../images/faithback23.gif) repeat-x top; border-top:solid #CCC 3px; clear:both;}

#faithLogo {position:absolute; width:275px; height:126px; left:22px; top:-90px; z-index:997;}
#navigation {position:relative; width:980px; height:50px; margin:60px auto 50px auto; padding:0; background:url(../images/homeback.gif) top; border:solid #CCC 1px; border-bottom:solid #CCC 2px; text-align:right; clear:both;}
	#navad {position:absolute; top:-68px; left:640px; width:auto; height:auto;}

#titleHead, #titleHead2 {position:relative; width:960px; height:auto; padding:20px 10px; margin:0 auto 0 auto; clear:both;}
#columnDiv1 {position:relative; float:left; width:580px; height:auto; padding:10px 20px 0 0;}
#columnDiv2 {float:right; width:250px; height:auto; padding:10px 0 30px 30px; border-left:solid #CCC 1px;}

#mainContent {position:relative; width:960px; height:auto; margin:10px auto 30px auto; padding:0 30px; text-align:left;}

#insideContainer {float:left; width:560px; height:auto; padding:20px 16px 20px 0;}

#logo {float:left; height:49px; margin-top:32px; width:433px;}
#headerDivs {width:430px; height:auto; margin-right:30px; padding-right:20px;}

#sideLinks {float:left; width:210px; height:auto; margin-bottom:30px;}
	#sideLinks ul {list-style-type:none; margin:0; padding:0;}
	#sideLinks li {display:block; padding:4px; border-bottom:solid #CCC 1px;}
	#sideLinks li:hover {background-color:#F3F3F3;}
	#sideLinks a {font-size:14px;}

#footer {width:100%; height:auto; margin-top:40px; padding:30px 0 10px 0; color:#CCC; clear:both;}
	#footerIndex dl {float:left; line-height:20px; overflow:hidden; margin-top:8px; width:230px; text-align:left;}
	#footerIndex dt {color:#333; font-size:20px; font-weight:bold; padding:0; margin-left:30px; margin-bottom:4px;}
	#footerIndex dd {color:#333; padding:1px 0; font-size:13px; margin-left:30px;}
	#footerIndex a {text-decoration:none;} #footerIndex a:hover {color:#000; text-decoration:underline;}
	#footerIndex dt a {color:#000;}
	#footerIndex dd a {color:#666;}
	#footerIndex p {color:#000 !important; font-size:14px; font-weight:bold; margin-left:40px;}

#footerLinks {width:940px; text-align:right; height:auto; padding-top:20px; padding-right:20px; margin:0 auto; border-top:solid #CCC 1px; clear:both;}
#copyright {width:960px; text-align:right; height:auto; margin:30px auto;} #copyright p {font-size:11px; color:#666;}
/*-------------------------------------
			INDEX PAGE
---------------------------------------*/
#buttonWrap {float:left; height:auto; width:640px;}
#button2Wrap {float:right; height:auto; width:310px;}

.button, .button2 {height:auto;}
	.button {float:left; width:600px; padding:30px 20px; background:#FFF url(../images/homeback2.gif) repeat-x top; border:solid #CCC 1px; border-bottom:solid #CCC 2px; margin-bottom:16px;}
	.button2 {float:right; width:312px; padding:0;} .button2 img {margin-bottom:16px;}
	.buttonText p {color:#666; margin-bottom:16px; line-height:18px;} .buttonText a {color:#000 !important;} .button a:hover {text-decoration:underline !important;}
	.buttonTimes {color:#000; font-size:16px; font-weight:bold; margin-top:16px; word-spacing:2px;}

/*----------------------------
		MAIN IMAGES
-----------------------------*/
#farragutpics {position:absolute; background:url(../photos/farragutservice.png) no-repeat; width:225px; height:299px; left:-26px; top:134px;}
#lakepic {position:absolute; background:url(../photos/lakepic.png) no-repeat; width:248px; height:195px; left:675px; top:240px;}
#lakeHead, #farragutHead, #youthHead, #partnerHead, #formationHead {float:left; width:560px; height:200px; margin-bottom:36px; border:solid #FFF 3px; outline:solid #CCC 1px; clear:both;}
	#lakeHead{background:url(../photos/lakecampus.jpg) no-repeat;}
	#farragutHead {background:url(../photos/farragutcampus.jpg) no-repeat;}
	#youthHead {background:url(../photos/youthhead.jpg) no-repeat;}
	#partnerHead {background:url(../photos/clickfuneral.jpg) no-repeat;}
	#formationHead {background:url(../photos/faithformation.jpg) no-repeat;}
#ministryHead {position:absolute; background:url(../photos/ministriesmain.jpg) no-repeat; width:400px; height:320px; left:540px; top:-50px; z-index:3;}
#missionPic {position:absolute; width:280px; height:216px; background:url(../photos/missionmainpic.png) no-repeat; left:569px; top:-60px;}
#FAlogo {position:absolute; top:-184px; left:0; width:313px; height:172px; z-index:0; background:url(../images/faithalivelogo.png) no-repeat;}
#bememberphotos {position:absolute; width:667px; height:383px; background:url(../photos/bememberphotos.jpg) no-repeat top; left: -49px; top: 253px;}
#staffphotos {position:absolute; width:599px; height:168px; background:url(../photos/staffphotos.jpg) no-repeat top; left:363px; top:-50px;}
#contactpic {position:absolute; width:539px; height:313px; background:url(../photos/flccontactpic.jpg) no-repeat top; left:416px; top:-50px;}
#rings {position:absolute; width:262px; height:127px; background:url(../photos/rings.png) no-repeat top; left:652px; top:-60px;}
#pointer {position:absolute; width:45px; height:32px; background-image:url(../images/pointer.jpg); left:34px; top:-32px;}

/*-----------------------------
			OTHER
----------------------------*/
#worshipTimes, #locationDiv {padding:0; padding-top:10px !important; width:900px; margin-bottom:30px;}
#worshiptimes1, #worshiptimes2 {float:left; height:140px; padding:30px 180px 20px 0; width:266px; border-bottom:solid #CCC 1px; margin-bottom:16px;}

#pstaffDiv, #astaffDiv, #mstaffDiv {float:left; height:160px !important; width:276px !important; padding-top:0; padding-right:24px !important;} #pstaffDiv, #astaffDiv, #mstaffDiv p {color:#666;}
	
#bioDiv {float:left; width:900px; height:auto; padding-top:20px; margin-top:20px; border-top:solid #CCC 1px;}

#contactIcons {float:right; width:310px; margin-top:80px; padding-top:16px; text-align:right;}
	.contactIcons {margin-top:30px; margin-right:3px;}

#missionHead {position:relative; float:left; width:840px; height:auto; margin-top:20px; padding:30px; background-color:#663333;}
	#missionHead p {color:#CCC;}
#faqDiv {float:right; width:630px; height:400px;}
.motto {color:#FFF !important; font-family:Georgia, "Times New Roman", Times, serif; font-size:24px; margin-bottom:16px;}

/*---------------------------------
		FAITHALIVE
---------------------------------*/
#shoesElements {position:absolute; width:auto; height:auto; left: -1247px; top: 748px;}
#map {position:absolute; width:617px; height:260px; background:url(../faithalive/images/map.png) no-repeat top; z-index:5; left: 348px; top: 40px;}
#shoes {position:absolute; width:422px; height:330px; background:url(../faithalive/images/shoes.png) no-repeat top; z-index:0; left:146px; top:20px;}
#compass {position:absolute; width:127px; height:85px; background:url(../faithalive/images/compass.png) no-repeat top; z-index:6; left: 589px; top: 216px;}
#come {width:560px; height:124px; background:url(../faithalive/images/come.png) no-repeat;}
