/* CSS Document */


body {
          background-size: cover;
}

html {
          background: url("ChurchPIC.png") no-repeat center center fixed;
          -webkit-background-size: cover;
          -moz-background-size: cover;
          -o-background-size: cover;
          background-size: cover;
}


#wrapper {
          width:1000px;
          margin: 0 auto;
}


#header h1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 40px;
          text-align: center;
}

#header h2 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 20px;
          text-align: center;
}


#content {
          width: 750px;
          float: left;
          font-family: Times New Roman;
          font-size: 20px;
          padding: 20px;

}


#rightside {
          width:160px;
          float: right;
          font-family: Times New Roman;
          font-size: 10px;
          padding: 20px;

}

#rightside h1 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 30px;
          text-align: center;
}

#rightside h2 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 20px;
          text-align: center;
}

#rightside h3 {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 15px;
}

#rightside h4 {
          text-align: center;
}

#rightside p {
          font-family: Times New Roman;
          font-size: 15px;
}


#banner h2 {
          font-family: Times New Roman;
          font-size: 15px;
          color: #ffffff;
          background-color: #0000ff;
          font-style: italic;
          text-align: center;
          padding: 10px 10px 10px 10px;
}


#contact h1 {
           font-family: Times New Roman;
           font-size: 30px;
           text-align: center;
}

#contact h2 {
           font-family: Times New Roman;
           font-size: 20px;
           text-align: center;
}

#contact p {
           font-family: Arial, Helvetica, sans-serif;
           font-size: 15px;
           text-align: center;
}


/* navigation style */

#nav ul {
     margin:  0px;
     text-align: center;
     border-bottom:  5px #000 solid;
}

#nav li {
     display:  inline;
     margin:  0px 20px;
}

#nav a {
     margin:  10px 10px 30px 10px;
     padding:  5px 10px;
     color:  #0000ff;
     text-decoration:  none;
}

#nav a:hover {
     background-color:  #ffffff;
}


#link {
           text-align: center;
}


#sal {
          padding: 20px;
}


#footer p {
           clear: both;
           font-family: Times New Roman;
           font-size: 15px;
           text-align: center;
           color: #ffffff;
           background-color: #0000ff;
           padding: 10px 10px 10px 10px;
}


#top p {
           text-align: center;
}