/*===============================================
  styles-site.css
  The Boston Project Ministries, Inc.
  ===============================================*/

/*-----------------------------------------------
  all pages
  -----------------------------------------------*/
  
body {
    max-width: 800px;
    width: expression(document.body.clientWidth > 800 ? "800px" : "auto");
    background: steelblue;
    text-align: center; 
    margin: 4px auto 10px auto;
    font-family: times new roman, times, serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
}

a, 
a:visited { 
    color: slategray; 
}
a:hover {
    color: darkred;
}

#banner {
    max-width: 800px;
    width: expression(document.body.clientWidth > 800 ? "800px" : "auto");
    text-align: left; 
    vertical-align: bottom; 
    padding: 0px;
}

#banner table {
    width: 100%; 
    border: none; 
    margin: 0px; 
    padding: 0px; 
    color: white; 
    font-family: helvetica, arial, sans-serif; 
    font-weight: bold; 
    font-size: 8pt;
}

#banner a, 
#banner a:visited {
    color: gainsboro;
    text-decoration: none;
}

#banner a:hover {
    color: #fffacd;
    text-decoration: underline;
}

.description {
    font-family: helvetica, arial, sans-serif; 
    font-weight: normal;
    font-size: 8pt;
    color: white;
}

#content {
    max-width: 800px;
    width: expression(document.body.clientWidth > 800 ? "800px" : "auto");
    text-align: left; 
    padding: 0px;
    border: solid 1px white;
    clear: both;
}

#menubar { 
    background-color: black; 
}

#breadcrumbs {
    color: white;
    background-color: #485868; 
    border-top: solid 1px white;
    padding: 2px 4px;
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
}

#breadcrumbs a,
#breadcrumbs a:visited {
    padding: 1px 2px;
    color: white;
    text-decoration: none;
}
#breadcrumbs span {
    padding: 1px 2px;
}

#breadcrumbs a:hover {
    color: lightsteelblue;
    background-color: #485868;
}

.contentsection {
    border-top: solid 1px white;
    background-color: white;
    font-family: times new roman, times, serif;
    font-size: 10pt;
    font-weight:normal;
}

/* section header */
.contentsection h1 {
    font-family: helvetica, arial, sans-serif; 
    font-size: 12pt; 
    font-weight: bold; 
    color: white; 
    background-color: firebrick; 
    border-bottom: solid 1px slategray; 
    padding: 2px 4px 0px 4px;
    margin: 0px;
    text-align: left;
}
/* section subhead */
.contentsection h2 {
    font-family: helvetica, arial, sans-serif; 
    font-size: 12pt; 
    font-weight: bold; 
    color: black; 
    background-color: lightyellow; 
    border-top: solid 1px slategray; 
    border-bottom: solid 1px slategray; 
    padding: 2px 4px 0px 4px;
    margin: 0px;
}

table.contentsection {
    width: 100%; 
    border: solid 1px slategray; 
    border-top-width: 2px; 
    margin: 0px;
    padding: 0px;
}

span.contentsection {
    display: block;
    width: 100%; 
    border: solid 1px slategray; 
    border-top-width: 2px; 
    margin: 0px;
    padding: 0px;
}

.contentsectioninner {
    width: 100%; 
    border: solid 1px slategray; 
    border-top-width: 2px; 
    margin: 0px;
    padding: 0px;
}

.dropcap {
    font-size:24pt;
}

.lastupdated {
    display: none;
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt; 
    font-weight: normal; 
    /* font-style: italic; */
    margin-top: 2px; 
    float: right;
}

.contactinfo {
    background-color: black;
    color: white;
    border: slategray 1px solid; 
    border-top-width: 2px; 
    padding: 2px; 
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
}
.contactinfo a, 
.contactinfo a:visited {
    color: gainsboro;
    text-decoration: none;
}

.contactinfo a:hover {
    color: #fffacd;
    text-decoration: underline;
}

#footer {
    max-width: 800px;
    width: expression(document.body.clientWidth > 800 ? "800px" : "auto");
    text-align: left; 
    padding: 2px;
    margin-top: 2px;
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt; 
    font-weight: normal;
    color: white;
}

#footer a, 
#footer a:visited {
    color: gainsboro;
    text-decoration: none;
}

#footer a:hover {
    color: #fffacd;
    text-decoration: underline;
}

.credits {
    /* placeholder */
}

.copyright {
    /* placeholder */
}

.floatleft { float: left; }
.floatright { float: right; }
.floatclear { clear: both; }

/*-----------------------------------------------
  index pages
  -----------------------------------------------*/

.mainimagecell {
    width: 600px; 
    height: 390px; 
    margin: 0px; 
    padding: 0px; 
    border-right: solid 1px slategray; 
    text-align: left; 
    vertical-align: bottom; 
    background-color: black; 
    background-repeat: no-repeat;
}

.mainimagecaption {
    width: 100%; 
    padding: 0px 0px 0px 4px; 
    border: solid 1px black; 
    background-color: black;
    font-size: 10pt; 
    font-weight: normal; 
    font-style: italic; 
    color: white;
}

.mainimageswitch, 
.mainimageswitch a, 
.mainimageswitch a:visited {
    background-color: black;
    border: solid 1px black; 
    height: 12px; 
    font-size: 8pt;
    font-weight: bold; 
    font-style: normal;
    text-decoration: none;
    color: white;
}

.bannerbuttons {
    background-color: aliceblue;
}
.bannerbuttons img:hover {
    background-color: #d8e8f8;
}

/*-----------------------------------------------
  excerpt
  -----------------------------------------------*/

.excerpt {
    font-family: times new roman, serif;
    font-size: 10pt;
    font-weight:normal;
    color: black;
    text-align: left;
    padding: 4px 8px 8px 8px;
    margin: 0px;
    border-bottom: dotted 1px slategray;
}
.excerpt h3 {
    font-family: times new roman, serif;
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
    text-align: left;
    color: darkred;
}
.excerpt p {
    font-family: times new roman, serif;
    font-size: 10pt;
    font-weight:normal;
    margin: 4px 0px;
}
.excerpt ul {
    margin: 4px 4px 8px 20px; 
    list-style: square outside;
}
.excerptdate {
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt; 
    font-weight: bold; 
    color: slategray;
    background-color: lightyellow;
    border-bottom: solid 1px slategray;
    padding: 0px 4px;
}
.excerptmore {
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt;
    font-style: italic;
    text-align: right;
}

.categorylinks {
    clear: both;
    padding: 6px; 
    font-family: helvetica, arial, sans-serif; 
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
}
.categorylinks-original {
    background-color: gainsboro; 
    border: slategray 1px solid; 
    border-top-width: 2px; 
    padding: 6px; 
    font-family: helvetica, arial, sans-serif; 
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
}

/*-----------------------------------------------
  entry
  -----------------------------------------------*/

.entry {
    font-family: times new roman, serif;
    font-size: 10pt;
    font-weight:normal;
    color: black;
    text-align: left;
    padding: 4px 8px 8px 8px;
    margin: 0px;
}
.entry h3 {
    font-family: times new roman, serif;
    font-size: 12pt;
    font-weight: bold;
    /*margin: 0px;*/
    text-align: left;
    border-bottom: solid 1px gainsboro;
}
.entry p {
    font-family: times new roman, serif;
    font-size: 10pt;
    font-weight:normal;
    /*margin: 4px 0px;*/
}
.entry ul {
    /*margin: 4px 4px 8px 20px;*/
    list-style: disc outside;
}
.entrydate {
    background-color: gainsboro;
    font-family: helvetica, arial, sans-serif; 
    font-size: 8pt; 
    font-weight: bold; 
    color: slategray;
    /*border-bottom: dotted 2px slategray;*/
    border-top: solid 1px slategray;
    border-bottom: solid 2px slategray;
    margin: 12px 4px 0px 4px;
    padding: 2px 4px 0px 4px;
}

.inset {
    /*float: right;*/
    width: 200px; 
    text-align: center; 
    background-color: #ffffff; 
    border: solid 1px #ffffff;
    padding: 0px;
    margin: 8px;
}

.inset h3 {
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
}

.inset p {
    margin: 8px; 
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
}

.inset img {
    border: solid 1px black;
}

.posted {
    display:none; /*hide*/
    font-family: helvetica, arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
}

.filed {
    font-family: helvetica, arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    color: gray;
}


/*-----------------------------------------------
  sidebar
  -----------------------------------------------*/

.sidebar {
    color: black;
    background-color: aliceblue;
    width: 200px;
    border-right: solid 2px slategray;
    font-family: helvetica, arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
}
.sidebar h1 {
    color: black;
    background-color: lightslategray;
}
.sidebar h2 {
    color: white;
    background-color: steelblue; 
    font-family: times new roman, serif;
    font-size: 12px;
    padding: 1px 4px;
}
.sidebar p {
    margin: 2px 4px;
}

.quicklinks {
    width: 100%;
    margin: 8px 0px;
    border: solid 1px black;
    background-color: gold;
    color: black;
    font-family: helvetica, arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
    font-style: normal;
}

.quicklinks table {
    margin: 0px;
    border: 0px;
}
.quicklinks th {
    width:100px;
    font-weight: bold;
    text-transform: uppercase;
}
.quicklinks a {
    color: black;
}

/*-----------------------------------------------
  calendar
  -----------------------------------------------*/

.calendar {
    width: 85%;
    font-family: helvetica, arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    font-style: normal;
    color: slategray;
    background-color: white;
    line-height: 140%;
    text-align: center;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    border: solid 1px slategray;
}

.calendar caption { 
    font-family: helvetica, arial, sans-serif;
    /*font-family: times new roman, serif;*/
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    color: #333;
    padding: 0px;
    margin: 2px 0px 1px 0px;
    text-align: center;
}
.calendar th {
    border-bottom: solid 2px slategray;
}
.calendar td {
    border: solid 1px slategray;
    width: 14%;
}

/*-----------------------------------------------
  forms
  -----------------------------------------------*/

.formlabel {
    font-weight: normal;
    text-align: right;
    vertical-align: top;
}
.formrequired { 
    color: red;
}
/*
.searchform {
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    color: black;
    background-color: white;
    line-height: 120%;
    text-align: left;
    padding: 4px;
    margin: 4px;
}
*/