body { margin:0; background:#E2E0D3; font:11px Arial, Helvetica, sans-serif; }
a { text-decoration:none; }
a img, p img { vertical-align:middle; }

#subhead { position:relative; width:100%; overflow:hidden; margin:0; padding-bottom:25px; background:url(vgrad05.jpg) repeat-x left bottom; }
#subhead h1 { position:relative; width:245px; padding:3px 0; margin:5px 0 0 0; font:bold 15px Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center; background:#BCA68F url(hgrad04.jpg) repeat-y left top; color:white; }
#subhead h1 div { position:absolute; right:-28px; top:0; padding:3px 0; display:block; width:28px; font:bold 18px Arial, Helvetica, sans-serif; background:url(bar02b.gif) no-repeat left top; }
#subhead h2 { z-index:5; position:relative; font:bold 16px Arial, Helvetica, sans-serif; letter-spacing:1px; text-align:center; background:#594126 url(hgrad05.jpg) repeat-y right top; color:white; margin:0; padding:3px 0 3px 210px; }

.fltl, .fl { float:left; margin-right:10px; }
.fltr, .fr { float:right; margin-left:10px; }
.float_fixer { clear:both; margin:0px; height:0px; padding:0px; line-height:0px; }
.container_float_fixer { position:relative; width:100%; margin:0px; }
.ie_box_bug_fixer { position:relative; width:100%; margin:0px; padding:0; }
.white { color:white; }
.red { color:red; }
.underline { text-decoration:underline; }
.emphasis { font-style:oblique; }
.code { font-family:"Courier New", Courier, mono; }
.al { text-align:left; }
.ar { text-align:right; }
.ctr, .ac { text-align:center; }
.fl { float:left; }
.fr { float:right; }
.ul { text-decoration:underline; }
.verse { margin:7px 15px 4px 15px; padding:4px; color:#4F6F5B; }
.reference { text-align:right; margin:0 10px 7px 10px; font-style:oblique; color:#3B433E; }
.tab300 { width:300px; display:block; float:left; }
.middler { position:relative; margin:0 auto; width:auto; }
.sidebyside { margin:0 auto; position:relative; }
.sidebyside td { position:relative; padding:7px; }

.window { position:relative; }
.window_content { background:#EFEFEF; position:relative; overflow:hidden; padding:1px 0; }

.bar_top { position:relative; width:100%; overflow:hidden; }
.bar_top .left { position:absolute; top:0; left:0; width:17px; height:100px; background:url(bar_top_left.gif) no-repeat left top; }
.bar_top .middle { position:relative; margin:0 17px; padding:3px 0; min-height:10px; height:expression(document.documentElement.clientWidth ? "10px" : "auto" ); background:#E5D5C5; }
.bar_top .middle h3 { color:black; font:normal 11px Eras, Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; }
.bar_top .middle h3 a { position:absolute; top:0; right:5px; }
.bar_top .middle h3 a img { vertical-align:middle; margin-left:5px; }
.bar_top .right { position:absolute; top:0; right:0; width:17px; height:100px; background:url(bar_top_right.gif) no-repeat right top; }

.bar_btm { position:relative; margin:0px 0px 10px 0px; height:12px; width:100%; }
.bar_btm .left { position:absolute; top:0px; left:0px; width:10px; height:12px; background:url(bar_bottom_left.gif) no-repeat left bottom; }
.bar_btm .middle { position:relative; margin:0px 10px; background:#EFEFEF; height:12px; line-height:12px; }
.bar_btm .right { position:absolute; top:0px; right:0px; width:10px; height:12px; background:url(bar_bottom_right.gif) no-repeat right bottom; margin:0px; }

.photos { text-align:center; margin:5px 0 0 0; }
.photos img { margin:7px 0; border:1px solid #9C7D5E; }
.photosH { position:relative; width:850px; height:75px; line-height:130px; margin:0; white-space:nowrap; overflow:hidden; background:black; border-top:2px solid black; border-bottom:2px solid black; z-index:7; text-align:center; }
.photosH img { margin:0; border:1px solid black; vertical-align:top; }

#all { position:relative; width:850px; margin:0 auto; background:white; border:2px solid black; }

#header { position:relative; width:100%; margin:0; height:100px; background:url(bg_header08.jpg) no-repeat right top; z-index:500; }
.logo { position:absolute; top:0; left:0; height:101px; width:225px; background:white url(logo_jonah_ministries5.gif) no-repeat center center; }

/*==============================================================================
GRC multi-level script-free pure-CSS menuing system stylesheet.
This code is hereby placed into the public domain by its author
Steve Gibson. It may be freely used for any purpose whatsoever.
Computed Geometries: with a default 12px font, 1.0em == 12px and
1px == 0.08333em.
Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.
==============================================================================*/
.menu ul { margin-left:20px; } /* kill default 50px left padding and set 20px */
.menu li { margin-bottom:1em; } /* set default inter-item vertical spacing */

 /*========================= TOP OF THE MENU CASCADE =========================*/
.menu {
	z-index:1000; margin:0; padding:0; border:0; font-family:Arial, Helvetica, sans-serif; position:absolute; right:0; bottom:0; width:544px;	height:31px; /* the menu's overall height */
	font-size:12px; /* this (and also below) sets the menu's font size */
}
.menu img { vertical-align:top; /* prevent images from being pushed down by text */ }
.menu ul { padding:0; margin:0; border:0;
	list-style-type:none; /* we don't want to view the list as a list */
	line-height:1.5em; /* globally set the menu's item spacing. note this must be 1.0 or 1.5 or 2.0 for Mozilla */
}
.menu li {
	margin:0; float:left; /* this creates the side-by-side array of top-level buttons */
	position:relative; /* create local positioning contexts for each button */
}
.menu ul li table {
	margin:-1px 0; /* IE5 needs -1px top and bottom table margins */
	m\argin:0; /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse; /* IE5 needs this for the sub-menus to work */
	font-size:12px; /* this sets the base font size for our entire menu */
}
.drop { display:block; margin:0;
	padding:0px 0.33em; /* this sets the l/r margins for our menu item */
	text-align:right; /* this right alignment goes with the float:left below */
	cursor:pointer; /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand; /* IE5 only knows about "hand", so set it both ways */
}
.drop span { /* this simultaneously left and right aligns the text and */
	float:left; /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/
.menu ul li ul {
	display:none; /* initially hide the entire list hierarchy */
	padding:1px; /* this is our box border width */
}
.menu ul li a,
.menu ul li a:visited { /* unselected top-level menu items */
	display:block; float:left; text-decoration:none; height:31px;
}
ul#menu_top_home a img { background:url(menu_top_home1.png) no-repeat 0 0; }
ul#menu_top_camps a img { background:url(menu_top_camps1.png) no-repeat 0 0; }
ul#menu_top_retreats a img { background:url(menu_top_retreats1.png) no-repeat 0 0; }
ul#menu_top_register a img { background:url(menu_top_register1.png) no-repeat 0 0; }
ul#menu_top_forms a img { background:url(menu_top_forms1.png) no-repeat 0 0; }
ul#menu_top_photos a img { background:url(menu_top_photos1.png) no-repeat 0 0; }
ul#menu_top_news a img { background:url(menu_top_news1.png) no-repeat 0 0; }
ul#menu_top_about a img { background:url(menu_top_about1.png) no-repeat 0 0; }
ul#menu_top_staff a img { background:url(menu_top_staff1.png) no-repeat 0 0; }
ul#menu_top_contact a img { background:url(menu_top_contact1.png) no-repeat 0 0; }
/* selected top-level menu items */
ul#menu_top_home a:hover img { background:url(menu_top_home2.png) no-repeat 0 0; }
ul#menu_top_camps a:hover img { background:url(menu_top_camps2.png) no-repeat 0 0; }
ul#menu_top_retreats a:hover img { background:url(menu_top_retreats2.png) no-repeat 0 0; }
ul#menu_top_register a:hover img { background:url(menu_top_register2.png) no-repeat 0 0; }
ul#menu_top_forms a:hover img { background:url(menu_top_forms2.png) no-repeat 0 0; }
ul#menu_top_photos a:hover img { background:url(menu_top_photos2.png) no-repeat 0 0; }
ul#menu_top_news a:hover img { background:url(menu_top_news2.png) no-repeat 0 0; }
ul#menu_top_about a:hover img { background:url(menu_top_about2.png) no-repeat 0 0; }
ul#menu_top_staff a:hover img { background:url(menu_top_staff2.png) no-repeat 0 0; }
ul#menu_top_contact a:hover img { background:url(menu_top_contact2.png) no-repeat 0 0; }
.menu ul li:hover a,
.menu ul li a:hover { /* selected top-level menu items */
	height:31px; border:none; z-index:5; }

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/
#header .menu ul li:hover ul,
#header .menu ul li a:hover ul { /* 2nd level drop-down box */
	display:block; position:absolute; margin:0;
	top:31px; /* place us just up underneath the top-level images */
	left:0; /* left-align our drop-down to the previous button border */
	height:auto; /* the drop-down height will be determiend by line count */
	width:13.5em; color:#990000; /* this sets the unselected-text color */
	background:#D79C9C; /* this sets our menu's effective "border" color */
}
.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton { /* our first dropdown should not be skewed */
	left:0px;
}
#header .menu ul li:hover ul li a,
#header .menu ul li a:hover ul li a { /* 2nd level unselected items */
	border:0; margin:0; padding:0; height:auto;
	color:#990000; /* this sets the unselected drop-down text color */
	width:13.5em; background:white url(hgrad07.jpg) repeat-y 0 0; /* this sets the drop-down menu background color */
}
#header .menu ul li:hover ul li:hover a,
#header .menu ul li a:hover ul li a:hover { /* 2nd level selected item */
	color:white; background:#990000;
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/
.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {  /* hide inactive 3rd-level menus */
	visibility:hidden;
}
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul { /* 3rd level drop-down box */
	visibility:visible; position:absolute; margin-top:-1px; /* bring the top edge of the 3rd level menu up one */
	top:0; left:8.08333em; width:14em;
}
#header .menu ul li:hover ul li:hover ul li a,
#header .menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
	width:14em; background:white url(hgrad07.jpg) repeat-y 0 0;
}
#header .menu ul li:hover ul li:hover ul li a:hover,
#header .menu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
	width:14em; background:#990000; color:white;
}

#body { position:relative; width:850px; margin-bottom:25px; /*padding-bottom:25px; background:url(vgrad05b.jpg) repeat-x left bottom; border-bottom:1px solid #594126;*/ }

.pane1 { position:relative; float:left; clear:none; width:200px; margin:0 0 15px 0; padding-left:10px; }
.pane1 .window { margin:0; }
.pane1 .window_content { padding:7px 0 1px 0; }
.pane1 .bar_top h3 { text-align:center; }
.pane1 .window_content h4, .pane3 .window_content h4 { color:#7A937E; border-bottom:1px solid white; font-weight:bold; padding:1px 10px; margin:3px 0; font-size:13px; }
ul.nav { display:block; list-style:none; width:100%; margin:0; padding:0; }
ul.nav li { padding:0; margin:0; display:inline; width:100%; }
ul.nav a { display:block; clear:left; color:black; padding:2px 7px 2px 15px; margin:0; }
ul.nav a:hover { background:url(hgrad11.jpg) repeat-y left top; }
ul.nav ul { margin:0; padding:0; }
ul.nav ul a { color:#8B5A5D; padding:2px 7px 2px 30px; }
.pane1 a img { vertical-align:middle; }
.pane1 a.go, .pane2 a.go, .pane3 a.go, .pane_full a.go { padding:4px 10px 4px 33px; margin:0; background:url(go_arrow1.png) no-repeat 8px center; }
.pane1 a.go:hover, .pane2 a.go:hover, .pane3 a.go:hover, .pane_full a.go:hover { background:url(go_arrow1b.jpg) no-repeat left center; }
.pane1 a.return { color:#9C7D5E; padding-left:23px; background:url(arrow_left01.gif) no-repeat 7px center; }
.pane1 .return:hover { color:black; background:url(arrow_left02.gif) no-repeat 7px center; }
.pane1 a.active, .pane3 a.active { padding-left:27px; color:white; font-weight:bold; background:#9C7D5E url(active02.gif) no-repeat 7px center; }
.pane1 a.active:hover, .pane3 a.active:hover { background:#9C7D5E url(active02.gif) no-repeat 7px center; }
.pane1 .bordbtm { border-bottom:1px solid #D9D9D9; margin-bottom:3px; }
.pane1 .bordtop { border-top:1px solid white; margin-top:3px; }
div#joinlist { text-align:center; margin:7px auto 0 auto; padding:5px 0 0 0; border-top:1px solid white; }
div#joinlist a { font-weight:bold; padding:4px 10px 4px 33px; margin:0; color:#8B5A5D; background:url(envelope.png) no-repeat 8px center; line-height:25px; }
div#joinlist a:hover { background-color:#9C7D5E; color:white; }
div#donatenow { text-align:center; }

.pane2 { position:relative; margin:0 0 10px 210px; }
.pane2 .window { margin:0 0 0 10px; width:620px; }
.pane2 .window_content { padding:1px 7px; }
.pane2 .bar_top .middle h3 { text-align:right; }
.pane2 h4 { font:small-caps bold 18px Georgia, "Times New Roman", serif; text-align:center; color:#765C3D; background:#E7E3DC; letter-spacing:.05em; margin:10px 0 5px 0; padding:2px 7px 3px 7px; border-bottom:1px dashed #765C3D; border-top:1px solid #765C3D; }
.pane2 h5 { font:oblique bold 13px Arial, Helvetica, sans-serif; letter-spacing:1px; color:#66806B; padding:0 10px; margin:7px 0 0 0; }
.pane2 p { font-size:12px; line-height:1.5em; margin:7px 0 5px 0; padding:0 10px; }
.pane2 p.ctr, .pane2 p.ac { text-indent:0; padding:0; }
.pane2 p.notice { font-weight:bold; font-size:16px; color:#8B5A5D; }
.pane2 blockquote { font-size:12px; font-style:oblique; color:#8B5A5D; padding:0 30px; margin:10px 0 7px 0; }
.pane2 p a, .pane2 li a, .pane2 td a { border:1px dotted #8B5A5D; color:#8B5A5D; background:white; padding:1px 5px; }
.pane2 p a.plain, .pane2 li a.plain, .pane2 td a.plain { border:none; color:inherit; background:none; padding:0; display:inline; }
.pane2 p a.plain img, .pane2 li a.plain img, .pane2 td a.plain img { border:1px solid #EFEFEF; }
.pane2 p a.plain:hover img, .pane2 li a.plain:hover img, .pane2 td a.plain:hover img { border-color:black; }
.pane2 #constant_contact_html a { border:none; color:inherit; background:inherit; padding:none; }
.pane2 p a:hover, .pane2 li a:hover, .pane2 td a:hover { background:#8B5A5D; color:white; }
.pane2 p a strong, .pane2 li a strong { color:inherit; }
.pane2 ul, .pane2 ol { margin:0; padding:0 10px 0 4em; line-height:1.5em; }
.pane2 ul li, .pane2 ol li { margin:3px 0 0 0; padding:0; font-size:12px; }
.pane2 p em, .pane2 ul em { color:#8B5A5D; }
.pane2 p strong, .pane2 li strong { font-size:12px; font-style:oblique; letter-spacing:1px; color:#8B5A5D; }
.pane2 .boxed { border:1px dotted #8B5A5D; padding:1px 4px; }

.pagenav { position:relative; margin:5px 0 10px 0; }
.pagenav a { float:left; border:1px solid #8B5A5D; color:#8B5A5D; background:white; padding:1px 5px; margin:0 4px; }
.pagenav span { float:left; color:#8b5A5D; padding:1px 5px; margin:0 4px; }
.pagenav a.active, .pagenav a:hover { background:#8B5A5D; color:white; }

.pane_full { position:relative; margin:0 10px 0 10px; }
.pane_full .window { margin:0; width:830px; }

#footer { position:relative; clear:both; width:100%; height:60px; background:url(bg_footer05.jpg) repeat-y left top; }

#footer .menu { position:absolute; left:0; top:0; width:550px; height:34px; }
#footer .menu ul li:hover a,
#footer .menu ul li a:hover { /* selected top-level menu items */
	height:34px; border:none; z-index:5; }
#footer .menu ul li:hover ul,
#footer .menu ul li a:hover ul { /* 2nd level drop-down box */
	display:block; position:absolute; margin:0;
	bottom:34px; /* place us just up underneath the top-level images */
	left:0; /* left-align our drop-down to the previous button border */
	height:auto; /* the drop-down height will be determiend by line count */
	width:13.5em; color:#3E5941; /* this sets the unselected-text color */
	background:#82A886; /* this sets our menu's effective "border" color */
}
#footer .menu ul li:hover ul li a,
#footer .menu ul li a:hover ul li a { /* 2nd level unselected items */
	border:0; margin:0; padding:0; height:auto;
	color:#3E5941; /* this sets the unselected drop-down text color */
	width:13.5em; background:white url(hgrad08.jpg) repeat-y 0 0; /* this sets the drop-down menu background color */
}
#footer .menu ul li:hover ul li:hover a,
#footer .menu ul li a:hover ul li a:hover { /* 2nd level selected item */
	color:white; background:#3E5941;
}
#footer .menu ul li:hover ul li:hover ul li a,
#footer .menu ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
	width:14em; background:white url(hgrad08.jpg) repeat-y 0 0;
}
#footer .menu ul li:hover ul li:hover ul li a:hover,
#footer .menu ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
	width:14em; background:#3E5941; color:white;
}
ul#menu_btm_home a img { background:url(menu_btm_home1.png) no-repeat 0 0; }
ul#menu_btm_camps a img { background:url(menu_btm_camps1.png) no-repeat 0 0; }
ul#menu_btm_retreats a img { background:url(menu_btm_retreats1.png) no-repeat 0 0; }
ul#menu_btm_register a img { background:url(menu_btm_register1.png) no-repeat 0 0; }
ul#menu_btm_forms a img { background:url(menu_btm_forms1.png) no-repeat 0 0; }
ul#menu_btm_photos a img { background:url(menu_btm_photos1.png) no-repeat 0 0; }
ul#menu_btm_news a img { background:url(menu_btm_news1.png) no-repeat 0 0; }
ul#menu_btm_about a img { background:url(menu_btm_about1.png) no-repeat 0 0; }
ul#menu_btm_staff a img { background:url(menu_btm_staff1.png) no-repeat 0 0; }
ul#menu_btm_contact a img { background:url(menu_btm_contact1.png) no-repeat 0 0; }
/* selected top-level menu items */
ul#menu_btm_home a:hover img { background:url(menu_btm_home2.png) no-repeat 0 0; }
ul#menu_btm_camps a:hover img { background:url(menu_btm_camps2.png) no-repeat 0 0; }
ul#menu_btm_retreats a:hover img { background:url(menu_btm_retreats2.png) no-repeat 0 0; }
ul#menu_btm_register a:hover img { background:url(menu_btm_register2.png) no-repeat 0 0; }
ul#menu_btm_forms a:hover img { background:url(menu_btm_forms2.png) no-repeat 0 0; }
ul#menu_btm_photos a:hover img { background:url(menu_btm_photos2.png) no-repeat 0 0; }
ul#menu_btm_news a:hover img { background:url(menu_btm_news2.png) no-repeat 0 0; }
ul#menu_btm_about a:hover img { background:url(menu_btm_about2.png) no-repeat 0 0; }
ul#menu_btm_staff a:hover img { background:url(menu_btm_staff2.png) no-repeat 0 0; }
ul#menu_btm_contact a:hover img { background:url(menu_btm_contact2.png) no-repeat 0 0; }

#footer .address { position:absolute; bottom:0; left:0; background:black; margin:0; padding:3px 10px; width:830px; color:white; text-align:left; letter-spacing:1px; font-weight:bold; }
#footer .address a { color:white; text-decoration:underline; }
#footer .address a:hover { color:#C8F0C3; }

#smallprint { position:relative; width:850px; margin:2px auto 0 auto; text-align:right; }
#smallprint img { vertical-align:middle; margin-left:7px; }