html, body, div, form, fieldset, input, textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
}
/*
html, body, div, h1, h2, h3, h4, h5, h6, form, fieldset,
input, textarea {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

h1, h2, h3, h4, h5, h6, p
{
    margin-top: 0;
}
*/

body,html {
    background-color:teal;
    font-size:    small;
    margin:0;
    padding:0;
    border:0;           /* This removes the border around the viewport in old versions of IE */
    color:#000;
}
html>body { /* be nice to Opera */
    font-size: small;
}

#main{
  width: 1000px;
  margin: auto;
/*margin: 0 auto;*/
/*background-color:#bdedff;*/
/*background-color:#f0f0f0;*/
  background-color:#6495ed;
}

#main-copper{
  width: 1000px;
  margin: auto;
/*margin: 0 auto;*/
/*background-color:#bdedff;*/
/*background-color:#f0f0f0;*/
  background-color:#b5634a;
}

#header {
  width: 1000px;
  background-color:#6495ed;
}


#container{
/*border: 1px solid red;*/
  width: 1000px;
}

#container .main2{
  width:780px;
  clear:left;
  float:left;
  border-right:1px #dadada solid;
}

#container .main2 .middle-content {
  float: right;
  width: 515px;
  overflow:hidden;
  padding: 0;
}

#container .main2 .left-content {
/*border: 1px solid green;*/
  float: left;
  width: 260px;
  overflow:hidden;
}

#container .main2 .middle-right-content {
/*border: 1px solid red;*/
  float: right;
  width: 388px;
  overflow:hidden;
  padding: 0;
}

#container .main2 .middle-left-content {
/*border: 1px solid green;*/
  float: left;
  width: 388px;
  overflow:hidden;
  padding: 0;
}

#container .right-content {
/*border-left: 1px solid black;*/
  float: right;
  width: 208px;
  margin 0;
  padding: 0 5px;
  display:inline;
  overflow:hidden;
}

/*
#container .right-content h3 {
  margin:0;
  padding: 0;
  font-size: 120%;
  font-weight: bold;
  text-align:center;
  color: black;
}
*/


#footer {
  width: 1000px;
  clear:both;
}



#container p.logo {
        background-color:white;
        text-align: center;
}

div.scroll_body {
  background: #f4edd9;
  border:1px solid #404040;
/*
  display: block;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
  padding: 0.2em 0 0 0;
*/
  margin: 20px 5px 0 5px;
/*margin: 1em;*/
  width:95%;
}
#scrollbox{
  width: 100%;
  height: 210px;
  overflow: auto;
  text-align: left;
}

.scrollboxTitle {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  font-size:120%;
  color:navy;
  text-align:left;
}

.events {
  border-right: hidden;
  border-left: hidden;
  border-top: hidden;
  border-bottom: hidden;
  border-width: 1px;
}

p.events a, p.events b  {
  display: block;
  border-color: black;
  border-bottom: dotted;
  border-width: 1px;
  background: url(sjs_images/bl_pin.gif) top left no-repeat;
  padding: 0 2px 5px 24px;
  font-weight:bold;
  font-size:100%;
  text-decoration:none;
  color:black;
  margin: 2px 2px;
}

p.events a  {
  text-decoration:underline;
}

p.events a:hover  {
  text-decoration:underline;
  color:blue;
}

  div.blue_box {
    background-color: #87ceeb;
    padding: 3px;
  }

  div.white_box {
    background-color: white;
    padding: 3px;
  }

  div.tan_box {
    background-color: #f4edd9;
    padding: 3px;
  }

  p.banner-large {
    font-family:georgia, "century gothic";
    font-weight:bold;
    font-size:18px;
/*  font-size:150%; */
    text-decoration:none;
    text-align:center;
    color:black;
/*  background: url(/sjs_images/title_banner2_30px_bg.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner25px_bgz.jpg) top left repeat-x;*/
    background: url(/sjs_images/title_banner25px_bg1.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    height: 25px;
    border: 0;
  }

  p.banner-medium {
/*  font-family:"Arial Black", Arial, Georgia, Helvetica, sans-serif;*/
    font-family:Georgia, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:18px;
/*  font-size:150%; */
    text-decoration:none;
    text-align:center;
/*  color:black; */
    color:#ffffff;
/*  background: url(/sjs_images/title_banner2_25px_bg.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner25px_bgz.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner25px_bg2.jpg) top left repeat-x; */
    background: url(/sjs_images/title_banner25px_bg3.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 25px;
/*  line-height: 18px; */

  }

  p.banner {
    font-family: Arial, Georgia, Helvetica, sans-serif;
/*  font-family:"Times New Roman",Georgia, Arial, Helvetica, sans-serif;*/
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    text-align:center;
/*  color:#ffffff;*/
    color:white;
/*  color:navy;*/
/*  background: url(/sjs_images/banner_bar_nancy2.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner2_20px_bg.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner20px_bgz.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner20px_bg2.jpg) top left repeat-x;*/
/*  background: url(/sjs_images/title_banner20px_bg3.jpg) top left repeat-x;*/
    background: url(/sjs_images/title_banner20px_bg_teal.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
  }

  p.banner-bg20-teal {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background: url(/sjs_images/title_banner20px_bg_teal.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
  }

  p.banner-bg20-blue {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background: url(/sjs_images/title_banner20px_bg_blue.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
  }

  p.banner-bg20-cyan {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size:15px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background: url(/sjs_images/title_banner_20px_bg_cyan.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
  }


  p.banner-bg25-teal {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background: url(/sjs_images/title_banner25px_bg_teal.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 25px;
  }

  p.banner-bg25-blue {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background: url(/sjs_images/title_banner25px_bg_blue.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 25px;
  }

  p.banner-bg25-cyan {
    font-family: verdana,arial,sans-serif;
    font-weight:bold;
    font-size:18px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background: url(/sjs_images/title_banner_25px_bg_cyan.jpg) top left repeat-x;
    margin: 0;
    padding: 0;
    border: 0;
    height: 25px;
  }

  table.main {
    padding: 0;
    margin: 0;
  }


/* this main menu items on first page */

  #location {
    font-family:Georgia, Arial, Helvetica,  sans-serif;
    text-align:center;
    font-weight:bold;
    color:black;
  }


  p.menuAddr {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:90%;
    text-decoration:none;
    text-indent:3px;
    text-align:center;
    color:black;
  }

  p.menuAddr a {
    font-weight:bold;
    font-size:85%;
    text-decoration:underline;
    color:black;
  }

  p.menuAddr a:hover {
    font-weight:bold;
    font-size:85%;
    text-decoration:underline;
    color:navy;
  }


  .worship {
    font-family: Georgia,"times new roman",serif;
    padding: 1em;
  }

  .staffmsg {
    padding: 0 .5em .5em .5em;
  }

  .staffmsg p {
    margin:5px 10px;
  }

  .webmsg {
    padding: 0 .5em .5em .5em;
  }

  .webmsg p {
    margin:5px 10px;
    font-size:125%;
  }

  .webmsg h2 {
    margin:5px 10px;
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:150%;
    color:black;
    text-align:center;
  }

  div.onlinegiving {
    padding: 0 .5em .5em .5em;
  }

  div.onlinegiving p {
    margin:20px 10px;
    font-size:135%;
  }

  div.onlinegiving h1 {
    margin:5px 10px;
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:200%;
    color:navy;
    text-align:center;
  }

  div.onlinegiving h3 {
    margin:5px 10px;
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:150%;
    color:#282828;
    text-align:left;
  }

  img.img-left {
    float:left;
    padding: 5px;
  }

  img.img-right {
    float:right;
    padding: 5px;
  }

  img.img-center {
    padding: 5px;
    text-align:center;
  }

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

  .p-center-strikeout {
    text-align:center;
    text-decoration: line-through;
  }

  .worship p.nursery {
    font-weight:bold;
    font-size:85%;
    color:black;
    text-align:center;
    margin: 0;
    padding: 0;
  }

  .worship a {
    font-weight:bold;
    font-size:95%;
    color:black;
    text-align:center;
    text-decoration:underline;
  }

  .worship dl {
    font-weight:bold;
    text-align:left;
    margin: 0;
    padding: 0;
  }

  .worship dt {
    font-size:100%;
    color:navy;
    margin: 0;
    padding: 0;
    background-color: #87ceeb;
  }

  .worship dd {
    font-size:90%;
    color:black;
  }

  .worship .info {
    font-size:90%;
    color:black;
  }

  .worship .info-red {
    font-size:90%;
    color:white;
    background: red;
  }

  .red-text {
    color:red;
  }

/*
  .worship img {
    float: right;
    padding_left: 5px;
  }
*/

  .worship p.advent {
/*  float: right; */
    font-size:85%;
    color:black;
    margin: 0;
    padding: 5px 0 0 0;
    text-align:left;
  }

  .volunteer {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:100%;
    text-decoration:none;
    text-align:center;
    color:white;
  }

  .volunteer2 {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:100%;
    text-decoration:none;
    text-align:center;
    color:white;
/*  background-color: #87ceeb; */
    background-color: #1589ff;
    margin: .5em 2em .2em 2em;
    padding: .4em;
    border: 0;
  }

  .worship .info-cyan {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:100%;
    text-align:center;
    color:black;
    background-color: #87ceeb;
    margin: 0;
    padding: 0;
    border: 0;
  }

  .info-blue {
    background-color: blue;
    margin: 0 ;
    padding: .5em;
  }

  .info-blue p {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:100%;
    text-align:center;
    color:#ffffff;
    margin: 0;
  }

  .info-blue a {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:100%;
    text-align:center;
    color:#ffffff;
    margin: 0;
  }



  .easter {
    background: #ffa07a;
    margin: 0 ;
    padding: 1em;
  }

  .easter p {
    font-weight:bold;
    font-size:150%;
    color:navy;
    text-align:left;
    padding: 1em;
    margin: 0;
  }


  .easter-prayer {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:130%;
    text-decoration:none;
    text-align:center;
    background:#9669fe;
    color:black;
    margin: .5em 1em .2em 1em;
    padding: .2em;
  }


  .tvlcMission {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:125%;
    color:navy;
/*  background-color:#87ceeb; */
    text-align:left;
    padding: 5px 10px;
  }

  .smallNavy {
    font-family: Georgia,"times new roman",serif;
    font-size:95%;
    font-weight:normal;
    color:navy;
    text-align:left;
  }

  .regOrange {
    color:orange;
  }

  .vision {
    font-family: Georgia,"times new roman",serif;
    font-size:95%;
    font-weight:normal;
    color:navy;
    text-align:left;
    margin: 0 3em 0 3em;
    padding: 0 0 1em 0;
  }


  p.prayer {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:120%;
    text-decoration:none;
    color:black;
    text-align:center;
    margin: 0;
  }

  .prayerlist {
    font-family: Georgia,"times new roman",serif;
    font-size:85%;
    font-weight:normal;
    color:navy;
    text-align:left;
  }

  .prayerlist li {
    margin: 0 0 0 .1em;
  }

  p.pentecost {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:130%;
    text-decoration:none;
    text-align:center;
    color:white;
    background: red;
    margin: .5em 2em .2em 2em;
    padding: .4em;
    border: 0;
  }

  p.notice {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:130%;
    text-decoration:none;
    text-align:center;
    color:white;
    background: #000080;
    margin: .5em 2em .2em 1em;
    padding: .4em;
    border: 0;
  }

  .largeNavy {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:150%;
    color:navy;
    text-align:center;
    margin:0;
  }

  .basicBoldBlack {
    font-family: Georgia,"times new roman",serif;
    font-weight:bold;
    font-size:110%;
  }


  p.biloxi {
    font-family:Georgia, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:110%;
    color:white;
    background: red;
    margin: .5em 2em .2em 2em;
    padding: .4em;
    border: 0;
    text-align:left;
  }

  p.biloxi a {
    font-family:Georgia, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:100%;
/*  text-decoration:underline; */
    color:black;
  }

  p.blog-content {
    font-family: Georgia,"times new roman",serif;
    font-weight:normal;
    font-size:105%;
    margin: 0.5em;
  }

  p.blog-title {
    font-family: Georgia,"times new roman",serif;
    font-weight:normal;
    font-size:125%;
    margin: 0.5em;
  }

  p.blog-date {
    font-family: Georgia,"times new roman",serif;
    font-weight:normal;
    font-size:95%;
    margin: 0.5em;
  }

div#xmas-content  {
/*background: teal url(sjs_images/poinsettia_bg.gif) top left repeat; */
/*background: teal url(sjs_images/poinsettia_bg2.gif) top left repeat-y;*/
/*background: white url(sjs_images/pointsetta_bg3.gif) top left repeat;*/
/*background: teal url(sjs_images/poinsettia_bg4.jpg) top left repeat;*/
/*background: white url(sjs_images/holly-swirl.jpg) top left repeat;  use this one */
/*background: white url(sjs_images/holly_bg1.gif) top left repeat;*/
/*background: white url(sjs_images/holly_bg2.gif) top left repeat;*/
/*background: white url(sjs_images/thanksgiving_bg1.gif) top left repeat;*/
/*background: white url(sjs_images/thanksgiving_bg3.gif) top left repeat;*/
}

.box
{
margin: 30px 5px 15px 10px;
border: #3c5a86 1px dashed;
padding:5px;
font-size: 12px;
font-weight: normal;
color: #000000;
background-color: #d1e0ef;
}

.box H1
{
margin : 0px 0px -12px 5px;
position: relative;
top : -12px;
border: #3c5a86 1px solid;
padding-top : 3px;
padding-bottom: 3px;
padding-left : 5px;
padding-right : 5px;
font-size : 18px;
font-weight: bold;
color : #000000;
display: inline;
background-color: #99bbdd;
}

.sjs-block{
  margin: 10px 5px 0px 5px;
  border-right: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding:0;
  background-color: #ffffff;
}

 div.photo-right {
   float: right;
   padding-bottom: 5px;
   padding-top: 5px;
   }

 div.photo {
   padding-bottom: 5px;
   padding-top: 5px;
   }

 div.photo img {
   border:2px solid #ffffff;
   }

 div.photo-right p,
 div.photo p {
    text-align: center;
    font-size:95%;
    padding: 0;
    margin: 0;
    }


.sjs-life{
  margin: 10px 5px 0px 5px;
  padding:0;
}

/*
.sjs-life img {
  text-align:center;
  margin: 0px 0px 10px 0px;
  border:2px solid #ffffff;
}
*/


.sjs-altbox{
  margin: 20px 5px 0px 5px;
  border-right: 1px solid black;
  border-left: 1px solid black;
  border-bottom: 1px solid black;
  padding:0;
  background-color: #ffffff;
  background: url(/sjs_images/tvlc_right-bg.jpg) repeat-y 100% 0;
}

.sjs-life h3,
.sjs-altbox h3,
.sjs-block h3{
  margin:0;
  padding: 0 0 .2em 0;
  width:100%;
  font-size: 120%;
  font-weight: bold;
  text-align:center;
  background: url(/sjs_images/title_banner_bg.jpg) top left repeat-x;
  overflow:hidden;
/*text-align: right;*/
  font-family:Georgia, Arial, Helvetica, sans-serif;
  color: #151b54;
}


.left-content .sjs-altbox .coltopbg,
.left-content .sjs-altbox .colbotbg{
	display:block;
	width:241px;
	height:12px;
	overflow:hidden;
}


/*
.left-content .sjs-altbox .coltopbg{background:url(sjs_images/tvlc-top-rbg.gif) no-repeat;}
*/
.left-content .sjs-altbox .colbotbg{background:url(sjs_images/tvlc_bot-rbg.jpg) no-repeat;}


.sjs-box
{
  margin: 20px 5px 0px 5px;
  border: 1px solid black;
  padding:5px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  position: relative;
}

.sjs-box h3
{
padding : 0 .5em;
position: absolute;
top : -10px;
right: 10px;
text-align: right;
/*left: 30px;*/
font-size : 16px;
font-weight: bold;
color : navy;
background-color: #ffffff;
display: inline;
border: 1px solid #000000;
border-width: 0 1px;

}

.sjs-box1
{
  margin: 20px 5px 0px 5px;
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  background-color: #ffffff;
  background: transparent;
}

.sjs-box2
{
  color: #000000;
  background-color: #ffffff;
  padding-left: 25px;
  border-left:1px solid #404040;
  border-right:1px solid #404040;
}

.sjs-box1 h3
{
text-align: left;
font-size : 20px;
font-weight: bold;
padding-left: 5px;
color : navy;
font-family:"century gothic", georgia;
  background-color: #00cccc;
  border-left:1px solid #404040;
  border-right:1px solid #404040;

}

/*
.sjs_box p.title:first-letter
{
font-size : 150%;
padding : 0;
margin : 0;
}
*/