body {
  margin-left:      10pt;
  margin-right:     10pt;
  margin-top:       10pt;
  margin-bottom:    10pt;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        10pt;
  color:            #660000;
  text-decoration:  none;
  background-color: #ffffff;
}

ul {
  padding: 0;
  margin:  0 0 0 1.5em;
}

ul li {
  list-style:  url(/images/pointer.gif) disc;
}

/* IMAGES START */

img {
  border: 0;
}

img.img-nb {
  margin: 10px;
}

div.figleft, div.figright {
  margin: 0;
}

div.left, div.figleft {
  float: left;
}

div.right, div.figright {
  float: right;
}

div.figleft p, div.figright p {
  text-align:       center;
  margin:           0 10px 10px 10px;
  color:            #aaaaaa;
  font-size:        0.8em;
  background-color: #ffffff;
}

div.figleft img, div.figright img, img.img {
  margin: 10px;
  border: 1px solid #000000;
}

div.figleft iframe, div.figright iframe {
  margin: 10px;
  width:  500px;
  height: 500px;
  border: 1px solid #000000;
}

/* IMAGES FINISH  */

a:link {
  color:            #006666;
  text-decoration:  none;
  font-weight:      bold;
}

a:visited {
  color:            #660000;
  text-decoration:  none;
  font-weight:      bold;
}

a:hover {
  color:            #000066;
  text-decoration:  none;
  font-weight:      bold;
}

h1 {
  background-color: #d4dcd6;
  font-size:        14pt;
  border:           1px solid #000000;
  color:            #1a4224;
  padding:          0pt 0pt 0pt 5pt;
  font-weight:      bold;
  text-transform:   capitalize;
  margin-bottom:    10pt;
}

h2 {
  background-color: #d4dcd6;
  font-size:        10pt;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  color:            #1a4224;
  width:            220pt;
  margin:           5pt 0pt 5pt 0pt;
  padding:          0pt 0pt 0pt 5pt;
  font-weight:      bold;
  text-transform:   capitalize;
  clear:            left;
}

h3 {
  background-color: #d4dcd6;
  font-size:        8pt;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  color:            #1a4224;
  width:            200pt;
  margin:           5pt 0pt 5pt 0pt;
  padding:          0pt 0pt 0pt 5pt;
  font-weight:      bold;
  text-transform:   capitalize;
  clear:            left;
}

p, dd, dl, dt, dd, ol, ul, li, td, pre {
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        10pt;
  color:            #660000;
}

/* *** Navigator *** 1 & 3 */

div.picture {
  width:            150px;
  border-right:     1px solid #000000;
  border-left:      1px solid #000000;
  padding:          0 0 20px 0;
}

.button {
  width:            150px;
  border-right:     1px solid #000000;
  border-left:      1px solid #000000;
  padding:          10px 0 0 0;
  font-family :     Arial, Helvetica, sans-serif;
  background-color: #006666;
  color: #333;
}

.button ul {
  list-style:       none;
  margin:           0;
  padding:          0;
  border:           none;
}

.button li {
  border-bottom:    1px solid #000000;
  margin:           0;
  list-style:       none;
  list-style-image: none;
}

.button li a {
  display:          block;
  padding:          2px 2px 2px 0.5em;
  border-left:      10px solid #eeeeff;
  border-right:     10px solid #f5f5ff;
  background-color: #eeeeff;
  color:            #000000;
  text-decoration:  none;
  width:            100%;
  font-size:        8pt;
}

  html>body .button li a {
  width:            auto;                 /*work around*/
}

.button li a:link {
  font-weight:      bold;
  color:            #4B0082;
}

.button li a:visited {
  border-left:      10px solid #e2e2ff;
  border-right:     10px solid #f5f5ff;
  background-color: #eeeeff;
  font-weight:      bold;
  color:            #4B0082;
}

.button li a:hover {
  border-left:      10px solid #bdb76b;
  border-right:     10px solid #bdb76b;
  background-color: #660000;
  font-weight:      bold;
  color:            #ffffff;
}

/* *** Navigator *** 2 */
/* *** Navigator barhead *** 2 */

#barhead {
  width:            150px;
  border-top:       1px solid #000000;
  border-bottom:    1px solid #000000;
  border-right:     1px solid #000000;
  border-left:      1px solid #000000;
  font-family:      Arial, Helvetica, sans-serif;
  background-color: #e2e2ff;
  color:            #333;
}

#barhead ul {
  list-style:       none;
  margin:           0;
  padding:          0;
  border:           none;
}

#barhead li {
  margin:           0;
  list-style:       none;
  list-style-image: none;
}

#barhead li a {
  display:          block;
  padding:          2px 2px 2px 0.5em;
  border-left:      10px solid #008B8B;
  border-right:     10px solid #5F9EA0;
  background-color: #006666;
  color:            #ffffff;
  text-decoration:  none;
  width:            100%;
}

html>body #barhead li a {
  width:            auto;
}

#barhead li a:link {
  font-weight:      bold;
  color:            #ffffff;
}

#barhead li a:visited {
  border-left:      10px solid #008B8B;
  border-right:     10px solid #5F9EA0;
  background-color: #006666;
  font-weight:      bold;
  color:            #ffffff;
}

#barhead li a:hover {
  border-left:      10px solid #666600;
  border-right:     10px solid #666600;
  background-color: #f5f5ff;
  font-weight:      bold;
  color:            #666600;
}

/* *** Navigator body *** 2 */

.button2 {
  width:            150px;
  border-right:     1px solid #000000;
  border-left:      1px solid #000000;
  font-family:      Arial, Helvetica, sans-serif;
  background-color: #f5f5ff;
  color:            #333;
}

.button2 ul {
  list-style:       none;
  margin:           0;
  padding:          0;
  border:           none;
}

.button2 li {
  border-bottom:    1px solid #000000;
  margin:           0;
  list-style:       none;
  list-style-image: none;
}

.button2 li a {
  display:          block;
  padding:          2px 2px 2px 0.5em;
  border-left:      10px solid #eeeeff;
  border-right:     10px solid #f5f5ff;
  background-color: #e2e2ff;
  color:            #000000;
  text-decoration:  none;
  width:            100%;
  font-size:        8pt;
}

html>body .button2 li a {
  width: auto;
}

.button2 li a:link {
  font-weight:      bold;
  color:            #006666;
}

.button2 li a:visited {
  border-left:      10px solid #eeeeff;
  border-right:     10px solid #f5f5ff;
  background-color: #e2e2ff;
  font-weight:      bold;
  color:            #000000;
}

.button2 li a:hover {
  border-left:      10px solid #a00000;
  border-right:     10px solid #a00000;
  background-color: #ccccff;
  font-weight:      bold;
  color:            #a00000;
}

/*FOOTER START*/

#footerl {
  width:            600px;                 /*width740=600+10+10+120*/
  background-color: #006666;
  border:           1px solid #000000;
  text-align:       center;
  color:            #ffffff;
  font-size:        8pt;
  font-weight:      bold;
  margin:           0px;
  padding:          1px 0px 0px 0px;
}

.footer {
  width:            120px;
  background-color: #006666;
  border:           1px solid #000000;
  text-align:       center;
  color:            #ffffff;
  font-size:        8pt;
  font-weight:      bold;
  margin:           0px;
  padding:          0px 0px 0px 0px;
}

.footer ul {
  list-style:       none;
  margin:           0;
  padding:          0;
  border:           none;
}

.footer li {
  margin:           0;
  list-style:       none;
  list-style-image: none;
}

.footer li a {
  display:          block;
  padding:          2px 2px 2px 2px;
  border-left:      10px solid #eeeeff;
  border-right:     10px solid #f5f5ff;
  background-color: #eeeeff;
  color:            #000000;
  text-decoration:  none;
  width:            100%;
}

html>body .footer li a {
  width:            auto;
}

.footer li a:link {
  font-weight:      bold;
  color:            #4B0082;
}

.footer li a:visited {
  border-left:      10px solid #e2e2ff;
  border-right:     10px solid #f5f5ff;
  background-color: #eeeeff;
  font-weight:      bold;
  color:            #4B0082;
}

.footer li a:hover {
  border-left:      10px solid #bdb76b;
  border-right:     10px solid #bdb76b;
  background-color: #660000;
  font-weight:      bold;
  color:            #ffffff;
}

.legal, .legal a {
  background-color: #006666;
  color: #ffffff;
  text-align: right;
  font-size: 8pt;
}

div.footerdate {
  width:720px;
  color:#aaaaaa;
  font-size:8pt;
  }

/*FOOTER END*/

/* NAVIGATION STYLES */

.navtop {
  background-color: #006666;
}

.navbot {
  background-color: #006666;
}

.navtopborder {
  background-color: #000000;
}

.navbotborder {
  background-color: #000000;
}

.navleft {
  background-color: #006666;
}

/* END NAVIGATION STYLES */

/* JAM CLUB */

.jchbanner {
  font-family:      "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-size:        12pt;
  font-weight:      bold;
  color:            #990099;
  background-color: #ccccff;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  padding:          0pt 0pt 0pt 5pt;
  text-transform:   capitalize;
  margin:           5pt 200pt 5pt 0pt;
}

.jchsubhead {
  font-family:      "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-size:        10pt;
  font-weight:      bold;
  color:            #ff0000;
  background-color: #e5e5ff;
  border-bottom:    1px solid #000000;
  border-left:      1px solid #000000;
  margin:           5pt 200pt 5pt 0pt;
  padding:          0pt 0pt 0pt 5pt;
  text-transform:   capitalize;
}

.jctext {
  font-family:      "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-size:        12pt;
  color:            #9999ff;
}

/* END JAM CLUB */

/* GENERAL */

.events {
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        12pt;
  font-style:       italic;
  font-weight:      bold;
  color:            #a00000;
  text-align:       center;
}

div.news {
  background-color:   #eeeeff;
  -moz-border-radius: 8px;
  margin:             0px 0px 10px 0px;
  padding:            6px 6px 6px 6px;
  width:              194px;
  border:             2px #879c8c solid;
  height:             120px;
  overflow:           visible;
}

div.news-banner {
  background-color: #006666;
  color:            #ffffff;
  padding:          0pt 0pt 0pt 6pt;
  margin:           0px 0px 0px 10px;
  width:            100px;
  font-size:        8pt;
  font-weight:      bold;
}

.newstitle {
  font-family:      Arial, Helvetica, sans-serif;
  font-size :       12pt;
  color:            #a00000;
  font-weight:      bold;
  margin:           0px;
}

.newstext {
  font-family:      Arial, Helvetica, sans-serif;
  font-size :       8pt;
  margin:           10px 0px 0px 0px;
}

.newsdetails {
  font-family:      Arial, Helvetica, sans-serif;
  font-size :       8pt;
  font-weight:      bold;
  margin:           0px;
}

td.date {
  width:            150px;
  border:           1px solid #000000;
  font-family:      Arial, Helvetica, sans-serif;
  font-size:        8pt;
  font-weight:      bold;
  text-align:       center;
  color:            #ffffff;
  background-color: #000066;
}

.reading, .quotes {
  font-style: italic;
  background-color: #d4dcd6;
  color:            #1a4224;
}

.quotes {
  width: 300px;
}

/* END GENERAL */

#dropdown ul {
  padding:          0;
  margin:           0;
  list-style:       none;
}

#dropdown li { /* all list items */
  float:            left;
  position:         relative;
  width:            100px;
}

#dropdown li a:link {
  border-left:      10px solid #e2e2ff;
  border-right:     10px solid #f5f5ff;
  background-color: #eeeeff;
  font-weight:      bold;
  color:            #4B0082;
  display: block;
}

#dropdown li a:visited {
  border-left:      10px solid #e2e2ff;
  border-right:     10px solid #f5f5ff;
  background-color: #eeeeff;
  font-weight:      bold;
  color:            #4B0082;
}

#dropdown li a:hover {
  border-left:      10px solid #bdb76b;
  border-right:     10px solid #bdb76b;
  background-color: #660000;
  font-weight:      bold;
  color:            #ffffff;
}

#dropdown li ul { /* second-level lists */
  display:          none;
  position:         absolute;
  top:              1em;
  left:             0;
  background-color: #ffffff;
  border:           1px solid #ffffff;
}

#dropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
  top:              auto;
  left:             auto;
}

#dropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
  display:          block;
}

div.item {
  float:               right;
  padding:             0px;
  margin:              5px;
  border:              1px dotted #000000;
  background-color:    #d4dcd6;
  width:               147px;
  height:              50px;
  text-align:          left;
  font-size:           10pt;
  color:               green;
  font-weight:         bolder;
  background-image:    url(/images/header/2/3.jpg);
  background-position: center center;
  background-repeat:   no-repeat;
}

fieldset {
  _position:         relative;
  background-image: url(/images/tablestripe.gif);
  border:           #83a4c3 dotted 1px;
  background-color: #f4f8fd;
  padding:          0.5em;
  width:            98%;
  text-align:       left;
  margin:           1em;
}

/* Holly Hack Targets IE Win only \*/
* html  fieldset {border: #83a4c3 solid 1px;}
        fieldset {border: #83a4c3 dotted 1px;}
/* end of Holly hack */

legend {
  _position:         absolute;
  _top:              -1.2em;
  _left:             0.5em;
  border:           #83a4c3 solid 1px;
  background-color: #f4f8fd;
  color:            #074987;
  padding:          2px 4px 2px 4px;
  font-size:        0.8em;
  font-weight:      bold;
  text-decoration:  none;
}


#content a[href^="http://"] {
  background: url(/images/icons/externallink.gif) no-repeat right top;
  padding-right: 10px;
}

#content a[href^="https://"] {
  background: url(/images/icons/externallink.gif) no-repeat right top;
  padding-right: 10px;
}

#content a[href$=".pdf"] {
  background: url(/images/icons/page_white_acrobat.png) no-repeat right top;
  padding-right: 16px;
}

#content a[href$=".xls"] {
  background: url(/images/icons/page_white_excel.png) no-repeat right top;
  padding-right: 16px;
}

#content a[href$=".doc"], #content a[href$=".rtf"] {
  background: url(/images/icons/page_white_word.png) no-repeat right top;
  padding-right: 16px;
}

#content a[href$=".zip"] {
  background: url(/images/icons/page_white_zip.png) no-repeat right top;
  padding-right: 16px;
}

#content a[href^="mailto:"] {
  background: url(/images/icons/email.png) no-repeat right top;
  padding-right: 16px;
}

/* begin zebra-tables */
table.zebra {
  border:           1px solid black;
  background-color: #ffffff;
  padding:          0;
  margin:           5px;
}

table.zebra .tabrow1 {
  background-color: #ccccff;
  color:            #660000;
}

table.zebra .tabrow2 {
  background-color: #eeeeff;
  color:            #660000;
}

table.zebra thead th {
  color:            #1a4224;
  background-color: #d4dcd6;
  padding:          2px 5px 2px 5px;
  margin:           0;
  text-align:       left;
  font-size:        8pt;
}

table.zebra thead th.date {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/date.png) no-repeat 1px 50%;
  width: 100px;
}

table.zebra thead th.place {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/house.png) no-repeat 3px 50%;
  width: 150px;
}

table.zebra thead th.event {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/paste_plain.png) no-repeat 3px 50%;
  width: 270px;
}

table.zebra thead th.month {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/date.png) no-repeat 3px 50%;
  width: 100px;
}

table.zebra thead th.sunday2, table.zebra thead th.sunday4 {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/house.png) no-repeat 3px 50%;
  width: 100px;
}

table.zebra thead th.personnel {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/group.png) no-repeat 3px 50%;
  width: 200px;
}

table.zebra thead th.visitdate {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/date.png) no-repeat 3px 50%;
  width: 30px;
}

table.zebra thead th.author {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/user.png) no-repeat 3px 50%;
  width: 120px;
}

table.zebra thead th.comments {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/page_white_edit.png) no-repeat 3px 50%;
  width: 250px;
}

table.zebra thead th.readings {
  padding-left: 25px;
  background: #d4dcd6 url(/images/icons/book_open.png) no-repeat 3px 50%;
  width: 140px;
}

table.zebra td {
  padding:          2px 5px 2px 5px;
  margin:           0;
  font-size:        8pt;
  vertical-align:   top;
}

table.zebra table .tabrow1 {
  background-color: #ccccff;
  color:            #660000;
}

table.zebra table .tabrow2 {
  background-color: #eeeeff;
  color:            #660000;
}

table.zebra tfoot td {
  font-size: 10pt;
}

table.zebra caption {
  background-color: #ffffff;
  color:        #aaaaaa;
  font-weight:  bold;
  font-size:    10pt;
  caption-side: top;
  width:        auto;
  text-align:   right;
  margin:       10px 0 0 0;
}
/* end zebra-tables */

/* styles for table sorting */
/*
table tr.odd td {
  background:#f4f0c8;
}

table tr.even td {
  background:#fff8dc
}
*/
table thead tr .header {
  background: #d4dcd6 url(/images/icons/bg.gif) right center no-repeat;
  padding-right:20px;
}

table thead tr .headerSortUp {
  background-image: url(/images/icons/asc.gif);
}

table thead tr .headerSortDown {
  background-image: url(/images/icons/desc.gif);
}

/* styles for table sorting */

/* sitemap start */

#sitemap {
  font-size: 1em;
  font-weight: bold;
  color: #660000;
}

#sitemap li {
  list-style: none;
}

#sitemap li ul li {
  margin: 6px 15px;
  padding: 0 15px;
  font-size: 0.9em;
  color: #006666;
  border-left: 1px dotted #999;
}

#sitemap li ul li ul {
  border: none;
}

#sitemap li ul li ul li {
  font-weight: normal;
  padding-left: 16px;
  background: url(/images/pointer.gif) no-repeat 0 50%;
  border: none;
}

/* sitemap end */

#map {
  width: 500px;
  height: 400px;
  border: 1px solid #000;
}

/* social media */
ul.social li:before, #footer_links li:before { content: '' }

ul.social { height: 35px; margin: -5px -15px 0 0; float: right; vertical-align: bottom; margin:0; padding: 0; text-indent: 0 }
.social li { text-decoration: none; display: block; list-style-type: none; float: left;
             width: 35px; height: 35px; padding: 0; margin: 0 0 0 4px;
             background: url(/images/icons/soc_media_35.png) no-repeat 0 0 }
.social li.connect { background: none; width:110px; vertical-align: top; line-height: 20px; text-align: right }
.social li.fb { background-position:  -1px -1px }
.social li.tw { background-position: -36px -1px }
.social li.yt { background-position:  -1px -36px }
.social li.bl { background-position: -36px -36px }
.social li.fr { background-position:  -1px -71px }
.social li img { height: 35px; width: 35px }