#pageFrame
{
	/* border and padding around entire page */
	border: 1px solid #333333;
	background-color: #fff;
	color: #000;
	width: 700px;
	margin-left: auto;
margin-right: auto;
}

div
{
	/* this is for netscape 4's sake */
	padding: 0;
	margin: 0;
}

body
{
	padding: 10px;
	margin: 0;
	background-color: #E6B573;	/* border/edge of the layout color */
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

/*** top left links ***/
#homelinks
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #000;
	color: #fff;
	border: none 0px #000;
	border-bottom-width: 1px; 
	padding: 0px 10px 0px 0px;
}

/*** Masthead ***/
#masthead
{
	background-color: #40805C;
	border: none 0px #40805C; /* this is for netscape 4's sake */
	border-bottom-width: 1px; 
	padding: 10px 5px;
	z-index: 10;
	white-space: nowrap;
	color: #CFE6D9;
}
#masthead h2
{
 color: #D1FFBF;
 font-size: 150%;
	padding: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
}

/*---- Horizontal Navigation ----*/
.hnav
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 3px 0 4px 0;
	background-color: #134028;
	color: #fff;
	border: none 0px #000; /* this is for netscape 4's sake */
	border-bottom-width: 1px;
	white-space: nowrap;
}

.hnav ul
{
	text-align: left;
	list-style-type: none;
	line-height: normal;
	margin: 0;
	padding: 0px 0px 0px 10px;
}

.hnav ul li
{
	display: inline;
	white-space: nowrap;
	/*/*/ /*/display: none;/*  */
}

/* marks link on same page as current in hnav */
body.kenya a#one,
body.man a#two,
body.woman a#three,
body.reflection a#four,
body.teacher a#five
{
background: #c7da5a;
color: #333;
border-bottom: 1px solid c7da5a;
} 

/* marks link on same page as current in hnav2 bar*/
body.sub1 a#story,
body.sub2 a#scriptures,
body.sub3 a#activities,
body.sub4 a#extend,
body.sub5 a#puzzle
{
color: #666666;
}


 /* sets colors for links */
a:link {
	color: #E6D2CF; 
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

a:visited {
	color: #E6D2CF; 
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

a:hover {
	color: #E6D2CF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
 
 /* Content area */
#content
{
	width: auto;
	background-color: #fff;
	color: #000;
	border: none 0px #fff; /* this is for netscape 4's sake */
	border-bottom-width: 1px; 
}



/* padding for content area */
#innerContent
{
	font-family: Arial, Helvetica, sans-serif;
	padding: 15px 10px 10px 20px;
	text-align: left;
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
}

#innerContent a:link {
	color: #BF4730;
	text-decoration: none;
	font-weight: bold;
}

#innerContent a:visited {
	color: #8a9833; 
	text-decoration: none;
	font-weight: bold;
}

#innerContent a:hover {
	color: #8a9833;
	text-decoration: underline;
	font-weight: bold;
}


#content>#innerContent
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}

#innercontent
{
	height: 100%;	/* fix IE 5.0 which parse the Opera fix, note the selector is all lower case */
}



#footer
{
	clear: left;
	z-index: 10;
	white-space: nowrap;
	border: solid 0px #000;
	border-top-width: 1px;
	border-bottom: solid 1px  #40805C; /* IE 6 has the footer flow over the pageFrame's bottom border. if this border is added, IE draws the pageFrame border as exptected */
	background-color:  #40805C;
}

/* padding for footer */
#innerFooter
{
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #D1FFBF;
	text-align:center;
}

/*Styles for the header text*/
 h1:first-child {margin-top: 0;}/*starts first h1 in TD flush top*/
 h2:first-child {margin-top: 0;}/*starts first h2 in TD flush top*/
 
 h1 {
	font-size: 150%;
	padding: 0px;
	margin-bottom: -5px;
	margin-top: 5px;
	color: #000033;
 }
 
 h2 { font-size: 120%; 
	margin-bottom: -5px;
	margin-top: 3px;
	color: #000033;
 }
 
h3 { font-size: 100%;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0;
	border: 0;
	margin-top: 0px;
	color: #000000; 
 }
 
 /* style for right alignment */	
 .right {
	float: right;
	}
	
 /* style for left alignment */	
 .left {
	float: left;
	}
	
.hide
{
	display: none;
}

/* smaller type style */
.small {font-size: 12px;}

/* photo caption style */
.caption {font-size: 12px;
	font-style:italic;
}

/* photo credit style */
.credit {font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

TABLE, TD, TH, UL, OL, LI, SPAN, caption {font-family: Helvetica,Arial,sans-serif; color: #000;}