body {
	padding: 0;
	margin: 0;
	background-color: #fff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3E3E3E}
	
/*Content Structure Divs*/

#outer {
	width: 850px;
	margin: 0 auto;
	padding: 0 10px;
	border-left:  2px solid #ccc;
	border-right: 2px solid #ccc;
	background-color: #F0F3FB;	
}
#flash {width: 100%; height: auto; overflow: hidden;}
#inner {
	width: 818px;
	height:auto;
	margin: 0 auto;
	border-left:  2px solid #ccc;
	border-right: 2px solid #ccc;
	background-image: url(images/bkg.jpg);
	background-repeat: repeat-y;
	}
	/*use #inner_nobkg on search screen*/
#inner_nobkg {
	width: 818px;
	height:auto;
	margin: 0 auto;
	border-left:  2px solid #ccc;
	border-right: 2px solid #ccc;}
	
#inner_solidbkg {
	width: 818px;
	height:auto;
	margin: 0 auto;
	border-left:  2px solid #ccc;
	border-right: 2px solid #ccc;
	background-color:#fff}
	
	
	
#full {
	width: 816px;
	margin: 0 auto;
	background-color: transparent;
	border-left:  2px solid #ccc;
	border-right: 2px solid #ccc;
	}
#tools {
	width: 100%;
	height: 174px;
	padding: 0;
	margin: 0;
	background-image: url(images/logo.jpg);	
	}

	
.hide {font-size: 12px; float:left; display: block; padding: 6px;}
.search {display: block; float:right; margin: 144px 0 -20px 0; padding: 0}
.search1 {
	position: relative;
	left:550px;
	top: 12px;
	z-index:100;
	height: 0px;	
}
#show_hide {background-color:#fff; padding: 0; margin: 0;}
#contentshell {width:818px;padding: 0; margin: 0; height: auto;}
#contentleft {height: auto; width: 272px;
	background-color:transparent; float: left; margin:0; padding:0;color: #000}
.leftimagechurch {background-image: url(images/body_top_left.gif);background-repeat: no-repeat;}
.leftimageadult {background-image: url(images/body_top_left_adult.jpg); background-repeat: no-repeat;}
.leftimagechildren {background-image: url(images/body_top_left_children.jpg); background-repeat: no-repeat;}
.leftimagecalendar {background-image: url(images/body_top_left_calendar.gif); background-repeat: no-repeat;}
.leftimagemusic {background-image: url(images/body_top_left_music.jpg); background-repeat: no-repeat;}
.leftimageyouth {background-image: url(images/body_top_left_youth.jpg); background-repeat: no-repeat;}
	
#contentleft h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E1E398;
	margin: 10px 5px 260px 10px;
}
#contentleft h1 a {text-decoration: none; color: #E1E398;}
#contentleft h1 a:hover {text-decoration: underline}
#contentleft h2{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #fff;
	margin: 270px 5px 10px 10px;
	
}
#contentleft h2 a {color: #fff; text-decoration:none;}
#contentleft h2 a:hover{color: #E1E398; text-decoration:underline;}

#contentleft h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight:700;
	color: #fff;
	margin: 0px 5px 10px 10px;
}
.margincontent{display: block; margin: 0px 5px 10px 10px; line-height:1.3em;}	
#contentleft ul{}
#contentleft li{margin: 0px 15px 0px -10px; 
	line-height: 1.5em;
	margin-bottom:1em;
	list-style-type: square;
	list-style-position: outside;
}

#contentright {
	height: auto;
	width: 544px;
	margin:0;
	padding:0;
	background-color:transparent;
	float: right;
	background-image: url(images/body_top_right.gif);
	background-repeat: no-repeat;
}
#contentright_nobkg {
	height: auto;
	width: 544px;
	margin:0;
	padding:0;
	float: right;
	
}

#contentright a {color: #000066; text-decoration: underline;}
#contentright a:hover {color: #993300; text-decoration: underline;}

#contentfull {height: auto; width: 100%; padding-top: 20px; padding-bottom: 20px}
#footer {
	clear: both;
	width: 100%;
	height: auto;
	background-color:#ccc;
	border-top: 1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align: center;
	line-height: 1.6em;
	padding-bottom:5px;
	font-size: 11px;
}
#footer a {color: #3e3e3e; text-decoration: underline
;}
#footer a:hover {color: #993300; text-decoration: underline;}

/*END Content Structure Divs*/

/****************************Begin Content styles****************/

#contentright h1{display: block; margin: 10px; font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px; color: #3E3E3E;}
#contentright .story {
	width: 470px;
	height: auto;
	display: block;
	padding: 10px 20px 8px 0px;
	margin: 0px 6px 6px 40px;
	line-height: 1.5em;
	background-color: inherit;}
#contentright .definedheight {
width: 470px;
	height: 250px;
	display: block;
	padding: 10px 20px 8px 0px;
	margin: 0px 6px 6px 40px;
	line-height: 1.5em;
	background-color: inherit;}

	
#contentright .story h1{font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px; margin: 0px 10px 10px 0px; 
	color: #3E3E3E;}

#contentright .story h2{font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; margin: 15px 10px 2px 0px; color: #3E3E3E;}
#contentright .who {font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold; margin: 15px 10px 2px 0px; color: #993300;}

#contentright .story ul{
	display: block;
	padding-left: 20px;
	list-style-position: inside;
	list-style-type: disc;
}

#contentright .highlight {
	border: 2px solid #999;
	padding: 5px;
	color:#000099;
	font-size:1.2em;
	display: block;
	line-height: 1.5em;
}

hr {height:1px; color:ccc}
#contentright .story li{
	list-style-position: outside;
}
#contentright .story img{
	margin: 0px 12px 12px 0px; padding:4px;
	float: left;
	border: 1px solid #999999;}
#centercontent{}


	
	.nowrapimg {
	padding:4px;
	border: 1px solid #999999;
	
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
}
	
#contentright .banners {
	width: 400px;
	height: auto;
	display: block;
	padding: 20px 20px 0px 20px;
	margin: 6px 6px 6px 50px;
	background-color: inherit;}
	
#contentright .banner img{margin: 0px 12px 12px 0px; padding:6px;
	float: left;
	border: 1px solid #999999;}
	
#contentfull h1 {}

.dropcap {float:left; color:#993300; font-size:100px; line-height:70px; padding-top:2px; font-family: Times, serif, Georgia;} 
.smalldropcap {float:left; color:#993300; font-size:60px; line-height:42px; padding-top:2px; font-family: Times, serif, Georgia;} 

.icon {background: #993300; margin: 20px; border: 1px solid #993300; padding: 2px; color:#fff; font-size:18px;  font-family: Times, serif, Georgia; } 


/********************BEGIN image hover styles********************/
#extracontainer {width: 460px; height: 200px; padding: 10px 0px 8px 0; margin: 0px 0px 6px 42px; z-index:3}
#extracontainer a:link {text-decoration: none;}
#extracontainer a:hover {text-decoration: underline;}

.extra {display:inline; float:left; text-decoration:none; margin: 0 7px; padding:6px; border: 1px solid #999999;}

.extra em {font-style:normal;}
.extra em.txt, .extra b {
	display:none;}
.extra .head {display:block; width:100px; height:42px; margin-bottom:0;}
.extra .color1 {background:/*#9f7520*/transparent;}
.extra .color2 {background:/*#877660*/transparent;}
.extra .color3 {background:/*#8aaa7f*/transparent;}

.extra img {border:0; display:block;}
.extra em.mh2 {
	margin:0;
	color:#3e3e3e;
	font-weight:700;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
	text-align: left;
	display: block;
	
}
.extra em.mh3 {padding-left:5px; margin:0; color:#fff; font-weight:normal; font-family: verdana, arial, sans-serif; font-size:12px; }

.extra:hover {background:inherit; position:relative; cursor:pointer;}
.extra:hover b {display:block; position:absolute; top:48px; left:6px; width:100px; height:132px; background:#ccc; opacity:0.7;}
.extra:hover .color1 b {background:#9f7520;}
.extra:hover .color2 b {background:#877660;}
.extra:hover .color3 b {background:#8aaa7f;}

.extra:hover em.txt {display:block; position:absolute; top:46px; left:6px; width:90px; height:134px; color:#3e3e3e; margin:0; padding: 6px; line-height:1.5em; font-weight:700;color:#000}
.extra:hover em.txt a:link {text-decoration: none;}


/*BEGIN Left Margin Navigation -- use this for lists on left margin ********************/

#navlist
{
padding-left: 0;
margin-left: 20px;
border-bottom: 1px solid gray;
width: 180px;
}
#navlist li
{
list-style: none;
margin: 0;
padding: 0.25em;
border-top: 1px solid gray;
}

#navlist li a {text-decoration: none; color:#fff; font-weight: 700}
#navlist li a:hover {display: block; color: #E1E398; }
#navlist li #current {
	display: block;
	color: #000;
	padding-left: 15px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #993333;
}


/************END Left Margin Navigation Lists********************/

/************BEGIN links with hover text ********************/

.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {background:#9c9; color:#000; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,
.hov:hover a
{border:0; text-decoration:none; position:relative;}
.hov:hover b, 
.hov a:hover b
{display:block; visibility:visible; position:absolute; left:-10px; top:1em; background:#ffc; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}

.clear {clear:both;}

/************END links with hover text ********************/


/************  "Show All" + "Hide All" links (used in FAQ) ************/
#TJK_ToggleON,#TJK_ToggleOFF ; padding:0 5px;margin-right:5px}
/* zeroing out padding and margin */
#TJK_DL dd { margin:0;padding:0 0 0 15px} 
#TJK_DL dt { margin:0;padding:0} 
/* margin for the DTs (shorthand) */
#TJK_DL dt {margin:7px 0}
/* image and left padding for DDs #TJK_DL dd {background:url(answer.gif) no-repeat;}*/

/* styling all anchors in the DTs */
#TJK_DL dt a {color: #000066; background:0 50% no-repeat;color:#000;text-decoration:underline}
#TJK_DL dt a:visited {color:#666}
#TJK_DL dt a:visited:hover,
#TJK_DL dt a:hover,
#TJK_DL dt a:active,
#TJK_DL dt a:focus {font-weight:normal, text-decoration: underline}
/* the + and - gif in the anchors */
#TJK_DL .DTplus a {background-image:url(toggleDLplus.gif)}
#TJK_DL .DTminus a {background-image:url(toggleDLminus.gif)}
/**********************************/
/**********************************/
#TJK_DL .showDD {position:relative;top:0}
#TJK_DL dd,.hideDD{top:-9999px;position:absolute}
#TJK_ToggleON,#TJK_ToggleOFF {display:inline;cursor:pointer;
cursor:hand}

/*\*//*/
#TJK_DL .showDD {display:block}
#TJK_DL dd,.hideDD {top:0;position:relative;display:none}
/**/
/************  lightbox slideshow ************/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink {
	left: 0;
	float: left;
	background-image: url(images/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: left 15%;
}
#nextLink {
	right: 0;
	float: right;
	background-image: url(images/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: right 15%;
}

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/************  END lightbox slideshow ************/