/***** Styles for page layout *****/

body {
  border:0;
  margin:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#ddd; 
  font-family:georgia,times new roman,serif; 
  font-size:small;
  overflow: hidden; 
  }

#header {
  z-index:5;
  position:absolute;
  margin-left:0px;
  left:0px; 
  top:0px; 
  width:800px;
  height:106px; 
  background:#53829d;
  color:#fff;
  border-top: 1px solid #00007e;
  border-left: 1px solid #00007e;
  border-right: 1px solid #00007e;
  }

#headerImage {
  height: 106px;
  width: 800px;
  display: block;
}

#footer {
  z-index:5;
  position:absolute;
  margin-left:0px;
  left:0px;
  bottom:0px;
  padding-top:3px;
  padding-bottom:2px;
  border: 1px solid #00007e;
  width:800px;
  height:20px;
  background: #0099cc;
  color: #ffffff;
  font-size: small;
  font-style: italic;
  text-align: center;
  }

#credits {
  font-size:xx-small;
  font-style:italic;
}

#contents {
  z-index:3;
  display:block;
  position:absolute;
  margin-left:0px;
  left:0px;
  top:128px;
  bottom:26px;
  border-left: 1px solid #00007e;
  border-right: 1px solid #00007e;
  width:800px;
  overflow:auto; 
  background:#fff;
  }

/***** For Internet Explorer *****/
/* Font and other resizing needed because of our DOCTYPE */

* html #menuContainer {
  height:25px;
  }

* html #footer {
  bottom:0px;
  width:802px;
  padding-bottom:6px;
  font-size:x-small;
  }

* html #contents {
  top:0px;
  bottom:0px;
  height:100%; 
  width:802px;
  border-top:128px solid #fff; 
  border-bottom:26px solid #fff;
  }

* html #headerImage {
  width:800px;
  }

* html #credits {
  bottom:-25px;
  }

/***** Styles below control content window *****/

a {
  text-decoration:none;
}

a:visited {
  color:#0000FF;
}

a:hover {
  text-decoration:underline;
}

div.contentWindow {
  padding-left:10px;
  padding-top:10px;
  padding-bottom:10px;
  font-size:medium;
}

h1.contentWindow {
  margin:0;
  font-size:x-large;
  font-style:italic;
  font-family:georgia,verdana,arial;
  color:#808080;
}

h2.contentWindow {
  margin:0;
  font-size:large;
  font-style:normal;
  font-family:georgia,verdana,arial;
  color:#00007e;
}

h3.contentWindow {
  margin:0;
  font-size:medium;
  font-style:normal;
  font-family:georgia,verdana,arial;
  color:#00007e;
}

h4.contentWindow {
  margin:0;
  font-size:small;
  font-style:normal;
  font-family:georgia,verdana,arial;
  color:#00007e;
}

p.contentWindow {
  font-size:medium;
}

#staffBio {
  font-size:small;
  font-style:italic;
  text-align:left;
  margin:5px;
  padding:4px;
}

td.contentLeft {
  border-right:1px solid #AAAAAA;
}

td.contentMiddle {
  border-right:1px solid #AAAAAA;
}

td.contentRight {
}

div.contentInset {
  border:1px solid #000000;
  background:#FFFF99;
  font-size:small;
  font-style:italic;
  text-align:left;
}

p.contentInset {
  margin:5px;
  padding:4px;
}

h3.contentInset {
  margin:0;
  border-top:1px solid #000000;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  font-size:small;
  font-style:italic;
  text-align:center;
  background:#00669a;
  color:#FFFFFF;
}

#narrowInset {
  width:90%;
}

#verseOfDay {
  width:90%;
}

#meetingTimes {
  width:90%;
  height:11em;
  text-align:center;
}

div.alertBox {
  width:80%;
  border:2px solid red;
  background:yellow;
  color:black;
}

#weatherAdvisory {
  width:90%;
}

#reminderBox {
  width:90%;
  height:11em;
  overflow:auto;
  text-align:center;
}

h1.alertBox {
  margin:5px;
  font-size:medium;
}

p.alertBox {
  margin:5px;
  font-size:small;
}

/***** For Internet Explorer *****/
/* Font and other resizing needed because of our DOCTYPE */

* html h1.contentWindow {
  font-size:large;
}

* html h2.contentWindow {
  font-size:medium;
}

* html h3.contentWindow {
  font-size:small;
}

* html h4.contentWindow {
  font-size:x-small;
}

* html p.contentWindow {
  font-size:small;
}

* html #staffBio {
  font-size:x-small;
}

* html div.contentInset {
  font-size:x-small;
}

* html h3.contentInset {
  font-size:small;
}

* html h1.alertBox {
  font-size:small;
}

* html p.alertBox {
  font-size:x-small;
}