/* CSS file for http://www.gracehammoravian.org */

body {
    background-color :  black;
    font-family : arial,verdana,sans-serif;
  }

div {
    margin : 0px;
    padding : 0px;
  }

#wrapper {
    width : 694px;
    background : white;
    color : black;
    margin-left : auto;
    margin-right : auto;
    margin-top : 10px;
    margin-bottom : 10px;
    padding : 0px;
  }

#header {
    width : auto;
    height : auto;
  }

#seal {
    float : left;
    width : 181px;
    height : auto;
    text-align : center;
  }

#seal img {
    border : 0px;
    height : 91px;
    width : 96px;
    margin : 0px;
    padding : 0px;
  }

#seal p {
    margin : 0px;
    padding : 5px;
    font-size : 75%;
  }

#title {
    width : 507px;
    height : auto;
    margin-left : 181px;
  }

#title h1 {
    text-align : center;
    margin : 0px;
    padding-top : 30px;
  }

#main {
    clear : left;
    width : 100%;
    height : auto;
    background-color : rgb(238,232,170);
  }

#left {
    float : left;
    border-top : 1px solid silver;
    padding-top : 20px;
    padding-bottom : 20px;
  }

#left ul {
    margin : 0px;
    padding : 0px;
    list-style-type : none;
    width : 181px;
    padding-bottom : 20px;
  }

#left ul li {
    margin : 0px;
    padding : 0px;
  }

#left ul li.active {
    background-color : white;
    font-weight : bold;
    padding-top : 0.5em;
    padding-bottom : 0.5em;
    padding-left : 0.5em;
  }

#content p+p { padding-top : 1.5em; }

#content span.sup { font-size : 50%; vertical-align : super; }

#left ul li.blank {
    background-color : rgb(238,232,170);
  }

#left ul li a {
    display : block;
    padding-top : 0.5em;
    padding-bottom : 0.5em;
    padding-left : 0.5em;
    background-color : rgb(238,232,170);
    color : black;
    text-decoration : none;
  }

#left ul li a:hover {
    background-color : lightgoldenrodyellow;
    color : black;
  }

#content {
    width : 512px;
    margin-left : 181px;
    background-color : white;
  }

#content h1 {
    margin : 0px;
    font-size : 250%;
    text-align : center;
    font-weight : bold;
    padding-top : 15px;
    padding-bottom : 10px;
  }

#content h2 {
    margin : 0px;
    font-size : 150%;
    text-align : center;
    font-weight : bold;
    padding-top : 5px;
    padding-bottom : 5px;
    border-top : 1px solid black;
    border-bottom : 1px solid black;
    margin-top : 10px;
    margin-bottom : 5px;
  }

#content h3 {
    margin : 0px;
    font-size : 115%;
    text-align : center;
    font-weight : bold;
    padding-top : 3px;
    padding-bottom : 3px;
    border-top : 1px solid black;
    border-bottom : 1px solid black;
    margin-top : 5px;
    margin-bottom : 2px;
  }

#content h4 {
    margin : 0px;
    font-size : 100%;
    text-align : center;
    font-weight : bold;
    padding-top : 1px;
    padding-bottom : 1px;
    border-top : 1px solid black;
    border-bottom : 1px solid black;
    margin-top : 3px;
    margin-bottom : 1px;
  }

#content p {
    margin : 0px;
    font-size : 100%;
    text-align : left;
    font-weight : normal;
    padding-top : 0px;
    padding-left : 10px;
    padding-bottom : 5px;
  }

#content p.photo {
    text-align : center;
  }

#content p.clear {
    clear : both;
  }

#content p.centerbox {
    margin : 0px;
    text-align : center;
    background-color : silver;
    margin : 1px solid black;
    padding : 10px;
  }

#content p.center {
    text-align : center;
  }

#content ul {
    margin : 0px;
    padding : 25px;
  }

#content ul li+li {
    padding-top : 10px;
  }

#content ul.activity {
    margin : 0px;
    padding : 10px;
    list-style-type : none;
  }

#content ul.activity h3 {
    margin : 0px;
    font-size : 115%;
    text-align : center;
    font-weight : bold;
    padding-top : 3px;
    padding-bottom : 3px;
    border-top : 1px solid black;
    border-bottom : 1px solid black;
    margin-top : 5px;
    margin-bottom : 2px;
  }

#content ul.activity p {
    margin : 0px;
    font-size : 100%;
    text-align : left;
    font-weight : normal;
    padding-top : 0px;
    padding-bottom : 5px;
  }

#submain {
    clear : left;
    width : 100%;
    height : auto;
    background-color : rgb(238,232,170);
  }

#beneath_content {
    clear : left;
    width : 100%;
    height : auto;
    background-color : rgb(238,232,170);
  }

#lower_left {
    float : left;
    width : 181px;
    padding-top : 20px;
    padding-bottom : 20px;
    background-color : rgb(238,232,170);
  }

#lower_left ul {
    margin : 0px;
    padding : 0px;
    list-style-type : none;
    width : 181px;
    padding-bottom : 20px;
  }

#lower_left ul li {
    margin : 0px;
    padding : 0px;
  }

#lower_left ul li.active {
    background-color : white;
    padding-left : 0.5em;
    font-weight : bold;
  }

#lower_left ul li a {
    display : block;
    padding-top : 0.5em;
    padding-bottom : 0.5em;
    padding-left : 0.5em;
    background-color : rgb(238,232,170);
    color : black;
    text-decoration : none;
  }

#lower_left ul li a:hover {
    background-color : lightgoldenrodyellow;
    color : black;
  }
    
#lower_main {
    width : 512px;
    margin-left : 181px;
    padding-top : -5px;
    padding-right : -5px;
    background-color : white;
  }

#lower_main p.update {
    padding-top : 15px;
    text-align : center;
    font-size : 50%;
    color : red;
  }

#footer {
    clear : left;
    width : 100%;
    background-color : black;
    color : silver;
    font-size : 50%;
    text-align : center;
  }

#footer a {
    color : silver;
    text-decoration : none;
  }

#footer a:hover {
    color : purple;
  }

.time
{

  text-align:center;
  font-size:1.2em;
  margin:10px;
  padding:10px;
  border:1px black solid;
  background-color:#DCDCDC;
}

p.date
{
  font-size:0.8em;
  text-align:center;
  color:red;
}

blockquote
{
  font-style:italic;
  font-family:serif;
}

#churchphoto
{
  padding:3px;
  border:1px solid rgb(211,211,211);
  width : 271px;
  height : 203px;
}

div.beliefs {
    background-color : white;
    padding : 30px;
  }

ul.beliefs
{
  line-height:1.5em;
  border: 1px solid black;
  padding:15px;
  background-color: #F0F0F0;
}

#tablemenu ul
{
  list-style: none;
  margin-left: 0px;
  padding-left: 0px;
  line-height: 2.25em;
  font-weight: bolder;
}

#tablemenu ul li
{
  margin-left:0;
  padding-left:0;
}

div.motto
{
  font-size: .8em;
  font-style: italic;
  line-height: 1em;
  text-align: center;
}

  a.links:link
{
  background-color: rgb(238,232,170);
  color:black;
  text-decoration:none;
}

  a.links:visited
{
  background-color: rgb(238,232,170);
  color:black;
  text-decoration:none;
}

  a.links:hover
{
  background-color: lightgoldenrodyellow;
  color: black;
  text-decoration:none;
}

  a.links:active
{
  background-color: rgb(238,232,170);
  color:black;
  text-decoration:none;
}

.webmaster
{
  font-size:0.8em;
  color:black;
  text-align:center;
}

#tablemenu
{
  background-color: rgb(238,232,170);
  margin-left:0;
  border-top:1px solid lightgrey;
  border-right:1px solid lightgrey;
}

.center
{
  text-align:center;
}

.bold
{
  font-weight: bold;
}

.ellip {
  letter-spacing: 0.08em;
}

#worship div h3 {
  font-size:1.05em;
}
#worship div blockquote span {
  font-style:normal;
}

#christianed h3
{
  border-top: 1px black solid;
  border-bottom: 1px black solid;
  text-align:center;
  padding:0 20px;
  margin-left:  20px;
  margin-right: 20px;
}

dt {
  font-weight:bold;
}

.bold
{
  font-weight:bold;
}

#worship h2, h3{
  border-top:1px solid black;
  border-bottom:1px solid black;
  margin-left:10px;
  margin-right:10px;
  text-align:center;
}

q {
  font-style: italic;
  font-family: serif;
}

dd {
  margin-top:10px;
  margin-bottom:10px;
  }
  
.summer {
  margin: 5px;
  background-color:#ffc;
  border:1pt solid black;
  padding:5px;
}

#content strong.caps { text-transform:uppercase;font-weight:bold; }
#content em.caps { text-transform:uppercase;font-style:normal; }
#content span.caps { text-transform:uppercase; }