/* UNIVERSAL */

html, body, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, blockquote, fieldset, input {
margin:0;
padding:0;
}

#sub_curve_md li, #sub_lightbluecurve_md li { margin-left: 16px; }
#bulletlist li { margin-left: 0px; color:#000; }

fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

#headerspacer { height: 20px; top: 0;}
#homecontent { width: 960px; position: relative; top: 0; }

.homeheader { position: relative;  }
.homeflash { position: relative;  }
.sidebar { position: relative; background: url(/sitefiles/1101/designfiles/home3/sidebar.png) no-repeat; height: 325px; width: 256px; }
.stories { position: relative; top: 20px; background: url(/sitefiles/1101/designfiles/home3/storybox.gif) no-repeat; height: 107px; width: 704px; padding-top: 19px;}
.imnew { position: absolute; right: 0; }
.lefthome { width: 704; }
.righthome { width: 256; position: absolute; top: 44px; right: 0px; }
.bottomboxes { position: relative; width: 960px; height: 144px; top: 40px; }
.homefooter { position: relative; top: 54px; }

#watchstories { background: url(/sitefiles/1101/designfiles/home3/watchstories.png) no-repeat; width: 161px; height: 40px; position: absolute; bottom: 0px; left: 160px; }
#tellyourstory { background: url(/sitefiles/1101/designfiles/home3/tellyourstory.png) no-repeat; width: 161px; height: 40px; position: absolute; bottom: 0px; left: 340px; }
#inviteafriend { background: url(/sitefiles/1101/designfiles/home3/inviteafriend.png) no-repeat; width: 161px; height: 40px; position: absolute; bottom: 0px; left: 520px; }

#doinglife { text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color: #555555; position: absolute; left: 10px; width: 256px; top: 36px; }
#sideworship { background: url(/sitefiles/1101/designfiles/home3/worship.png) no-repeat; width: 228px; height: 35px; position: absolute; top: 60px; left: 0; }
#sidechildren { background: url(/sitefiles/1101/designfiles/home3/children.png) no-repeat; width: 228px; height: 35px; position: absolute; top: 102px; left: 0; }
#sidestudents { background: url(/sitefiles/1101/designfiles/home3/students.png) no-repeat; width: 228px; height: 35px; position: absolute; top: 144px;left: 0;  }
#sidecommunitylife { background: url(/sitefiles/1101/designfiles/home3/communitylife.png) no-repeat; width: 228px; height: 35px; position: absolute; top: 186px; left: 0; }
#sideoutreach { background: url(/sitefiles/1101/designfiles/home3/outreach.png) no-repeat; width: 228px; height: 35px; position: absolute; top: 228px; left: 0; }

#socialmedia { width: 256px; position: absolute; top: 0; }
#mediaplayer { background: url(/sitefiles/1101/designfiles/home3/mediaplayer.gif) no-repeat; width: 33px; height: 33px; position: absolute; left: 20px; top: -44px;}
#facebook { background: url(/sitefiles/1101/designfiles/home3/facebook.gif) no-repeat; width: 33px; height: 33px; position: absolute; left: 56px; top: -44px; }
#twitter { background: url(/sitefiles/1101/designfiles/home3/twitter.gif) no-repeat; width: 33px; height: 33px; position: absolute; left: 92px; top: -44px; }
#podcast { background: url(/sitefiles/1101/designfiles/home3/podcast.gif) no-repeat; width: 33px; height: 33px; position: absolute; left: 128px; top: -44px; }
#messageboards { background: url(/sitefiles/1101/designfiles/home3/messageboards.gif) no-repeat; width: 33px; height: 33px; position: absolute; left: 164px; top: -44px; }
#flickr { background: url(/sitefiles/1101/designfiles/home3/flickr.gif) no-repeat; width: 33px; height: 33px; position: absolute; left: 200px; top: -44px; }

/*** FOOTER STYLES ***/

#myfooter { background: url(/sitefiles/1101/designfiles/home3/footerbg.png) no-repeat; width: 960px; height:174px; position: relative; width: 960px; top: 10px; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; color:#666; font-size: 11px; }
.homefooter2 { position: relative; top: 24px; }

#footerheader { width: 500px; height: 30px; position: absolute; top: 8px; left: 8px; text-align: left; }
.children { background: url(/sitefiles/1101/designfiles/home3/childrenicon.png) no-repeat left; height:20px; width: 20px; left: -22px; top: -3px; position: absolute; }
.students { background: url(/sitefiles/1101/designfiles/home3/studentsicon.png) no-repeat left; height:20px; width: 20px; left: -22px; top: -3px; position: absolute; }
.outreach { background: url(/sitefiles/1101/designfiles/home3/outreachicon.png) no-repeat left; height:20px; width: 20px; left: -22px; top: -3px; position: absolute; }
.col1 { width: 155px; height: 130px; position: absolute; text-align:left; left: 0px; text-align:left; }
.col2 { width: 190px; height: 130px; position: absolute; text-align:left; left: 155px; }
.col3 { width: 130px; height: 130px; position: absolute; text-align:left; left: 345px; }
.col4 { width: 140px; height: 130px; position: absolute; text-align:left; left: 475px; }
.col5 { width: 170px; height: 130px; position: absolute; text-align:left; left: 615px; }
.col6 { width: 160px; height: 130px; position: absolute; text-align:left; left: 780px; }

.footerheadertext { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #0d60b4; background: url(/sitefiles/1101/designfiles/home3/fairfaxicon.png)  left no-repeat; padding-left: 24px; }
.footerheadertext a, .footerheadertext a:visited { text-decoration:none; color: #0d60b4; }
.footerheadertext a:hover,.footerheadertext a:active { text-decoration:underline; color: #000000; }
#socialmediafooter { width: 256px; position: absolute; top: 37px; left: 714px; }
#footerlinks { width: 960px; height: 130px; position: absolute; top: 45px; left: 33px; line-height: 14px;}
.footertext { font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 11px; font-weight:normal; color: #666; line-height: 14px; }
.footertext a, .footertext a:visited { text-decoration:none; color: #0d60b4; line-height: 14px; }
.footertext a:hover,.footertext a:active { text-decoration:underline; color: #000000; line-height: 14px; }

#footerlinks a:link, #footerlinks a:visited { text-decoration:none; border:0px; color: #0d60b4; font-size:11px; line-height: 14px;}
#footerlinks a:hover, #footerlinks a:active { color: #000; line-height: 14px; text-decoration: underline;}
#footerlinks a.header { font-weight: bold; font-size: 14px; color:#000; line-height: 14px;}

td.footertext { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#858585; }
a.footerlink:link, a.footerlink:visited { color: #0d60b4; font-weight: normal; }
a.footerlink:hover, a.footerlink:active { color: #000000; }


/** END OF FOOTER STYLES ***/

div#q1, div#q2, div#q3, div#q4, div#q5, div#q6, div#q7, div#q8, div#q9,div#q10, div#q11, div#q12, div#q13 div#q14, div#q15, div#q16, div#q17, div#q18, div#q19, div#q20 { margin: 0px 20px 20px 20px; display: none; }


#enewsletter {
	background: url(/sitefiles/1101/designfiles/home3/enewsletter.jpg) no-repeat top;
	width: 180px;
	height: 144px;
}

.homequote { color: #FFF; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:14px; font-weight:500; width: 540px; text-align:left; left: 10px; }

#countdown {
	background: url(/sitefiles/1101/designfiles/home3/bluecountdown.png) no-repeat; 
	width: 210px;
	height: 44px; 
	position: absolute;
	top: -6px; /* -6px */
	
	left: 320px;
	z-index: 10;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:600;
	color:#FFF;
	font-size:12px;
	line-height: 14px;
	padding-top:4px;  /* 4px */
}

body {
	margin: 0px;
}

/*hr {
	border: 0;
	width: 100%;
	color: #262626;
	background-color: #262626;
	height: 1px;
	line-height: 1px;
	margin: 10px 0px;
	padding: 0px;}
	*/
ul li {
	padding: 0 0 0 0px;
	margin: 0px;
	/*background: url(../images/bullet.gif) no-repeat 0em 0.5em;*/
	/*list-style: none;*/}

/* TYPE */
body, p, div, li, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #6e6e6e;
}





#topWrapperDefault {
	width: 100%;
	float: left;
	text-align: left;
	background-image: url(/sitefiles/1101/designfiles/home3/topDefault.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}

/* TOP */
#top {
	margin: 0px auto;
	padding: 0px;
	height: 475px;
	position: relative;
}
#topDefault {
	margin: 0px auto;
	padding: 0px;
	
	height: 160px;
	position: relative;
	border-bottom-width: 30px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
	



#searchbox input { font: 'Helvetica Neue', Helvetica, Arial, sans-serif; background:transparent url(/sitefiles/1101/designfiles/home3/searchbox.jpg) no-repeat 0 0; border:none; font-size:.9em; color:#444444; padding:3px 10px 2px 20px; width:140px; height: 19px;  }

#search button { font: 'Helvetica Neue', Helvetica, Arial, sans-serif; background:transparent url(/sitefiles/1101/designfiles/home3/joinnow.png) no-repeat scroll 0 0; border:none; font-size:1.0em; color:#952200; padding:0px 10px 0px 10px; font-weight: bold; width:113px; height: 32px; margin-left: 121px; }

.searchButton { width: 0; height: 0; visibility:hidden; }

/*
#search { font-family:Arial, Helvetica, sans-serif; display:block; padding:35px 35px; border: 1px solid #CCCCCC; width: 330px; height: 40px; }

#SignUp input:focus, #search input:hover, #search button:focus, #search button:hover { background:transparent url(../images/formfield.png) no-repeat scroll -312px 0px; }

#search button:focus,
#search button:hover { background:transparent url(images/bg-search.png) no-repeat scroll -514px 0px; color:#fff; }
*/



/* Dragon Interactive -- Navigation Stylesheet */
/*" Rev 0.2 -- Last Updated December 17, 2007 "*/

#topWrapper {
	width: 100%;
	text-align:center;
	/*padding-top: 15px;*/
	background:#FFF;
	background: url(/sitefiles/1101/designfiles/home3/bar.jpg) repeat-x top;
	height: 55px;
}

div#navigation {
	
	position:relative;
	height: 40px;
	z-index: 2;
	width: 960;
	margin: 15px auto;
}

/* Logotype */

a#logotype {
	background: url(/sitefiles/1101/designfiles/home3/logotype2.jpg) no-repeat top left;
	
	height: 131px;
	width: 421px;
	
	display: block;
	position: absolute;
	top: 0;
	left: 48px;
	 /* 960/2 + 10px*/
	}

a#logotype h1,a#logotype span { display: none;  }

xa#logotype:hover { background-position: bottom left; }

a#logotype  .hover {
	background: url(/sitefiles/1101/designfiles/home3/logotype2.jpg) no-repeat bottom left;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 131px;
	width: 421px;
	}

x.home #logotype { display:none; }

/* Main Navigation */
/* 80 x 65 -> 130 x 40 */

#search
{
	width: 180px;
	height: 40px;
	background: url(/sitefiles/1101/designfiles/home3/searchback.jpg) no-repeat top left;
	float: right;
	position: relative;
	top: -40px;
	padding-top: 10px;
}

#navigation ul.level_0 {
	height: 40px;
	top: 0;
	left: 50%;
	right: 50%;
	/*margin-left: 120px; 
	margin-top: 15px;*/
	}

#navigation ul .home,#navigation ul .services,#navigation ul .portfolio,#navigation ul .about,#navigation ul .contact,#navigation ul .community {
	cursor: pointer;
	float: left;
	list-style: none;
	}

#navigation ul a.main {
	background: url(/sitefiles/1101/designfiles/home3/sprite.jpg) no-repeat top left;
	display: block;
	outline: none;
	position: relative;
	height: 40px;
	text-decoration: none;
	width: auto;
	}

#navigation ul a.main span { display:none; }

#navigation ul a.main span.tt {
	padding: 3px 10px 4px 10px;
	left: 0;
	}

/* Standard Links (div#navigation ul li a.main) */

#navigation ul .home a.main {
	background-position: 0 0;
	width: 130px;
	z-index: 1;
	}

#navigation ul .services a.main {
	background-position: -130px 0;
	width: 130px;
	z-index: 2;
	}

#navigation ul .portfolio a.main {
	background-position: -260px 0;
	width: 130px;
	z-index: 3;
	}

#navigation ul .about a.main {
	background-position: -390px 0;
	width: 130px;
	z-index: 4;
	}

#navigation ul .contact a.main {
	background-position: -520px 0;
	width: 130px;
	z-index: 5;
	}
	
#navigation ul .community a.main {
	background-position: -650px 0;
	width: 130px;
	z-index: 6;
	}

/* Active States (Body tag matchup) (Sprite Level 2) ( y = -70px ) */
/* 80 x 65 -> 130 x 40 */

.home #navigation .home a.main { background-position: 0 -40px; z-index: 7; }
.services #navigation .services a.main { background-position: -130px -40px; z-index: 7; }
.portfolio #navigation .portfolio a.main { background-position: -260px -40px; z-index: 7; }
.about #navigation .about a.main { background-position: -390px -40px; z-index: 7; }
.contact #navigation .contact a.main { background-position: -520px -40px; z-index: 7; }
.community #navigation .community a.main { background-position: -650px -40px; z-index: 7; }

/*
.home #navigation .home a.main { background-position: 0 -210px; z-index: 6; }
.services #navigation .services a.main { background-position: -102px -210px; z-index: 6; }
.portfolio #navigation .portfolio a.main { background-position: -217px -210px; z-index: 6; }
.about #navigation .about a.main { background-position: -337px -210px; z-index: 6; }
.contact #navigation .contact a.main { background-position: -437px -210px; z-index: 6; }
*/

/* Active State Right Adjacents (Body tag matchup staggered 1 right) ( y = -140px ) */

.home #navigation .services a.main { background-position: -130px -80px; }
.services #navigation .portfolio a.main { background-position: -260px -80px; }
.portfolio #navigation .about a.main { background-position: -390px -80px;  }
.about #navigation .contact a.main { background-position: -520px -80px; }

/* Hovers (blues) (1px wider to the left) ( y = -280px ) */

#navigation a.main span.hover {
	background: url(/sitefiles/1101/designfiles/home3/sprite.jpg) no-repeat top left;
	cursor: pointer !important;
	display: block !important; /* Overriding previous span hide */
	padding: 0 0px 0 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 40px;
	width: 100%;
	z-index: 100;
	}

/* -width by -height * 4 */
#navigation .home a.main .hover {
	background-position: 0 -160px;
	
	padding: 0;
	}

#navigation .services a.main .hover {
	background-position: -130px -160px;
	background-position: -130px -160px;
	xbackground-position: -130px -160px;
	}

#navigation .portfolio a.main .hover {
	background-position: -260px -160px;
	background-position: -260px -160px;
	xbackground-position: -260px -160px;
	}

#navigation .about a.main .hover {
	background-position: -390px -160px;
	background-position: -390px -160px;
	xbackground-position: -390px -160px;

	}

#navigation .contact a.main .hover {
	background-position: -520px -160px;
	background-position: -520px -160px;
	xbackground-position: -520px -160px;

	xpadding: 0;
	}

#navigation .community a.main .hover {
	background-position: -650px -160px;
	background-position: -650px -160px;
	xbackground-position: -650px -160px;

	xpadding: 0;
	}

/* Active State Hovers (oranges) (y = - height * 3 ) */

.home #navigation .home a.main .hover { background-position: 0 -120px; padding: 0; }
.services #navigation .services a.main .hover { background-position: -130px -120px; padding: 0; }
.portfolio #navigation .portfolio a.main .hover { background-position: -260px -120px;  padding: 0; }
.about #navigation .about a.main .hover { background-position: -390px -120px; padding: 0; }
.contact #navigation .contact a.main .hover { background-position: -520px -120px; padding: 0; }
.community #navigation .community a.main .hover { background-position: -650px -120px; padding: 0; }






/* Sprite Application --NOT NEEDED?!? */
/*
.home #subnavigation .identity a { background-position: 0 0; }
.home #subnavigation .design a { background-position: 0 -88px; }
.home #subnavigation .code a { background-position: 0 -175px; }

.home #subnavigation .identity a .hover { background-position: -232px 0px; }
.home #subnavigation .design a .hover { background-position: -232px -88px; }
.home #subnavigation .code a .hover { background-position: -232px -175px; }

.services #subnavigation .identity a { background-position: 0 0; }
.services #subnavigation .design a { background-position: 0 -88px; }
.services #subnavigation .code a { background-position: 0 -175px; }

.services #subnavigation .identity a .hover { background-position: -232px 0px; }
.services #subnavigation .design a .hover { background-position: -232px -88px; }
.services #subnavigation .code a .hover { background-position: -232px -175px; }

.about #subnavigation .company a { background-position: 0 -271px; }
.about #subnavigation .timeline a { background-position: 0 -359px; }
.about #subnavigation .faq a { background-position: 0 -446px; }

.about #subnavigation .company a .hover { background-position: -232px -271px; }
.about #subnavigation .timeline a .hover { background-position: -232px -359px; }
.about #subnavigation .faq a .hover { background-position: -232px -446px; }

.contact #subnavigation .general a { background-position: 0 -542px; }
.contact #subnavigation .questions a { background-position: 0 -630px; }
.contact #subnavigation .book a { background-position: 0 -717px; }

.contact #subnavigation .general a .hover { background-position: -232px -542px; }
.contact #subnavigation .questions a .hover { background-position: -232px -630px; }
.contact #subnavigation .book a .hover { background-position: -232px -717px; }

.portfolio #subnavigation .project a { background-position: 0 -813px; }
.portfolio #subnavigation .type a { background-position: 0 -901px; }

.portfolio #subnavigation .project a .hover { background-position: -232px -813px; }
.portfolio #subnavigation .type a .hover { background-position: -232px -901px; }
*/
/* Active Buttons (body class matchup) */ /*" +4px for the topping "*/
/*
.services.identity #subnavigation .identity a { background-position: -462px 0; padding-top: 4px; margin-top: -4px; }
.services.identity #subnavigation .design a .cap { display: block; background-position: bottom right; }
.services.identity #subnavigation .design a .hover { border-top: 0 none; top: 0; }

.services.design #subnavigation .design a { background-position: -462px -92px; }
.services.design #subnavigation .identity a .cap { display: block; background-position: top right; top: auto; bottom: 0; }
.services.design #subnavigation .code a .cap { display: block; background-position: bottom right; }
.services.design #subnavigation .code a .hover { border-top: 0 none; top: 0; }

.services.code #subnavigation .code a { background-position: -462px -179px; padding-top: 4px; }
.services.code #subnavigation .design a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.services.identity .identity .hover,
.services.design .design .hover,
.services.code .code .hover {
	display: none !important;
	height: 0px;
	}

.about.company #subnavigation .company a { background-position: -462px -271px; padding-top: 4px; margin-top: -4px; }
.about.company #subnavigation .timeline a .cap { display: block; background-position: bottom right; }
.about.company #subnavigation .timeline a .hover { border-top: 0 none; top: 0; }

.about.timeline #subnavigation .timeline a { background-position: -462px -363px; }
.about.timeline #subnavigation .company a .cap { display: block; background-position: top right; top: auto; bottom: 0; }
.about.timeline #subnavigation .faq a .cap { display: block; background-position: bottom right; }
.about.timeline #subnavigation .faq a .hover { border-top: 0 none; top: 0; }

.about.faq #subnavigation .faq a { background-position: -462px -451px; padding-top: 4px; }
.about.faq #subnavigation .timeline a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.about.company .company .hover,
.about.timeline .timeline .hover,
.about.faq .faq .hover {
	display: none !important;
	height: 0px;
	}

.contact.general #subnavigation .general a { background-position: -462px -542px; padding-top: 4px; margin-top: -4px; }
.contact.general #subnavigation .questions a .cap { display: block; background-position: bottom right; }
.contact.general #subnavigation .questions a .hover { border-top: 0 none; top: 0; }

.contact.questions #subnavigation .questions a { background-position: -462px -600px; }
.contact.questions #subnavigation .questions a { background-position: -462px -634px; }
.contact.questions #subnavigation .general a .cap { display: block; background-position: top right; top: auto; bottom: 0; }
.contact.questions #subnavigation .book a .cap { display: block; background-position: bottom right; }
.contact.questions #subnavigation .book a .hover { border-top: 0 none; top: 0; }

.contact.book #subnavigation .book a { background-position: -462px -721px; padding-top: 4px; }
.contact.book #subnavigation .questions a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.contact.general .general .hover,
.contact.questions .questions .hover,
.contact.book .book .hover {
	display: none !important;
	height: 0px;
	}

.portfolio.projects #subnavigation .project a { background-position: -462px -813px; padding-top: 4px; margin-top: -4px; }
.portfolio.projects #subnavigation .type a .cap { display: block; background-position: bottom right; }
.portfolio.projects #subnavigation .type a .hover { border-top: 0 none; top: 0; }

.portfolio.type #subnavigation .type a { background-position: -462px -905px; padding-top: 4px; }
.portfolio.type #subnavigation .project a .cap { display: block; background-position: top right; top: auto; bottom: 0;  }

.portfolio.projects .project .hover,
.portfolio.type .type .hover {
	display: none !important;
	height: 0px;
	}
*/