/* fonts and links in text */
 
body {
margin:0px;
padding:0px;
margin:0px;
padding:0px;
background-color: #ffffff;
font-family: verdana;
font-style: normal;
text-align: center; /* to center wrapper for IE */
}
 

h1 {
font-family: Verdana;
font-style: normal;
font-size: 1.8em;
color: #534026;
font-weight: normal;
text-align: center;
text-decoration: none;
}
 
h2 {
font-family: Verdana;
font-style: italic;
font-size: 1.5em;
color: #534026;
font-weight: normal;
text-align: center;
text-decoration: none;
}
 
h3 {
font-family: Verdana;
font-style: normal;
font-size: 1.0em;
color: #534026;
font-weight: bold;
text-align: left;
text-decoration: none;
margin-top: 25px;
margin-bottom: 0px;
}
 
p {
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
color: #534026;
font-weight: normal;
text-align: left;
text-decoration: none;
}
 
ul {
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
text-align: left;
color: #534026;
}
 
ol {
font-family: Verdana;
font-style: normal;
font-size: 0.8em;
text-align: left;
color: #534026;
}
 
li {
text-align: left;
}
 
a:link {
font-family: Verdana;
color: #000080;
text-decoration: underline;
font-weight: normal;
}
  
a:active {
font-family: Verdana;
color: #000080;
text-decoration: none;
}
  
a:hover {
font-family: Verdana;
color: #ff0000;
font-size: 1.0em;
text-decoration: underline;
}
 
 
 /* wrapper code */

#wrapper {
width: 900px;
margin: 0 auto;
border: 0px;
text-align: left; /* counter center wrapper for IE in #body */
padding: 0px;
margin-top: 20px;
margin-bottom:20px;
}


#banner {
display: block;
background-image:url('http://www.mortalminds.net/images/jesus-children.jpg');
background-repeat: no-repeat;
width:900px;
height:388px;
}

#title-box {
display:block;
padding: 0px;
margin: 0px;
width: 100%;
height:88%
}

#left-column {
float: left;
padding-top: 20px;
padding-left: 0px;
padding-right: 20px;
padding-bottom: 10px;
width: 620px;
border: 0px;
}
 
#right-column {
float: right;
padding-top: 20px;
padding-left: 10px;
padding-right: 0px;
padding-bottom: 10px;
width: 240px;
}


#footer { /* to cancel float command */
clear: both;
background-color: #ffffff;
align: center;
width:880px;
height: 40px;
padding-left: 20px;
border: 1px solid;
border-color: #000000;
}
 

/* Horizontal Navigation */

#navigation {
font-family: Verdana, sans-serif;
font-size: 1.3em;
}

#navigation ul {
list-style: none;
margin: 0px;
padding: 0px;
width: 100%
}

#navigation li {
float: left;
}

#navigation a:link, #navigation a:visited {
display: block;
width: 200px;
margin: 5px;
border-style: dotted;
border-width: 1px;
Border-color: #000000;
padding: 5px 5px 5px 5px;
text-align: center;
color: #21190c;
text-decoration: none;
font-weight: normal
}

#navigation a:hover {
display: block;
width: 200px;
margin: 5px;
border-style: solid;
border-width: 1px;
border-color: #ffffff;
background-color: #ffffff;
text-align: center;
color: #21190c;
text-decoration: none;
font-weight: normal
}


/* article navigation */

.summary {
padding:10px;
background-color: #e9d8ba;
border: 1px dotted #534026;
margin-bottom: 8px;
}
 
.summary li a {
font-size: 1em;
text-decoration: none;
}
 
.summary li a:active, .summary li a:hover {
font-size: 1em;
text-decoration: underline;
}
 
.summary2 {
padding:10px;
background-color: #9f8c6e;
border: 1px dotted #534026;
margin-bottom: 8px;
}