html, body
{
    margin:0px;
    padding:0px;
    font-family: Georgia, "Times New Roman", serif;
    color: #444;
}

body {
    background-color: #f3f3f3;
}

img
{
    border: 0;
}

td.menu
{
    background:#cceefa;
    border-top:2px solid #45c1fd;
    border-bottom:2px solid #45c1fd;
    border-right:1px solid #45c1fd;
    border-left:1px solid #45c1fd;
    padding:5px 0 0 5px;
}

.main_menu td.center
{
    background-color:#3BB6F2;
    text-align:left;
    padding:0;
}

.main_menu td.center a
{
    color:#FFF;
    font: 15px Myriad Pro, Arial, Tahoma;
    text-decoration:none;
    font-weight: normal;
    display:block;
}


.top_left
{
    height:130px;
    width:603px;
    background:url(/content/images/top_left.gif);
    background-repeat:no-repeat;
}
.top_res
{
    height:130px;
    width:auto;
    background:url(/content/images/top_bg.gif);
    background-repeat:repeat-x;
}
.tr_corner
{
    background:url(/content/images/tr_corner.gif);
    width:15px;
    height:25px;
}
.tr_bg
{
    background:#FFFFFF;
    background-image:url(/content/images/tr_bg.gif);
    background-repeat:repeat-y;
    width:15px;
}

td.na_top
{
    background:url(/content/images/na_top.gif) repeat-x;
}


td.menutop
{
    width:198px;
    height:8px;
    background:url(/content/images/menulg.gif);
    background-repeat:repeat-x;

}
td.menuleft
{
    width:8px;
    height:218px;
    background:url(/content/images/menu_left_bg.gif);
    background-repeat:no-repeat;
}

.news
{
    padding: 0 0 0 60px;
}

.news h1, .articles h1
{
    color:#0099cc;
    font-size:23px;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:normal;
}
.news h3, .articles h3
{
    color:#006699;
    text-transform:uppercase;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
}
.news p
{
    color:#727374;
    padding-right:20px;
    font-size:12px;
    font-family:Tahoma, Helvetica, sans-serif;
    font-weight:normal;
}

.photos div
{
    color:#727374;
    font-size:12px;
    font-family:Tahoma, Helvetica, sans-serif;
    font-weight:normal;
}
td.greenp
{
    height:214px;
    background-image:url(/content/images/green_bg.gif);
    background-repeat:repeat-x;
}

.headerleft
{
    font-family: Georgia, "Times New Roman", serif;
    color: #fff;
    text-shadow: 1px 1px 3px #000;
    text-align: center;
    font-size: 3.0em;
    height: 178px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(/content/images/top_left.jpg) no-repeat, linear-gradient(180deg, rgba(102,162,206,1) 0%, rgba(209,225,238,1) 100%);
}

@media (max-width: 800px) {

    .headerleft {

        font-size: 1.5em;
        height: 120px;
    }
}

@media (max-width: 450px) {

    .headerleft {

        font-size: 1.2em;
    }
}

.gphone
{
    height:226px;
    background: rgb(89,211,138);
    background: linear-gradient(0deg, rgba(89,211,138,1) 0%, rgba(20,186,86,1) 31%, rgb(14 157 75) 100%);
    width:100%;
}
.gleft
{
    background-image:url(/content/images/gleft.jpg);
    background-repeat:no-repeat;
}
.gmiddle
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #FFF;
    background-repeat: no-repeat;
    padding: 0 13px;
    line-height: 1.5em;
}
.gright
{
    width:226px;
    height:226px;
    background-image:url(/content/images/gright.png);
    background-repeat:no-repeat;
}

.main-church {
    height:226px;
    display: grid;
    grid-template-columns: 170px 1fr 226px;
}

@media (max-width: 600px) {

    .gright{
        display: none;
    }

    .main-church {
        grid-template-columns: 170px 1fr;
    }
}

.flex-center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.articles h1
{
    padding:0 0 0 20px;
    color:#0099cc;
    font-size:23px;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-weight:normal;
}
.articles p
{
    padding:10px 25px 18px 15px;
    color:#146dac;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
}
td.border_top
{
    border-top:1px solid #d1e8f8;
}

td.border_r
{
    border-right:1px solid #d1e8f8;
}
.img_news
{
    margin:0 20px 40px 0;
}
.bottom_menu
{
    padding:0 10px 0 10px;
    height:44px;
    min-height:44px;
    _height:44px;
    background-image:url(/content/images/footer_lines.gif);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#caebfc;
    text-align:center;
}

td.bottom_menu a
{
    margin:0;
    padding:0;	font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    background-image:none;
    width:auto;
    height:auto;
    color:#057fbb;
    text-decoration:none;
}
td.bottom_menu a:active
{
    margin:0;
    padding:0;	font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    background-image:none;
    width:auto;
    height:auto;
    color:#057fbb;
    text-decoration:none;
}
td.bottom_menu a:visited
{
    margin:0;
    padding:0;	font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
    background-image:none;
    width:auto;
    height:auto;
    color:#057fbb;
    text-decoration:none;
}
td.bottom_menu a:hover
{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    background-image:none;
    font-size:11px;
    font-weight:bold;
    color:#057fbb;
    width:auto;
    height:auto;
    text-decoration:underline;
}

td.border_r a
{
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    color:#727374;
    font:11px Arial;
    background-image:none;
    text-decoration:underline;
}
td.border_r a:active
{
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    color:#727374;
    font:11px Arial;
    background-image:none;
    text-decoration:underline;
}
td.border_r a:visited
{
    margin:0;
    padding:0;
    width:auto;
    height:auto;
    color:#727374;
    font:11px Arial;
    background-image:none;
    text-decoration:underline;
}
td.border_r a:hover
{
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    background-image:none;
    font-size:11px;
    color:#727374;
    width:auto;
    height:auto;
    text-decoration:none;
}
td.border_r img
{
    margin-right:6px;
}
td.bottom_menu img
{
    margin-left:10px;
    margin-right:10px;
}
.copyright
{
    height:48px;
    background-color:#FFF;
    text-align:center;
    font-weight:bold;
    font-size:11px;
    font-family:Arial, Helvetica, sans-serif;
    color:#666;
}

.right_bg
{
    width:15px;
    background:url(/content/images/right_bg.gif);
    background-repeat:repeat-y;
}
.fr_bg
{
    background:url(/content/images/fr_bg.gif);
    background-repeat:no-repeat;
}
.index-content {
    display: grid;
    grid-template-columns: 240px 1fr 280px;
}
@media (max-width: 600px) {
    .index-content {
        grid-template-columns: 1fr;
    }
}
.footer
{
    height:15px;
    background:url(/content/images/footer.gif);
    background-repeat:repeat-x;
}

/********** CSS theme file for CalendarXP 4.0 ********/
/* control the layout, font and font-color of the calendar cell */
#popTable { font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.CalHead {text-align:center; color: #3BB6F2; font-weight:bold;}
.CalCell {cursor:hand; text-align:center;}
.CellAnchor {text-decoration:none;}

/* styles for the "today" part at the bottom */
a.Today {color:#0099D5;}

/* styles for the date selectors (buttons and combos) at the top */
.MonthNav {vertical-align:middle; text-decoration:none; height:22; width:18; color:black;}
.CalTitle {vertical-align:middle; color:black;}

/* !!! DO NOT use any inline CSS(i.e. style="xxx") in the same page with the calendar tags,
or the calendar will lose its style under Netscape 4.x! Use CSS class instead and
add all the CSS classes to the following section !!! */
.toleft {text-align:left;}


.news-date {
    font-style: italic;
    color: #999;
    font-family: Georgia, "Times New Roman", serif;
}

a, .page-link {
    color: #146dac;
}

.romb:before {
    content: '';
    position: relative;
    display: inline-block;
    width: 7px;
    height: 6px;
    background-color: #5d5d5d;
    margin-right: 10px;
    transform: translate(0, -50%) rotate(45deg);
    top: 3px;
}

.romb {
    position: relative;
    display: flex !important;
    align-items: center;
}

h2, .h2 {
    font-size: 1.5rem;
}

h1, .h1 {
    font-size: 1.7rem;
}

#container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    box-shadow: 0px 0px 10px #777;
    background: #fff;
}

.morelink {
    font-size: 0.9em;
    font-style: italic;
}

.morelink:after {
    display: inline-block;
    margin-left: 3px;
    content: "»";
}

.btn {
    font-family: Arial, Tahoma, "sans-serif";
}