* {
   color: #666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
}
a {
   text-decoration: none;
}
   a:hover, a:focus {
      text-decoration: underline;
   }


#Page {
   border: 1px solid #ccc;
}


/**  PAGE HEADER  **/
#PageHeader {
   background-image: url('images/header_banner.jpg');
   background-repeat: no-repeat;
}
   #TopMenu {
   }
      #HeaderMenu {
      }
         #HeaderMenu li {
            color: #fff;
         }
         #HeaderMenu a {
            color: #fff;
            font-size: 10pt;
         }
      #SearchMenu {
      }
         #SearchMenu a {
            color: #5b5b5b;
            font-size: 10pt;
         }


/**  BREADCRUMB LINKS  **/
#BreadCrumbs {
}
   #BreadCrumbs a {
      font-size: 8pt;
      font-weight: bold;
   }
   #BreadCrumbs .separator {
      font-size: 15pt;
      font-weight: bold;
      vertical-align: middle;
   }


/**  PAGE CONTENT  **/
#NavigationMenu {
}
   #NavigationMenu * {
      color: #c30;
   }
   #NavigationMenu h4 {
      font-weight: bold;
   }
   #NavigationMenu ul li {
      list-style-type: image;
      list-style-image: url('images/navbullet.png');
   }
   #NavigationMenu ul li a {
      font-weight: normal;
   }
   #NavigationMenu .separator {
      border-top: 1px solid #c30;
   }

#Content {
}
   #Content h1 {
      color: #693;
      font-size: 12pt;
      font-weight: normal;
   }
   #Content h3 {
      color: #369;
      font-size: 9pt;
      font-weight: bold;
   }
   #Content p {
      margin: 1em 0;
   }

   #Content .borderedContent {
      background-color: #f7f7f7;
      border: 1px solid #ccc;
   }

   .churchInfo {
      border-collapse: collapsed;
   }
      .churchInfo thead th {
         color: #369;
         font-size: 9pt;
         font-weight: bold;
         text-align: left;
      }
      .churchInfo tbody td {
         padding-right: 5em;
         vertical-align: top;
      }

   .entryForm {
      border-collapse: collapsed;
   }
      .entryForm th {
         padding-right: 0.5em;
         text-align: left;
      }
      .entryForm td {
         text-align: left;
      }
      .entryForm .formFooter {
         border-top: 1px solid #ccc;
         padding: 0.25em 2em;
      }
         .entryForm .formFooter .button {
            padding: 0 1em;
         }

   .changesMessage {
      color: #999;
      font-size: 8pt;
      margin-bottom: 0 !important;
   }
      .changesMessage a {
         color: #555;
         font-size: 8pt;
         text-decoration: underline;
      }
      .changesMessage a:hover, .changesMessage a:focus {
         color: #000;
      }


/**  SEARCH RESULTS GRID  **/
.searchInfo {
   color: #333;
   padding-bottom: 1em;
}
   .searchInfo p {
      margin: 0;
      padding: 2px 0;
   }
      .searchInfo p.tokens {
         font-style: oblique;
      }
      .searchInfo p.tokens span {
         color: #666;
         font-weight: bold;
      }

.ResultsGrid {
   border-collapse: collapse;
   width: 100%;
}
   .ResultsGrid th, .ResultsGrid td {
      padding: 2px 7px;
      text-align: left;
      vertical-align: top;
   }
   .ResultsGrid thead th {
      background-color: #c6cc86;
      border-top: 1px solid #999;
      border-bottom: 1px solid #999;
      color: #333;
      font-weight: bold;
   }
   .ResultsGrid tbody td {
      background-color: #fff;
   }
      .ResultsGrid tbody tr.altRow td {
         background-color: #f2f2f2;
      }
      .ResultsGrid tbody td a {
         color: #009;
      }
         .ResultsGrid tbody td a:hover, .ResultsGrid tbody td a:focus {
            color: #006;
         }
   .ResultsGrid tfoot td {
      border-top: 1px solid #999;
      padding: 0.5em 1em;
      text-align: center;
   }
      .ResultsGrid tfoot td a {
         border: 1px solid #999;
         color: #333;
         font-size: 10.5pt;
         padding: 0 5px;
      }
         .ResultsGrid tfoot td a:hover, .ResultsGrid tfoot td a:focus {
            background-color: #336699;
            color: #fff;
            text-decoration: none;
         }
      .ResultsGrid tfoot td a.currentPage {
         background-color: #c6cc86;
         font-weight: bold;
         padding: 0 5px;
      }

   .ResultsGrid #colNumber {width: 2em;}
   .ResultsGrid #colName {width: 35%;}
   .ResultsGrid #colLocation {width: 35%;}
   .ResultsGrid #colWebsite {width: 15%;}
   .ResultsGrid #colPhone {width: 15%;}


/**  PAGE FOOTER  **/
#PageFooter {
   border-top: 1px solid #ccc;
   color: #999;
}
   #FooterMenu {
      background-color: #d98211;
   }
      #FooterMenu li {
         color: #fff;
      }
      #FooterMenu a {
         color: #fff;
      }



/** General Styles  **/
.error {
   color: #900;
   font-weight: bold;
}


/** Bullets **/

/* links */
.externalLink {
   background-image: url('images/external.gif');
   background-position: right;
   background-repeat: no-repeat;
   padding-right: 18px;
}
.mailLink {
   background-image: url('images/mail.gif');
   background-position: right;
   background-repeat: no-repeat;
   padding-right: 18px;
}

/* diagonal arrow links */
.BlueLink, .GoldLink, .GrayLink, .GreenLink, .RedLink {
   background-repeat: no-repeat;
   font-size: 10pt;
   margin: 0 3px 3px;
   padding-left: 15px;
}
   .BlueLink {
      background-image: url('images/diag_blue_arrow.gif');
      color: #69c;
   }
   .GoldLink {
      background-image: url('images/diag_gold_arrow.gif');
      color: #960;
   }
   .GrayLink {
      background-image: url('images/gray_diag_arr.png');
      color: #666;
   }
   .GreenLink {
      background-image: url('images/diag_green_arrow.gif');
      color: #693;
   }
   .RedLink {
      background-image: url('images/diag_red_arrow.gif');
      color: #c36;
   }

/* diagonal arrow (floated) */
.GrayDiagArrow {
   background-image: url('images/gray_diag_arr.png');
   background-repeat: no-repeat;
   display: block;
   float: left;
   height: 15px;
   width: 15px;
}
