body {
background-color: #cdc9a5;
font-family: Helvetica, Geneva, Tahoma, Verdana, Trebuchet MS, sans-serif;
}
.bold {
font-weight: bold;
}
.brochurelist {
text-indent: 40px;
}
.center {
text-align: center;
}
#container {
position: relative;
min-width: 600px;
width: 100%;
height: auto;
margin-top: -1%;
margin-bottom: 1%;
margin-left: -1%;
border:1px solid #666666; 
}

/* START OF #content */

#content {
background-position: right top; 
background-color: #fffff0;
width: 50%;
text-align: justify;  
font-family: Arial, sans-serif;
color:#333333; 
border-right: 1px solid #888888;
background-image:url('../images/pamphletcenter-r.png'); 
background-repeat:repeat-y
}
#content a {
text-decoration: none;
}
#content p {
margin-top: .25em;
line-height: 120%;
padding-left: 5%;
padding-right: 10%;
}

/* END OF #content */

/* START OF FOOTER */

#botnav {
}

#botnav a:link { text-decoration: none; background-color: #000000;
color: #ffffff;  border: 1px solid #000000; padding: .5em; }
#botnav a:visited { text-decoration: none;  background-color: #000000;color: #ffffff; border: 1px solid #000000; padding: .5em; }
#botnav a:hover { background: yellow; color: #ff0000; }
#botnav a:active { background: #00ff00; color: #ffff00 }

.footer {
text-align: center;
color:#000000; 
background-color:#c0c0c0;
padding: 10px;
border-top: 1px solid #000000;
}
/* END OF FOOTER */

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
text-align:center;
line-height:100%;
color:#000000;
}
h1 {font-size:120%;
margin-top: 1.75em;
}
h2 {
font-size:100%;
line-height:150%;
text-decoration:underline;
margin-top: 1em;
margin-bottom:.5em;
}
h3 { 
margin-bottom:.5em;
}
h4 {
margin-bottom:.5em;
}
h5 {
font-size:90%;
margin-bottom:.5em;
}
h6 {
font-size:90%;
margin-bottom:.5em;
}
img {
border: 0;
}

/* START OF HEADER */

#header {
background-color: #ffffcc;
font-family: Arial, sans-serif;
font-weight: bold;
text-align: center;
color: #000000; 
background-image:url('../images/timbergrain.png')
}
img.logo {
width: 80%;
margin-top: 1%;
}
#topnav {
width: 100%;
border-bottom: 1px solid #000000; 
}
ul {
list-style: none;
padding: 0;
margin: 0;
}

#nav a {
font-weight: bold;
color: green;
text-decoration: none;
}

#nav a:hover {
color: red;
}

#nav li {
position: relative;
float: left;
width: 17%;
text-align: center;
background-color: white;
border-top: 1px solid #666666;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}

#nav li:hover {
background-color: yellow;
}

#nav li li a:link {
display: block;
}

#nav li li a:hover {
background-color: yellow;
}

#nav li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
font-weight: normal;
border: 2px solid green; }

#nav li li {
display: block;
width: 100%;
text-align: left;
padding-left: 1em;
background-color: #000000;
border-right: 1px solid #000000;
}

#nav li:hover ul {
display: block;
width: 200%;
}

li.bottom {
border-bottom: 1px solid #000000;
}

/* END OF THE HEADER */

/* START OF LEFTEXTREME */

#leftextreme { position: absolute;
top: 10%;
left: 1%;
width: 13%;
border: 4px double #000000;
background-color: #ffcc66;
font-size: 75%;
}
#leftextreme p { 
margin-right: .5em;
margin-left: .5em;
}
hr { color: #de8aoc; }

/* END OF LEFTEXTREME */

/* START Of .NAVBOTTOM */

#navbottom {
position: relative;
text-align: center;
color:#333333; 
font-size: 80%;
background-color:#c0c0c0;
padding: .5em;
}
#navbottom a { 
}

#navbottom a:link { text-decoration: none;  }
#navbottom a:visited { text-decoration: none; color: #666666; }
#navbottom a:hover { background: #00ff00; color: #ffff33 }
#navbottom a:active { background: #00ff00; color: #ffff00 }

/* END Of .NAVBOTTOM */

/* START OF POPOUT CODE */

img.small { border: 1px solid black; }

.thumbnail {
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute; /* without this, the space for the large image appears blank below the thumbnail, and on hover, that is where the enlarged image appears. */
visibility: hidden;
left: 10%; /*position where enlarged image should offset horizontally. If not here, the page is much wider because of the hidden image*/
margin-top: -15%;
background-color: lightyellow;
padding: 5px;
border: 1px dashed gray;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 3px;
padding-bottom: 2em;
}

:hover.thumbnail span{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 10%; /*position where enlarged image should offset horizontally */
}

/* END OF POPOUT CODE */


/* START OF #RIGHT */

#right {
background-position: left top; position: absolute;
width: 50%;
height: 100%;
top: 0;
bottom: 1em; /* SEEMS ODD, BUT IT MUST BE THERE */
left: 50%;
margin: 0;
font-family: Arial, sans-serif;
color: #000000;
background-color:#fffffc;
z-index: -5; 
background-image:url('../images/pamphletcenter-l.png'); 
background-repeat:repeat-y
}
#righttxt {
margin-top: 60%;
padding-left: 10%;
padding-right: 5%;
line-height: 120%;
font-family: Helvetica, Geneva, Tahoma, Verdana, Trebuchet MS, sans-serif;
}
#right p {
}
/* END OF #RIGHT */

#rightextreme {
display: block;
top: 20%;
left: 86%;
right: 0;
height: 100%;
position: absolute;
font-size:80%;
}
#rightextreme p {
text-align: justify;
margin-left: 1em;
margin-right: 1em;
color: #ffffff;
}
#shadow {
position: absolute;
width: 70%;
top: 3.5%;
left: 16%; /* THIS IS SO THAT THE SHADOW APPEARS TO THE RIGHT OF THE CONTAINER, WHILE STILL LEAVING THE CONTAINER IN THE CENTER OF THE PAGE */
background-color:#556b2f;
z-index: -15; 
}
.signature {  font-family: BibleScrD}
.smalllist { font-size: 75%; }
#redback {
position: absolute;
top: 3%;
right: 0;
height: 70px;
width: 70px;
float: right;
}