/*------------------------------------------------------
GLOBAL ELEMENTS
------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	background: url(/images/bg_handslt.gif);
}
a {
	color: #6EB727;	
	text-decoration: none;
    font-weight: bold;
}
a:visited {
	color: #7B47CA;	
    text-decoration: underline;
}
a:hover {
	color: #FF7902;	
    text-decoration: underline;
}

h1, h2, h3 span {
	display: none;
}

/*------------------------------------------------------
C O N T A I N E R
------------------------------------------------------*/

#container {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 50px 0 50px;
	width: 640px !important;
	width /**/: 750px;
	background: url(/images/background_container.gif) repeat-y;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}
#popContainer {
	position: absolute;
	top: 0;
	left: 50px;
	padding: 0 20px 0 20px;
	width: 351px!important;
	width /**/: 350px;
	background: url(/images/pop_container.gif) repeat-y;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #000000;
}
#pageHeader {
	width: 223px;
	height: 299px;
	background: url(/images/kidzone_pageheader.gif) no-repeat;
}
#pageHeaderSm {
	width: 75px;
	height: 100px;
	background: url(/images/kidzone_sm.gif) no-repeat;
}
#kids {
	position:absolute; 
	left:252px; 
	top:1px; 
	width:459px; 
	height:335px; 
	background: url(/images/kids.gif) no-repeat;
	z-index:100;
}
#popHeader {
	width: 260px;
	height: 50px;
	background: 0;
}
#intro {
	width: 460px;
}
#popIntro {
	width: 260px;
}
#quickSummary {
	margin: -10px 0 0 30px;
}
#quickSummary .p1 {
	display: none;
}
#preamble {
	margin: 20px 0 30px 0;
	padding: 0 0 0 30px;
	width: 420px !important;
	width /**/: 460px;
}
#preamble h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_preamble.gif) no-repeat;
	}
#preamble .p1 {
	padding: 0;
	margin: 5px 0 0 0;
}
#fellowship {
	margin: 20px 0 30px 0;
	padding: 0 0 0 30px;
	width: 420px !important;
	width /**/: 460px;
}
#fellowship h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_fellowship.gif) no-repeat;
	}
#fellowship .p1 {
	padding: 0;
	margin: 5px 0 0 0;
}
#discussionswt h3{
	margin: 0;
	padding: 0;
	width: 396px;
	height: 65px;
	background: url(/images/h_discussions_wt.gif) no-repeat;
	}
#discussionwtText {
	padding: 30px;
	padding-bottom: 0;
	width: 408px !important;
	width /**/: 468px;
}
#thought h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_thought.gif) no-repeat;
	}
#event h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_event.gif) no-repeat;
	}
#eventCalendar h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_event_calandar.gif) no-repeat;
}
#inspiration h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_inspiration.gif) no-repeat;
}
#zone h3{
	margin: 0;
	padding: 0;
	width: 265px;
	height: 20px;
	background: url(/images/h_zone.gif) no-repeat;
	}

/*------------------------------------------------------
S U P P O R T I N G   T E X T 
------------------------------------------------------*/

#supportingText {
	width: 460px;
}
#supportingText {
	padding: 30px;
	padding-bottom: 0;
	width: 408px !important;
	width /**/: 468px;
	background: url(/images/kidsbackground_supportingtext.gif) repeat-y;
	color: #000000;
}
.textbody {
	margin: -30px -30px 0 -30px ; 
	padding: 30px 30px 0 30px;
	background: url(/images/i_kidssupportingtext_header.gif) no-repeat;
}
#audio h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_audio.gif) no-repeat;
}
#audioRequest h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_audio_request.gif) no-repeat;
}
#minister h3 {
	width: 369px;
	height: 25px;
	background: url(/images/h_minister.gif) no-repeat;
}
#believe h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_believe.gif) no-repeat;
}
#activity h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_activity_zone.gif) no-repeat;
}
#baptism h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_baptism.gif) no-repeat;
}
#fyi h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_fyi.gif) no-repeat;
}
#guestbooksign h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_guestbooksign.gif) no-repeat;
}
#guestbook h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_guestbook.gif) no-repeat;
}
#contact h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_contact.gif) no-repeat;
}
#directions h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_directions.gif) no-repeat;
}
#discussions h3 {
	width: 396px;
	height: 65px;
	background: url(/images/h_discussions.gif) no-repeat;
}
#links h3 {
	width: 396px;
	height: 65px;
	background: url(/images/h_links.gif) no-repeat;
}
#newsletter h3 {
	width: 396px;
	height: 65px;
	background: url(/images/h_newsletter.gif) no-repeat;
}
#philosophy h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_philosophy.gif) no-repeat;
}
#programs h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_programs.gif) no-repeat;
}
#requirements h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_requirements.gif) no-repeat;
}
#scrapbook h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_scrapbook.gif) no-repeat;
}
#sermonNotes h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_sermon_notes.gif) no-repeat;
}
#sermonSeries h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_sermon_series.gif) no-repeat;
}
#thingsAbove h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_things_above.gif) no-repeat;
}
#thingsArchive h3 {
	width: 396px;
	height: 25px;
	background: url(/images/h_things_archive.gif) no-repeat;
}
#minister,#believe,#directions,#requirements {
	margin-bottom: 30px;
}
.p1,.p2,.p3,.p4,.p5 {
	margin-top: 10px;
}
.p5 {
	padding: 10px;
}
p.image {
	float: right;
	font-size: 10px;
	text-align: center;
	color: #564A32;
	padding: 1.25em 1.25em 0.25em 0.25em;
}

p.image img {
	display: block;
	border: none;
}
.smalltext { 
    color: black; 
	font-size: 10px; 
	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif; 
}
.headline { 
    font-size: 18px; 
	font-weight: bold;
	color: #003166;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
	padding: 10px 0; 
}
/*------------------------------------------------------
FOOTER
------------------------------------------------------*/

.footer {
	margin: 0 -30px; 
	padding: 40px 30px 0px 30px;
	height: 20px !important;
	height /**/: 70px;
	background: url(/images/kidsbackground_footer.gif) no-repeat;
}

/*------------------------------------------------------
PULL QUOTE
------------------------------------------------------*/
#pullquote {
	float: right;
	width: 140px;
	font-size: 16px; 
	font-weight: bold;
	color: #2968B5;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
	margin: 5px 7px; 
	padding: 3px 2px;
	border-top: solid 4px #003166;
	border-bottom: solid 2px #003166;
}
/*------------------------------------------------------
FORM BUTTONS
------------------------------------------------------*/
.submit
{
border: 3px double #958C77;
border-top-color: #C7C1B1;
border-left-color: #C7C1B1;
padding: 0.25em;
background-color: transparent;
background-image: url(submit.gif) repeat-x;
font-size: 100%;
font-weight: bold;
font-family: "Trebuchet MS", Arial, Verdana, Sans-serif;
} 

/*------------------------------------------------------
NAVIGATION COLUMN
------------------------------------------------------*/
#linkList {
	position: absolute;
	top: 338px;
	left: 525px;
	width: 177px;
	background: url(/images/bg.gif) repeat-y;
}

/*------------------------------------------------------
NAVIGATION
------------------------------------------------------*/
.navigation {
	margin-top: 0px;
	padding-bottom: 5px;
	width: 177px;
	height: 70px;
	background: url(/images/hkids_destinations.gif) no-repeat;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px; /* Width of Menu Items */
}

#nav ul li {
	position:relative;
	width: 150px;
	padding: 5px 0 5px 30px;
	display: block;
	background: url(/images/bullet_handorange.gif) 14px 7px no-repeat;
	}

#nav ul li a {
	display: block;
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	background: 0;
	line-height: 12px;
	}
#nav ul li a:visited { color: #336699; background: 0; text-decoration: underline; } /* Hover Styles */
#nav ul li a:hover { color: #FF6600; background: 0; } /* Hover Styles */

ul ul {
	position:absolute;
	display:none;
	right: 170px; /* Set 1px less than menu width */
	top: 0;
	background: transparent url(/images/ddbg3.gif) bottom left no-repeat;
	border-top: solid 1px #003166;
}

li ul li a { padding: 1px 0px; } /* Sub Menu Styles */

li:hover ul ul, li.over ul ul { display:none; }

li:hover ul, li li:hover ul, li.over ul, li li.over ul { display: block; } /* The magic */


/*------------------------------------------------------
CALENDAR
------------------------------------------------------*/

.calandar {
	margin-top: 20px;
	padding-bottom: 5px;
	width: 177px;
	height: 70px;
	background: url(/images/hkids_calendar.gif) no-repeat;
}
#lcalandar ul {
	width: 176px;
	list-style-type: none;
}
#lcalandar ul li {
	width: 150px;
	padding: 5px 0 5px 30px;
	display: block;
	background: url(/images/bullet_handblue.gif) 14px 7px no-repeat;
}
#lcalandar ul li a{
	display: block;
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}
#lcalandar ul li a:hover{
	color: #FF6600;
}
#lcalandar ul li a.c {
	color: #6689AF;
	display: inline;
	font-weight: bold;
}
#lcalandar ul li a.c:hover {
	color: #C13003;
	text-decoration: underline;
}


/*------------------------------------------------------
SERMONS
------------------------------------------------------*/

.sermons {
	margin-top: 20px;
	padding-bottom: 5px;
	width: 177px;
	height: 70px;
	background: url(/images/hkids_sermons.gif) no-repeat;
}
#lsermons ul {
	width: 176px;
	list-style-type: none;
}
#lsermons ul li {
	width: 150px;
	padding: 4px 0 4px 30px;
	background: url(/images/bullet_handorange.gif) 14px 8px no-repeat;
}
#lsermons ul li a{
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}
#lsermons ul li a:hover{
	color: #FF6600;
}
/*------------------------------------------------------
Navigation Footer
------------------------------------------------------*/

.navFooter {
	margin-top: 20px;
	padding-bottom: 0px;
	width: 190px;
	height: 42px;
	background: url(/images/bg_footer.gif) no-repeat;
}
/*------------------------------------------------------
DISCUSSIONS
------------------------------------------------------*/
#discussions ul {
	width: 350px;
	list-style-type: none;
}
#discussions ul li {
	width: 325px;
	padding: 4px 0 4px 30px;
	background: url(/images/bullet_nav.gif) 14px 8px no-repeat;
}
#discussions ul li a{
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	line-height: 12px;
}
#discussions ul li a:hover{
	color: #FF6600;
}
.discussionsfooter {
	margin: 0 -30px; 
	padding: 40px 30px 0px 30px;
	height: 20px !important;
	height /**/: 70px;
	background: url(/images/discussions_footer.gif) no-repeat;
}
td#subject {
	width: 160px;
	padding: 5px;
	text-align: left;
	background-color: #E6E1D4;
}
td#name {
	width: 240px;
	padding: 5px;
	text-align: right;
	background-color: #E6E1D4;
}
td#post {
	width: 400px;
	padding: 5px;
	text-align: justify;
}
/*------------------------------------------------------
AUDIO SERMONS
------------------------------------------------------*/

tr#background {
background: url(/images/table.gif) repeat;
}
td#sermon {
	width: 100%;
	padding: 5px;
	text-align: left;
}
td#date{
	width: 70px;
	padding: 5px;
	text-align: right;
	color: #666666;
}
td#sermon a {
	font-weight: bold;
	color: #003166;
	text-decoration: none;
	background: 0;
	}

td#sermon a:hover { color: #FF6600; background: 0; }

/*------------------------------------------------------
CALENDAR page
------------------------------------------------------*/

.headline {
font-size: 12px;
font-weight: bold;
color: #000000;
}
.subhead {
font-size: 12px;
color: #000000;
}
.italics {
font-size: 11px;
color: #666666;
}