/* CSS Document */

.content { font-family: Verdana; font-size: 11px; color: #414141; padding: 15px; line-height: 1.5 }

.error { color: #a90000; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold }

a img { 
    border: 0; text-decoration: none;
    }
img { 
    border: 0; text-decoration: none; 
    }

.image { border: 0px; text-decoration: none; }
a.image:link { border: 0px; text-decoration: none; } 
a.image:visited {border: 0px; text-decoration: none;  }
a.image:hover { border: 0px; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;}

A:link { color: #3b76a0; font-family: Verdana, Helvetica; text-decoration: underline;  } 
A:visited { color: #3b76a0; font-family: Verdana, Helvetica; text-decoration: underline;  }
A:hover { color: #6a9ec3; font-family: Verdana, Helvetica; text-decoration: none; }

.main { color: #464646; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; line-height: 1.5 }
A.main:link { color: #3b76a0; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: underline;  } 
A.main:visited { color: #3b76a0; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: underline;  }
A.main:hover { color: #6a9ec3; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; }

.main2 { color: #464646; font-size: 12px; font-family: Verdana, Helvetica; text-decoration: none; }
A.main2:link { color: #408c3c; font-size: 12px; font-family: Verdana, Helvetica; text-decoration: underline;  } 
A.main2:visited { color: #408c3c; font-size: 12px; font-family: Verdana, Helvetica; text-decoration: underline;  }
A.main2:hover { color: #75bc63; font-size: 12px; font-family: Verdana, Helvetica; text-decoration: none; }


.sermon { color: #464646; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: none; }
A.sermon:link { color: #408c3c; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: underline;  } 
A.sermon:visited { color: #408c3c; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: underline;  }
A.sermon:hover { color: #75bc63; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: none; }

.paragraph { color: #464646; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; text-align: justify; line-height: 16px; padding-left: 10px; padding-right: 5px; padding-top: 6px; padding-bottom: 15px; }
A.paragraph:link { color: #408c3c; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold } 
A.paragraph:visited { color: #408c3c; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold }
A.paragraph:hover { color: #75bc63; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold }

.minititle { color: #464646; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: none; }
.minititle2 { color: #ff8400; font-size: 16px; font-family: Verdana, Helvetica; text-decoration: none; }
A.minititle:link { color: #2e7b9f; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold } 
A.minititle:visited { color: #2e7b9f; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold }
A.minititle:hover { color: #6fafcd; font-size: 14px; font-family: Verdana, Helvetica; text-decoration: none; font-weight: bold }

.title { color: #981b1e; font-size: 20px; font-family: Century Gothic, Verdana; text-decoration: none; font-weight=bold }
A.title:link { color: #e8a424; font-size: 15px; font-family: Verdana; text-decoration: none; font-weight:bold  } 
A.title:visited { color: #e8a424; font-size: 15px; font-family: Verdana; text-decoration: none;  font-weight:bold }
A.title:hover { color: #f2cb82; font-size: 15px; font-family: Verdana; text-decoration: none; font-weight:bold  }

.small { color: #464646; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; }
A.small:link { color: #408c3c; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline; } 
A.small:visited { color: #408c3c; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline; }
A.small:hover { color: #75bc63; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; }


.side { color: #ffffff; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; }
A.side:link { color: #feffd0; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; } 
A.side:visited { color: #feffd0; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; }
A.side:hover { color: #ffffff; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline; }

.footer { color: #ffffff; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; }
A.footer:link { color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; } 
A.footer:visited { color: #ffffff; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: none; }
A.footer:hover { color: #FFFFCC; font-size: 11px; font-family: Verdana, Helvetica; text-decoration: underline; }

A.bottombar:link { color: #2e7b9f; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; } 
A.bottombar:visited { color: #2e7b9f; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: none; }
A.bottombar:hover { color: #6fafcd; font-size: 10px; font-family: Verdana, Helvetica; text-decoration: underline; }


@media print {
DIV.screen {display: none;}

a:link {  font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none}
a:visited { font-family: Verdana, Helvetica, sans-serif; color: #000000;  text-decoration: none }
a:hover { font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none }
a:visited:hover { font-family: Verdana, Helvetica, sans-serif; color: #000000; text-decoration: none}

}


@media screen {
DIV.print {display: none;}
}

}


.vertdots { padding-left: 2px; padding-right: 2px; background: #ffffff url('images/vertdots.gif') repeat-y top center; }
.hordots { padding-top: 2px; padding-bottom: 2px; background: #ffffff url('images/hordots.gif') repeat-x center center	; }


.infobox { 
background-image: url("images/stgray.gif"); 
background-repeat: no-repeat; 
background-position: center;
}


.vertdots { padding-left: 2px; padding-right: 2px; background: #ffffff url('images/vertdots.gif') repeat-y top center; }
.hordots { padding-top: 2px; padding-left: 0px; padding-bottom: 2px; background: #ffffff url('images/hordots.gif') repeat-x center left; }


/* nav */

/* nav
-----------------------------------------------------------------*/

#header div.liner{
width:446px;
margin:0 auto;
position:relative;
height:31px;
}

ul#nav{
display:block;
list-style:none;
position:absolute;
bottom:0px;left:0;
margin:0;padding:0;
height:31px;
width:477px;
z-index:100;
font-family:"Lucidia Grande", Verdana, Arial, Helvetica, sans-serif; 

}
ul#nav li{
display:block;
float:left;
margin:0;padding:0;
position:relative;
}
ul#nav li a{
display:block;
height:31px;
text-indent:-9000px;
outline:none;
}

#nav_home{background:url(/images/nav/nav_off_01.jpg) 0 0 no-repeat;}
#nav_home a{width:58px;background:url(/images/nav/nav_off_01.jpg) 0 0 no-repeat;}
#nav_home a:hover{background:url(/images/nav/nav_on_01.jpg) 0 0 no-repeat;}
#nav_about{background:url(/images/nav/nav_off_02.jpg) 0 0 no-repeat;}
#nav_about a{width:61px;background:url(/images/nav/nav_off_02.jpg) 0 0 no-repeat;}
#nav_about a:hover{background:url(/images/nav/nav_on_02.jpg) 0 0 no-repeat;}
#nav_serve{background:url(/images/nav/nav_off_03.jpg) 0 0 no-repeat;}
#nav_serve a{width:59px;background:url(/images/nav/nav_off_03.jpg) 0 0 no-repeat;}
#nav_serve a:hover{background:url(/images/nav/nav_on_03.jpg) 0 0 no-repeat;}
#nav_connect{background:url(/images/nav/nav_off_04.jpg) 0 0 no-repeat;}
#nav_connect a{width:75px;background:url(/images/nav/nav_off_04.jpg) 0 0 no-repeat;}
#nav_connect a:hover{background:url(/images/nav/nav_on_04.jpg) 0 0 no-repeat;}
#nav_citygroups{background:url(/images/nav/citygroups_off.jpg) 0 0 no-repeat;}
#nav_citygroups a{width:92px;background:url(/images/nav/citygroups_off.jpg) 0 0 no-repeat;}
#nav_citygroups a:hover{background:url(/images/nav/citygroups_on.jpg) 0 0 no-repeat;}
#nav_giving{background:url(/images/nav/nav_off_09.jpg) 0 0 no-repeat;}
#nav_giving a{width:61px;background:url(/images/nav/nav_off_09.jpg) 0 0 no-repeat;}
#nav_giving a:hover{background:url(/images/nav/nav_on_09.jpg) 0 0 no-repeat;}
#nav_contact{background:url(/images/nav/nav_off_06.jpg) 0 0 no-repeat;}
#nav_contact a{width:71px;background:url(/images/nav/nav_off_06.jpg) 0 0 no-repeat;}
#nav_contact a:hover{background:url(/images/nav/nav_on_06.jpg) 0 0 no-repeat;}

ul#nav li ul { /* second-level lists */
position: absolute;
background: #ccc;
border:1px solid #fff; /* Outer stroke of whole drop-down menu */
top:0px;
width: 140px; /* width of drop-down menus */
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
list-style:none;
z-index:100;
padding:0;
}



ul#nav li ul li{float:none;background:transparent;}
ul#nav li:hover ul, ul#nav li.over ul { /* lists nested under hovered list items */
left:0px;top:31px; /* This sets where drop-down menu starts */
}


ul#nav li ul li a{background:transparent; width:100%; font-size:12px; height:1em;padding:6px 0; color:black; text-decoration:none;border-bottom:1px solid #fff;border-top:0px solid #eee;font-weight:12px;text-indent:5px;z-index:1000;}



ul#nav li ul li a:hover{background:#981b1e;color:#ffffff;} /* Hover Color */

#highlight{background: url(../images/highlight-bkgd.png) 3px 0 repeat-x;font-family:Verdana, Arial, Helvetica, sans-serif;}
#highlight div.liner{background:url(../images/highlight-plate.png) 50% 0 no-repeat;}

#highlight div.liner2{
width:476px;
margin:0 auto;
min-height:221px;
position:relative;
}
* html #highlight div.liner2{height:221px;}

.calendar{
   margin-bottom: 25px;
   padding: 6px;
   border: 1px solid #CBC5A3;
   border-right: 0;
   border-bottom: 0;
   border-collapse: collapse;
}

.calendar caption{
   padding-bottom: .4em;
   color: #BF690C;
   font-size: 115%;
}

.calendar caption span{
   color: #8A4700;
}

.calendar caption span img{
   vertical-align: top;
}

.calendar th{
   padding: 2px 0;
   background: #BF690C;
   color: #FAFAFD;
   font-size: 90%;
   font-weight: normal;
}

.calendar td{
   width: 68px;
   height: 68px;
   padding: 2px;
   border: 1px solid #CBC5A3;
   border-left: 0;
   border-top: 0;
   background: #F5F0D8;
   color: #313131;
   font-size: 75%;
   vertical-align: top;
}

.calendar td.empty{
   /*background: #DBBF5B;*/
}

.calendar td ul{
   margin: .5em 0 0 0;
   font-size: 100%;
   list-style: none;
   line-height: 1.2;
}

.calendar td li{
   margin-bottom: .5em;
}

.calendar td li a{
   color: #BF690C;
   text-decoration: none;
}

.calendar td li a:hover{
   text-decoration: underline;
}


#pagination a{
font-size: 11px;
margin: 4px;
}

#pagination a#off{
font-size: 11px;
margin: 4px;
color: gray;
text-decoration: none;
cursor: default;
}

#pagination a#current{
font-size: 11px;
margin: 4px;
font-weight: bold;
border: 1px solid;
padding: 4px;
color: black;
text-decoration: none;
border-color:#cccccc;
cursor: default;
}