/*CSS Style Sheet for Boston.Goarch.Org */ /*site elements*/ @import url(chapel.css); @import url(main_navigation.css); @import url(side_navigation.css); @import url(footer.css); @import url(header_links.css); @import url(breadcrumbs.css); @import url(header.css); @import url(content_right_cols.css); @import url(zimbra_calendar.css); @import url(nivo_slider.css); @import url(ditto.css); @import url(flickr.css); @import url(communities.css); body { margin: 0 auto; text-align: center; background-image: url(/assets/images/bgBody.gif); background-repeat: repeat-x; background-position: left top; background-color: #2d394a; font-color: #ccc; } #frame { width: 999px; margin: 0px auto; padding: 0; text-align: left; } #metContent { float: left; width: 100%; padding: 0; margin: 0; border-top: 1px solid #ccc; background-color: #fff; } #borderBot { float: left; width: 999px; background-color: #b59e6e; margin: 0; padding: 0; height: 18px; border-bottom: 2px solid #9f947c; } #borderBot p { text-align: right; font: normal 9px verdana; color: #fff; font-style: italic; margin: 0 1.5em; padding: 0.3em 0; } #printheader { display: none; } #imageHome { float: left; height: 147px; width: 999px; padding: 0; margin: 0; border-bottom: 4px solid #9f947c; } #imageHome p { padding: 0; margin: 0; } #imageHome img { width: 999px; height: 147px; padding: 0; margin: 0; border: none; } #imageHome img a { border: none; } /*HomePage Styles*/ #photoCenterCol { float: left; width: 79%; padding: 0; margin: 0; border-left: 1px solid #ccc; text-align: justify; background-color: white; } #photoCenterCol .cont { padding: 0 0.7em; margin: 0; width: 95%; } /* Center Column */ #CenterCol_Wide { float: left; width: 78%; padding: 0; margin: 0 0 0 8px; background-color: white; } #CenterCol_Wide p { text-align: justify; line-height: 20px; font-size: 12pt; color: #333333; } #hmeCenterCol { float: left; width: 590px; padding: 0; margin: 0 0 0 8px; background-color: white; border-right: 1px dotted #ededed; border-left: 1px dotted #ededed; } #hmeCenterCol p { text-align: left; line-height: 20px; } #hmeCenterCol .cont { padding: 0 0.7em; margin: 0; width: 95%; } #hmeCenterCol .cont img { max-width: 560px; height: auto; } /* #hmeCenterCol table { margin: 0.8em 0; } #hmeCenterCol td a { color: #990000; text-decoration: none; } #hmeCenterCol td a:hover { color: #333; text-decoration: underline; background-color: beige; } */ /* #hmeCenterCol ul li { border-bottom: none; color: #333333; } #hmeCenterCol ul li a { color: #990000; text-decoration: underline; font-weight: normal; } #hmeCenterCol ul li a:hover { color: #333; text-decoration: none; background-color: beige; } #hmeCenterCol ul li h3 { margin: 0; padding: 0; } */ /* Right Column */ #hmeRightCol { float: left; width: 190px; _width: 160px; padding: 0; margin: 0; text-align: left; background-color: white; } #hmeRightCol h4 { font-size: 14pt; color: #333; text-align: center; } #hmeRightCol .block { float: left; width: 100%; height: auto; border: 1px solid #ccc; margin: 10px 0; padding: 5px 5px 10px 5px; } #hmeRightCol .block h6 { font-size: 10pt; color: #444; text-align: center; padding: 2px; } #hmeRightCol .block p img { margin: 0 3px 30px 3px; } #hmeRightCol .block .flickrThumbnail, .youtubeThumbnail { width: 75px; height: auto; padding: 3px; float: left; margin: 0 3px 10px 2px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #ccc; border-left: 1px solid #b4b4b4; border-right: 1px solid #ccc; } #hmeRightCol .block .youtubeThumbnail { width: 75px; height: auto; padding: 3px; float: left; margin: 0 3px 10px 2px; border-top: 1px solid #b4b4b4; border-bottom: 1px solid #ccc; border-left: 1px solid #b4b4b4; border-right: 1px solid #ccc; } #hmeRightCol .cont { padding: 0.3em; margin: 0 0 0 0.3em; width: 95%; } #hmeRightCol .cont p { font-size: 10px; font-family: Verdana; line-height: normal; color: #5C523B; padding: 5px 0; margin: 0; } #hmeRightCol .cont p a { color: #5C523B; } #hmeRightCol .cont p a:hover { color: #C5134A; } #hmeRightCol .cont img { border: 1px solid #eee; margin: 2px 4%; } #welcomeText { background-color: #F9F8F2; margin-top: 1em; padding: 10px; border: 1px dotted #ccc; } #welcomeText p { color: #333; text-align: left; font-weight: normal; font-family: helvetica, arial, sans-serif; font-size: 10pt; line-height: 14pt; } #welcomeText a { text-decoration: underline; } #welcomeText h1 { font-size: 18pt; font-family: helvetica, arial, sans-serif; font-weight: normal; margin: 0; color: #8A0917; } .btnLeft { float: left; margin: 0 0.3em 0.1em 0; border: 1px solid #5C523B; padding:0; } /* ----------- Listserv Styles ---------- */ #listserv-subscribe { display: block; } #listserv-unsubscribe { display: none; } /*-------------------------------------------------------------------- Columns ---------------------------------------------------------------------- */ /* .column100 { float:left; width:270px; margin: 0 20px 20px 0; text-align: justify; padding: 0; } .column100 p { line-height: 22px; color: #4c4c4c; font-family: Tahoma, Verdana, Arial, sans-serif; display: block; } */ .column100 { float:left; width:100px; margin: 0; } .column150 { float:left; width:150px; margin: 0; padding-left:10px; } .column200 { float:left; width:200px; margin: 0; } .column225 { float:left; width:225px; margin: 0; } .column250 { float:left; width:250px; margin-right: 15px; } .column300 { float:left; width:300px; margin-right: 15px; } .column330 { float:left; width:330px; margin-right: 15px; } .column355 { float:left; width:355px; margin-right: 15px; } .column400 { float:left; width:400px; margin-right: 15px; } .column450 { float:left; width:450px; margin-right: 15px; } .column500 { float:left; width:500px; margin-right: 15px; } .column580 { float:left; width:580px; margin-right: 15px; } .column100 img { max-width: 90px; height: auto; } .column150 img { max-width: 140px; height: auto; } .column200 img { max-width: 190px; height: auto; } .column225 img { max-width: 200px; height: auto; } .column250 img { max-width: 230px; height: auto; } .column300 img { max-width: 280px; height: auto; } .column330 img { max-width: 310px; height: auto; } .column355 img { max-width: 325px; height: auto; } .column400 img { max-width: 380px; height: auto; } .column450 img { max-width: 320px; height: auto; } .column500 img { max-width: 480px; height: auto; } /*-------------------------------------------------------------------- FORMS ---------------------------------------------------------------------- */ #ListservSubscribeForm input, #EmailForm input { float:left; } #ListservSubscribeForm label, #EmailForm label { float:left; width:40%; line-height:1.5em; padding-right:10px; text-align:right; } #ListservSubscribeForm div, #ListservSignoffForm div, #EmailForm div { clear:both; padding: 10px 0; } #ListservSubscribeForm h3, #ListservSignoffForm h3, #EmailForm h3 { clear:both; margin: 15px 0 5px 0; } #ListservSubscribeForm, #ListservSignoffForm, #EmailForm { border: 0; } fieldset { border: none; } .checkboxquestion { float:left; } /* ---------------------------------------------------------------- PRINT THIS PAGE STYLES ------------------------------------------------------------------- */ .print_this { float: right; height: 15px; padding: 5px 0; margin: 15px 0 0 0; } .print_this img { margin: 0 4px; padding: 0; border: none; } .print_this a:hover { background-color: transparent; } .clear { clear: both; } hr { height: 1px; width: 100%; margin: 1em 0; }