body {
overflow: scroll;  /*Firefox truncates page at screen height on pages using simpleviewerpro sftwr for a slideshow if this stmt not included. */
font-family : verdana, Tahoma, Arial, sans-serif;
font-size : 80%;
color: #000000;  /* Text is black. */
background-color:#ffffff; /* Screen bkgnd is white. */
/* Top margin 0px; left/right margin auto = centered in non IE. */
margin: 0 auto;
text-align: center; /* IE centers all; IE6 not recog. 'auto' */
border: 0px;
padding: 0 0 0 0;
}
/* Below from original asp-based website */
p, td, li, ul, table{
color: #000000;
text-decoration : none;
font-size : 100%;
/* text-align:left; Removed because set in divs below - no effect*/
border-style: none;
border-size: 2 px; 
}
/* provide space around images - so text not up against them */
img {
border-color: #ffffff;
border-style: solid;
border-width:6px;
}

a, a:link {
color : #0000FF;  /* meduium blue */
text-decoration: none;
}
a:visited {
color : #0000FF;  /* medium blue */
text-decoration : none;
}
a:focus, a:hover {
color : #333333;  /* dark grey */
text-decoration : underline;
}
a:active {
color : #333333;
text-decoration : none;
}
h1  {
color: #3366cc; /* same blue as sub menu navigation items */
font-size: 175%;
font-weight: bold;
text-align:center;
}
h2  {
color: #000000;
font-size: 130%;
font-weight: bold;
text-align:left;
}
h3 {
color: #3399cc; /*slightly lighter blue than sub menu navigation items */
font-size: 115%;
font-weight: bold;
text-align:left; 
}
h4, h5 {
color: #000000;
font-size: 100%;
font-weight: bold;
text-align:left; 
}

h6 {
color: #000000;
font-size: 100%;
font-weight: bold;
text-align:center;
}

/* End of original asp-based website css */

/* Below is new css added for sub menu drop downs */

#wrapper {
background-image: url(images/gifsnbkgd/bckgrnd800.gif);
background-repeat: repeat-y;
width: 800px ;
margin: 0 auto;
text-align: center;
}
#wrapper #header { 
position: relative; /*change to 'fixed' or 'absolute' to make header top of every page didn't work with 'content' margin top 214px */
background-image: url(images/gifsnbkgd/header800.jpg);
background-repeat: no-repeat;
width: 100%; /*Forces 'header' to have layout in IE6 and below; also to contain bkgnd image */
height: 214px;
margin: 0 auto; /*center on Mac pre-IE/Firefox; not nec. for other browsers. */
padding-bottom: 1px;
}
#wrapper #content {
position: relative;
width: 100%;
margin: 0 auto; /*center on Mac pre-IE/Firefox; not nec. for other browsers. */
padding-bottom: 1px;
}

/* leave 10% space between 'lcontent' and 'rcontent' */
#wrapper #content #rcontent {
width: 70%; /*was 68% for 756w */
border: 0px; /* ?need */
text-align: justify;
padding-bottom: 1px;
margin-right: 32px;
float: right;
display: inline;
}

#wrapper #content #rcontent #flashContent {
width: 260px;
height: 260px;
padding-bottom: 1px;
padding-right: 5px;
float: left;
display: inline;
}

#wrapper #content #rcontent #youthform {
position: relative;
width: 70%;
padding-bottom: 1px;
margin-left: 10px ;
}

#youthform p { 
font-weight:bold;

}

#youthform li {
}

#wrapper #content #rcontent #poemlist {
position: relative;
width: 85%;
padding-bottom: 1px;
margin-left: 10px;
}

#poemlist ul {list-style: none;}

#poemlist li {
font-size:11px;
border-bottom-style: solid; 
border-bottom-width: 1px;
}

#wrapper #content #rcontent #kzone {
position: relative;
width: 85%;
padding-bottom: 1px;
margin-left: 30px; 
}

#wrapper #content #rcontent #mzone {
position: relative;
width: 70%;
padding-bottom: 1px;
margin-left: 110px; 
}

.col1 {
width: 102px;
text-align:center;
}

.col2 {
background-color: #ffe82e;
text-align:center;
}

.col3 {
background-color: #ffffcc;
text-align:center;
}

.col4 {
background-color: #cceeff;
text-align:center;
}

.col5 {
background-color: #66ccff;
text-align:center;
}

#wrapper #content #rcontent #admin {
position: relative;
width: 80%;
margin-left: 45px;
padding:5px;
}

#wrapper #content #rcontent #admin #adminsub {
margin-left:70px; 
}

#wrapper #content #lcontent {
width: 21%; /* 180px = 24% of 756px ; 165px = 20.5% of 756px ; 22% of 756 = 166; 21% of 800 = 168*/
border: 0px; /* ?need */
text-align: left;
margin-left: 15px;
padding-bottom: 1px;
float: left;
display: inline;
}
#wrapper #content #lcontent #nav_menu {
position: relative;
width: 100%;
padding-bottom: 1px;
background-color: #ffd82d;  /* golden yellow */
}
#nav_menu ul {
margin: 0px;
padding: 0px;
list-style: none;
background-color: #ffd82d;
}

#nav_menu ul li {
margin: 0px ;
padding: 0px ;
background-color: #ffd82d ;
display: block ;
border-top: 0px outset #eeeeee;
}

/* from cssautomenu.css - any li 'a' link within a ul is text color black on golden yellow bkgnd*/
#nav_menu ul li a {
display: block;
color:  #000000;
background-color: #ffd82d;
padding: 2px;
margin: 0px;
text-decoration: none;
height: 15px ;
line-height: 15px ;
}
/* Open - menu entry is open main menu li whose submenu is shown */
/* Closed - menu entry is main menu li whose submenu is not shown */
/* Active - menu entry is the current page */
/* Leaf - menu entry that has no submenu - may be main or sub menu li */

/* from cssautomenu.css - don't display uls within li's or under closed li's within an open li */
#nav_menu li ul {
display: none;
}
#nav_menu li.open li.closed ul {
display: none;
}
#nav_menu li.open ul {  /*display the ul (sub menu) within an open li */
display: block;
}
#nav_menu ul li.open a {
background-color: #ffd82d;
}
#nav_menu ul li.closed a {
background-color: #ffd82d;
}
/* main menu leaves (no submenu) get default black text on default golden yellow bkgnd */
#nav_menu ul li.leaf a{
color: #000000;
background-color: #ffd82d;
}
/* all leaf submenu links in open li follow this when one of the leaves is the active leaf */
#nav_menu ul ul li.leaf a {
color: #3366cc ;
padding-left: 6px ;
background-color: #ffb82b; 
}
/*active main menu li: black text on lighter golden yellow bkgnd than default - doesn't work for external links */
#nav_menu ul li.active a {   
background-color: #ffe82e;
}
/*sub menu li within the active main menu li node is default sub menu bkgnd  */
#nav_menu li.active li a {  
background-color: #ffb82b;
}
/*active sub menu li: blue text on lighter golden yellow bkgnd than default */
#nav_menu ul ul li.active a {   
background-color: #ffe82e;
}
#nav_menu ul li a:hover {  /*hovered main menu li: text red on white bkgnd */
color: #ff0000;
background-color: #ffffff ;
text-align: left;
/* border:0px inset #eee;  */
}
#nav_menu ul ul li a:hover {  /*hovered sub menu li: text red on white bkgnd */
color: #ff0000;
background-color: #ffffff ;
text-align: left;
/* border:0px inset #eee;  */
}


#wrapper #content #footer{
clear: both; /* Get 'wrapper' div to enclose 'content' */
position: relative;
width: 100%;
margin: 0 auto;
text-align: center;
border: 0px;
color: #000000;
font-size: 7pt;
letter-spacing: 2;
padding-top: 15px;
padding-bottom: 1px;
/* padding: 5px;  from old master.css */
}
#wrapper #content #footer #copyright {
width: 22%;
color: #000000;
margin-left: 20px;
text-align: left;
padding-top: 1px;
padding-bottom: 10px;
/* padding: 5px; from old master.css */
float: left;
display: inline;
}
/* Leave 10% space between 'copyright' and 'rhumcinfo' */
#wrapper #content #footer #rhumcinfo {
width: 68%;
margin-right: 32px;
text-align: center;
padding-top: 12px;
padding-bottom: 10px;
float: right;
display: inline;
}
#bottomgif {
/* clear: both;  */
position: relative;
width: 800px;
height: 37px;
background-image: url(images/gifsnbkgd/bottom800.gif);
background-repeat: no-repeat;
margin: 0 auto;
text-align: center;
padding-top: 1px;
padding-bottom: 1px;
}
.clear {clear:both; 
}

.center {text-align:center; }
.fontlink {font-size:80%;}
.redbox {background-color:#ff0000; }
.reverse {
background-color: #000000;
color: #ffffff;
}

/* Below TD1, TD3, TD4 used on Sermons2 and Sermons4 pages */
.TD1{
border-left-style: none; 
border-left-width: medium; 
border-right-style: none; 
border-right-width: medium; 
border-top-style: none; 
border-top-width: medium; 
border-bottom-style: solid; 
border-bottom-width: 1px;
text-align: left;
vertical-align:top;
}

.textarea {
font-family : verdana, Tahoma, Arial, sans-serif;
text-align: justify;
background: #ffffff;
line-height: 18px;
padding: 20px;
}
.headercell {
background: #ffff40;
}
.headercellgreen {
background: #4d6634;
}
.leftside {
text-align: center;
padding-left: 3px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.infoheader {
text-align: left;
font-size: 85%;
padding: 5px;
color: #ffffff;
font-weight: bold;
background: #000000;
border: 1px solid #000000;
}
.info {
text-align: left;
font-size : 85%;
line-height: 15px;
padding: 10px;
border: 1px solid #333333;
}
.copyright {
font-size: 7pt;
color: #cccccc;
letter-spacing: 2;
padding: 5px;
/*font-weight: bold;*/
background: #ffffff;
}
.lmd {
font-size: 85%;
color: #ffffff;
letter-spacing: 2;
padding: 5px;
font-weight: bold;
background: #000000;
}