#main   {
        margin: 0px auto;
        width:800px;
}
#header {
         text-align:left;
         position:relative;
         margin: 0px auto;
         width:670px;
         font-weight: bold;
         font-size:28px;
         color:#C5FF6D;
         padding:22px 65px;
         border-bottom: none;
         background: url('../images/header-gradient2.jpg') repeat-x left bottom #191919;
         /*background: url('../images/wbc-logo.png') no-repeat 15px 22px  #191919; */
         border-top: 1px solid #C1C1C1;
}
#header:before {
         content:url(../images/wbc-logo.png);
         position:absolute;
         left:15px;
}
#header-mini {
         text-align:right;
         margin: 0px auto 0px auto;
         width:790px;
         font-size:10px;
         color:#C5FF6D;
         padding:5px;
}
#header-mini a {
         color: #191919;
         font-weight: bold;
}
#head {
         /* background-color: #AFBCBF;
         background-color: #F9F9F9;*/
         border-top: 5px solid #191919;
         border-bottom: 1px solid #98A7C8;
         background: url('../images/main.jpg') repeat-x left bottom;
}
#menu {
         /*border-left: solid 1px #98A7C8; */
         padding: 1px 0px 0px 0px;
}
#menu-title {
         text-align:left;
         padding: 40px 40px;
         background-color: #465F9E;
         font-size:22px;
         font-weight: bold;
         border-bottom: 1px solid #98A7C8;
         border-top: 5px solid #465F9E;
}
.title-home {background-image: url('../images/header-home.jpg'); color: #FFF;}
.title-about {background-image: url('../images/header-about.jpg'); color: #FFF;}
.title-mission {background-image: url('../images/header-missions.jpg'); color: #FFF;}
.title-photos {background-image: url('../images/header-photos.jpg'); color: #FFF;}
.title-news {background-image: url('../images/header-goodnews.jpg'); color: #FFF;}
.title-youth {background-image: url('../images/header-youth.jpg'); color: #FFF;}
.title-sermons {background-image: url('../images/header-sermons.jpg'); color: #FFF;}
.title-contact {background-image: url('../images/header-contact.jpg'); color: #191919;}
.title-support {background-image: url('../images/header-support.jpg'); color: #191919;}
/*#menu {
         width:800px;
         display:block;
         background: url('../images/menu-line.gif') repeat-x bottom left;
}

#menu ul { height:26px;
         background: url('../images/menu-gradient.jpg') no-repeat bottom right;
         width:800px;
         display:block;
         padding:0px;
         margin:0px;
}

#menu li {
         float:left;
         list-style:none;

}

#menu li a {
         text-decoration:	none;
         display:block;
         padding:5px;
         color: #98A7C8;
         border-bottom: 1px solid #98A7C8;
}

#menu li a:hover {
         text-decoration:	none;
         color: #00246A;
         border-bottom: 1px solid #00246A;
         display: block;
}

#menu li ul {
         float:left;
         list-style:none;
}

#menu li ul a {
         padding:5px;
         height:22px;
         color:#0D0C49;
         border: 1px solid #0D0C49;
}*/

#content  {
           background: url('../images/content-gradient.jpg') repeat-x left bottom #FFF;
           border-top:solid 5px #343434;
           border-bottom:solid 0px #191919;
           line-height: 18px;
           display:block;
           width:800px;
           float:left;
}
#left-content  {
           padding: 25px 40px 25px 40px;
           display:block;
           width:500px;
           float:left;
}
#right-content a, #right-content a:visited, #right-content a:hover {
           color: #465F9E;
}
#right-content  {
           background: url('../images/right-gradient.jpg') repeat-x left top #191919;
           padding: 0px 15px 25px;
           color: #C1C1C1;
           display:block;
           width:190px;
           float:left;
           font-size: 11px;
}
#right-content h1 {
           padding: 25px 0px 0px;
           text-align: center;
           font-size: 20px;
           color: #C5FF6D;
}
#right-content div {
           background: #EFEFEF;
           text-align: left;
           color: #191919;
           display:block;
           padding:10px 20px;
           margin-bottom:10px;
           border:solid 1px #48629F;
}
#sermonlist, #sermonseries {
           list-style:none;
           font-size: 11px;
           margin:0px;
           padding:0px;
}
#sermonlist li {
           text-align:right;
           margin: 0px;
}
#sermonseries li {
           margin: 5px 0px;
}
#sermonlist li a, #sermonlist li a:visited {
           font-weight:bold;
           padding:4px 10px;
           display:block;
           color: #C5FF60;
           background: url('../images/sermonlist-a.gif') no-repeat 5px center;
           border-bottom:solid 1px #C5FF60;
}
#sermonseries li  {
           padding:10px 25px;
           color: #222;
           display:block;
           border: 1px solid #98A7C8;
           background: url('../images/bodybg.jpg') repeat-x left top #ECECEC;
           font-size:13px;
}
#sermonlist li a:hover {
           text-decoration:none;
           color: #FFF;
           background: url('../images/sermonlist.gif') no-repeat 5px center #252525;
}
#sermonseries li a:hover {
           text-decoration:none;
           color: #00246A;
           padding:10px 25px;
           display:block;
           border: 1px solid #465F9E;
           background: url('../images/bodybg.jpg') repeat-x left -90px #ECECEC;
}
#sermonseries strong {
           float:right;
           font-size:11px;
}
#sermonseries li span {
           float:left;
           font-size:10px;
           display:block;
           width: 118px;
           height: 100px;
           border: 1px solid #98A7C8;
           margin: 5px 0px 0px 4px;
}
.sortsermons {
           border-bottom: 1px solid #191919;
           display: block;
           margin: 10px 0px;
           font-size: 12px;
           font-weight: bold;
}
.sortsermons a {
           padding: 0px 9px;
           margin: 0px 1px;

}
.hoverbox a, .hovermap a {
          position:relative;
}
.hoverbox a span, .hovermap a span {
          display:none;
}
.hoverbox a:hover span {
          display:block;
          position:absolute;
          left:-150px;
          top:18px;
          width:320px;
          font-size: 10px;
          line-height:14px;
          padding:8px;
          border:2px solid #191919;
          background-color:#FFF;
          color: #333;
}
.hovermap a:hover span {
          border:2px solid #191919;
          background-color:#FFF;
          display:block;
          position:absolute;
          top: 18px;
          left: 0px;
}
.hoverbox a:hover span:first-letter {
          font-size: 14px;
          font-weight: bold;
          margin-right:2px;
          padding:0px 2px;
          color:#FFF;
          border: 1px solid #191919;
          background-color: #333;
}
#footer   {
          text-align: center;
          color: #FEFEFE;
          background-color: #465F9E;
          width:800px;
          display:block;
          float:left;
          padding:15px 0px;
          margin-bottom:30px;
          border-top:solid 1px #98A7C8;
          border-bottom:solid 5px #191919;
}