body { background: #422D47 url(Images/cross2.jpg) no-repeat fixed top right ;
       font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif ;
       font-size: 15px ; 
     }  
	 
body { background: #D8BCD8 url() no-repeat fixed top right ;
       font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif ;
       font-size: 15px ; 
     }

/* boundary is the dark purple color on the back of every page */

.boundary { background-color: #D8BCD8 ;
            max-width: 65em ;
            width:expression( 
    document.body.clientWidth > (800/12) * 
    parseInt(document.body.currentStyle.fontSize)?
        "65em":
        "auto" );
        }
.boundary_wide { background-color: #D8BCD8 ;
                 width: 100% ;
        }

/* Header is the medium purple color at the top of the page */
/* Subheader is the address and phone info on the index page */

.header { background-color: #964796 ;
          max-width: 65em ;
/*          width: 770px ;  */
        }
.header_wide { background-color: #964796 ;
               width: 100% ;
        }
td.header { font-family: Monotype Corsiva, ITC Zapf Chancery Medium Italic, Apple Chancery,
                         Lucida Handwriting, Geneva, Tahoma, Helvetica, Arial, sans-serif ;
          text-align: center ;
          color: white ;
          font-size: 45px ;
          font-weight: bold ;
          text-shadow: black 5px 5px 5px ;
          }

.subheader { background-color: #FCFCFC ;
             text-align: center ;
             width: 100% ;
             padding: 3px ;
             font-size: 100% ;
           }

/* Right now footer is just on the index page */

.footer { background-color: #FCFCFC ;
             text-align: center ;
             font-size: 85% ;
        }

/* Leftmenu is for the area where the fly-out menu goes.  It has its own style sheet, too-- leftmenu.css */

.leftmenu { background-color: #D8BCD8 ;
            width: 140px ;
            float: left ;
          }

/* topmenu, topcell and topdiv are for the horizontal navbar on the index page */

.topmenu { background-color: #964796 ;
           color: white ;
           text-align: center ;
/*           font-family: Monotype Corsiva, ITC Zapf Chancery Medium Italic, Apple Chancery,
                         Lucida Handwriting, Geneva, Tahoma, Helvetica, Arial, sans-serif ; */
         }
.topcell { background-color: #964796 ;
           color: white ;
           text-align: center ;
            padding-top: 2px ;
            padding-bottom: 2px ;
            font-size: 100% ;
         }
.topdiv { background-color: #D8BCD8 ;
        }
A.topmenu:hover { 
/* background-color: #D8BCD8 ; */
                  color: #eeff77 ;
                }
A.topmenu { color: white ;
            font-weight: bold ;
            text-decoration: none ;
            font-size: 90% ;
            font-style: oblique ;
          }
.topmenu_single { width: 105px ;
                }
/* topleft is the email/search links at the top of every page except the index */

.topleft { font-size: 70% ;
           margin: 0 ;
           padding: 3px 0px 5px 5px ;
           color: white ;
         }
A.white_plain { color: white ;
            text-decoration: none ;
          }

/* address is for the church name and address under the left-side menu */

.address { font-size: 75% ;
           text-align: center ;
           padding-top: 15px ;
           clear: left ;
           }

/* news is the news box on the index page, and anything else that wants a light blue */
/* background and a border                                                           */

.news { border: thin solid black ;
        width: 160 ;
        margin: 0px 0px 10px 3px ;
        padding-left: 8px ;
        background-color: #EAECF6 ;
      }
.news p { font-size: 90% ;
           padding-left: 0px ;
           margin-left: 5px ;
         }
.news li { font-size: 90% ;
           padding-left: 0px ;
           margin-left: 5px ;
         }
.news ul { padding-left: 0px ;
           margin-left: 5px ;
           margin-top: 8px ;
         }

/* headers are defined here -- starting with the common stuff, then changing the sizes */

H1, H2, H3, H4 { text-align: center ;
     font-weight: bold ;
     font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif ;
/*     font-family: New York, Georgia, Times New Roman, Times, serif ;  */
     margin: 0px ;
   }
H1 { font-size: 150% ;
   }
H2 { font-size: 140% ;
   }
H3 { font-size: 130% ;
     margin-top: 0px ;
   }
H4 { font-weight: bold;
     font-size: 100%;
     margin: 0px ;
     margin-left: 5px ;
   }

/* maintext is the big area with the white-ish background.  The left margin is set at 143px to allow
room for the left-hand menu. Be careful changing the margins or padding */

.maintext { background-color: #FCFCFC ;
            margin-left: 143px ;
            padding: 4px 0px 2px 0px ;
            margin-right: 0px ;
          }

/*            margin-left: 145px ;
            padding: 4px 0px 2px 0px ;
            margin-right: 0px ;
            width: 620px ;
            float: right ;    */

.maintext_wide { 
            margin-left: 143px ;
            padding: 4px 0px 2px 0px ;
            margin-right: 0px ;
          }

/* poster is useful when you have a page that's going to be a poster-like announcement */

.poster { font-family: New York, Georgia, Times New Roman, Times, serif ;
          text-align: center ;
        }

.poster_sans { font-family: Verdana, Geneva, sans-serif ;
               text-align: center ;
             }
.biggest { font-size: 175% ;
           font-weight: bold ;
         }
.bigger { font-size: 135% ;
          font-weight: bold ;
         }
.big { font-size: 115% ; }
.small { font-size: 90% ; }
.smaller { font-size: 80% ; }
.smallest {font-size: 70% ; }

/* Rightfloat is for the news and ELCA Bible verse box on the index page, or for anything else
that wants to float right with a border on the left */

.rightfloat { background-color: #FCFCFC ;
              float: right ;
              border-left: medium solid #964796 ;
              margin-top: 8px ;
              margin-left: 5px ;
              padding-left: 10px ;
              padding-right: 5px ;
              padding-bottom: 5px ;
			  width: 250px ;
            }

.rightfloat1 { background-color: #FCFCFC ;
              float: right ;
              border-left: medium solid #964796 ;
              margin-top: 8px ;
              margin-left: 5px ;
              padding-left: 10px ;
              padding-right: 5px ;
              padding-bottom: 5px ;
			  width: 90px ;
            }
			
/* Leftfloat is for anything that wants to float to the left, with no border */

.leftfloat { background-color: #FCFCFC ;
             float: left ;
             padding-left: 5px ;
             padding-right: 10px ;
           }

/* Set padding for paragraphs. */

p {
	padding: 5px 10px;
	font-size: medium;
	text-align: center;
  }

/* Links is for in-page links up at the top. */

p.links { text-align: center ;
        }
        
/* Verse is for Bible verses */        
        
 .verse { font-style: italic ;
          font-size: smaller ;
        }

/* Add padding around images in the main area */
img.main { margin: 10px ;
           float: left ;
           border: 0px ;
         }
/* caption is smaller text for photo captions */
.caption { font-size: 80%
         }

/* set alpha and numeric styles for ordered lists, and spacing between list items */

ol.number { list-style: decimal ;
            margin-top: 5px ;
          }
ol.letter { list-style: lower-alpha ;
            margin-top: 5px ;
          }
li { margin-bottom: 3px ;
     margin-right: 3px ;
     font-size: 100% ;
   }
ul { margin-top: -15px ;
   }
ul ul { margin-top: 8px ;
      }
ul ul ul { margin-top: 8px ;
      }

.list { padding-bottom: 6px ;
        margin-bottom: 0px ;
        padding-top: 0px ;
        margin-top: 0px ;
      }
      
.cross { list-style-image: url(Images/cross_bullet.gif) ;
         list-style-type: disc ;
       }

/* following is special formatting for The Visitor */
h2.visitor { background-color: #D8BCD8 ;
             margin-bottom: 5px ;
           }
ul.visitor { list-style-type: none ;
           }