/*
   Overshadowed Ministries
   Screen Stylesheet
*/

body {
   font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
   background-color: #166439;
   margin: 0;
   padding: 15px 0;
   }

a, a:link {
   color: #ecde8c;
   }

a:visited {
   color: #bfae66;
   }

a:hover {
   color: #fff;
   }

ul, ol {
   padding: 0;
   margin-left: 0px;
   }

ul {
   list-style: outside url(../images/bullet.gif);
   }

li {
   margin-left: 3.3em;
   margin-right: 1.5em;
   margin-bottom: .5em;
   }

blockquote {
   clear: both;
   margin: 0 0 0 1em;
   padding: 0 2.5em 0 1.5em;
   background: url(../images/quote.gif) top left no-repeat;
   }

address {
   text-align: left;
   margin: 0 0 0 180px;
   padding: 0 0 0 5px ;
   font-style: normal;
   }

address:first-line {
   font-weight: bold;
   }

table {
   border-right: 1px solid #166439;
   border-bottom: 1px solid #166439;
   }

thead {
   background-color: #166439;
   color: #fff;
   }

th, td {
   border-top: 1px solid #166439;
   border-left: 1px solid #166439;
   padding: 0 2px 0 2px;
   }

code {
   white-space: pre;
   }

hr {
   width: 450px;
   text-align: center;
   }

#wrapper {
   width: 640px;
   margin: auto;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
   position: relative;
   }

#header {
   width: 640px;
   height: 175px;
   background-color: #0f3319;
   color: #fff;
   border-top: 1px solid #000;       /* fixes spacing prob with Opera 7 */
   border-bottom: 1px solid #367d57; /* fixes spacing prob with Opera 7 */
   }

#header h1, #header h3 {
   text-align: center;
   }

#header span img {
   display: none;
   }

#header span {
   background: url(../images/header.jpg) top left no-repeat;
   }

#dove {
   position: absolute;
   top: 153px;
   left: 580px;
   width: 63px;
   height: 90px;
   z-index: 1;
   background: url(../images/golddove.png) top left no-repeat;
   }

#subheader {
   margin: 0;
   color: #d3ecdf;
   background: #367d57 url(../images/goldbar.gif) bottom left no-repeat;
   height: 2.4em;
   padding-bottom: 5px;
   }

#services, #contact {
   font-size: 80%;
   }

#services {
   float: left;
   width: 180px;
   text-align: right;
   }

#contact {
   float: right;
   width: 360px;
   text-align: left;
   }

#menu {
   clear: both;
   min-height: 15px;
   height: 1.0em;
   font-size: 80%;
   margin: 0;
   margin-bottom: 0;
   padding: 5px 0 12px 0;
   background: #367d57 url(../images/menu.jpg) bottom left no-repeat;
   border-bottom: 1px solid #000;
   }

#menu ul {
   list-style: none none;
   padding: 0;
   margin: 0 0 0 15px;
   }


#menu ul li {
   display: inline;
   height: 100%;
   color: #d3ecdf;
   margin: 0;
   padding: 15px 0 15px 0;
   font-style: italic;
   }

#menu ul li.selected span {
   color: #ecde8c;
   }

#menu ul li span {
   padding: 15px 10px 15px 10px;
   }

#menu ul li a span {
   width: 100%;
   height: 30px;
   padding: 15px 10px 15px 0;
   }

#menu ul li a, #menu ul li a:link, #menu ul li a:visited {
   padding: 10px 0 10px 10px;
   height: 30px;
   text-decoration: none;
   color: #d3ecdf;
   }

#menu ul li:hover {
   background: url(../images/curly-left.gif) center left no-repeat;
   }

#menu ul li:hover span {
   background: url(../images/curly-right.gif) center right no-repeat;
   }

#menu ul li.selected:hover, #menu ul li.selected:hover span {
   background: none;
   }


#content {
   clear: both;
   background: #d3ecdf url(../images/goldbar.gif) bottom left no-repeat;
   margin: 0;
   padding: 5px 15px 30px 15px;
   font-size: 75%;
   text-align: justify;
   }

#content * {
   position: relative; /* fixes display glitch in IE6Win */
   }

#content a, #content a:link, #content a:visited {
   color: #166439;
   }

#content img {
   border: 1px solid #000;
   padding: 1px;
   }

#content img.imgLeft {
   float: left;
   margin: 0 10px 5px 0;
   }

#content img.imgRight {
   float: right;
   margin: 0 0 5px 10px;
   }

#content img.imgCenter {
   clear: both;
   display: block;
   margin: 0 auto 5px auto;
   }

#content a.galleryImg, #content a.galleryImg:link {
   float: left;
   display: inline;
   width: 160px;
   height: 205px;
   }

#content a.galleryImg img {
   float: none;
   width: 150px;
   }

#content #gallery, #content div.gallery {
   width: 486px;
   padding-left: 6px;
   margin: auto;
   }

#content #gallery div.clear, #content div.gallery div.clear {
   text-align: center;
   }

#footer {
   color: #d3ecdf;
   background: #367d57 url(../images/goldbar.gif) bottom left no-repeat;
   font-size: 60%;
   text-align: center;
   padding-bottom: 10px;
   }

.replace {
   position: relative;
   margin: 0;
   padding: 0;
   /* hide overflow:hidden from IE5/Mac */
   /* \*/
   overflow: hidden;
   /* */
   }

.replace span {
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1; /* for Opera 5 and 6 */
   }

.floatLeft {
   float: left;
   margin: 5px 10px 5px 0;
   }

.floatRight {
   float: right;
   margin: 5px 0 5px 10px;
   }

.clear {
   clear: both;
   }

.scripturefooter {
   clear: both;
   margin: 4em 0 0 0;
   padding: 25px 1.5em 1.5em 1.5em;
   background: #eee url(../images/scriptureref.gif) top right no-repeat;
   border: 1px solid #367d57;
   }

.scripturefooter b {
   color: #166439;
   }

.error {
   color: #a70707;
   font-size: 200%;
   text-align: center;
   }

blockquote.pullquote {
   background: none;
   float: right;
   width: 160px;
   margin: 0px 0px 10px 15px;
   padding: 0px;
   font: 20px/24px Georgia, palatino, serif;
   color: #333;
   text-align: center;
   }