body { background-color: #501D50 ;
       font-family: Trebuchet MS, Verdana, Helvetica, Arial, sans-serif ;
     }

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

.boundary { background-color: #D8BCD8 ;
        }

/* 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 ;
        }
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-top: 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 ;
         }
.topcell { background-color: #964796 ;
           color: white ;
           text-align: center ;
            padding-top: 2px ;
            padding-bottom: 2px ;
            font-size: 100% ;
         }
.topdiv { background-color: #D8BCD8 ;
        }
A.topcell:hover { background-color: #D8BCD8 ;
                  color: #663366 ;
                }
A.topcell { color: white ;
            text-decoration: none ;
          }
.topmenu_single { width: 105px ;
                }
/* topleft is the home/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: 80% ;
           padding-left: 0px ;
           margin-left: 5px ;
         }
.news li { font-size: 80% ;
           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: New York, Georgia, Times New Roman, Times, serif ;
     margin: 0px ;
   }
H1 { font-size: 145% ;
   }
H2 { font-size: 135% ;
   }
H3 { font-size: 125% ;
     margin-top: 0px ;
   }
H4 { font-weight: bold ;
     font-size: 110% ;
     margin: 0px ;
     margin-left: 5px ;
   }

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

.maintext { background-color: #FCFCFC ;
            margin-left: 140px ;
            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: 130% ;
          font-weight: bold ;
         }
.big { font-size: 110% ; }
.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 ;
            }

/* 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: 100% ;
  }

/* 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 { padding: 10px ;
           float: left ;
           border: 0px ;
         }
img.maintext { padding: 10px ;
           float: left ;
         }

/* 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 ;
           }