/*  -----{ global resets }-------------------------------------------------  */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}


/*
Font is set in body at 87.5% of the default 16, that is, 14px. For the #nav-desktop div, it is set at 87%, which means 87% of 14px, or (approx.) 12px.
*/

body {
color: #78614c; 
background-color: #f0e4ce;
font: 87.5%/140% arial, helvetica, verdana, sans-serif;
}

.refreshpage {
	visibility: hidden;
}

ol,
ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

/*  ----------{ header }--------------------------------------------  */

/*adjustment for ie6:
#container, #footer {
	width: expression(document.body.clientWidth < 742? "740px" : document.body.clientWidth > 1202? "1200px" : "auto");
	}
*/


	#wrapper {
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  }

#header-wrapper {
   width: 100%;
  margin: 0 auto; 
 background: #fff url(bg-header-brown.jpg) repeat-x; 
 }

#header {
  max-height: 8.3333em;
  //max-width: 75em;
  width: 100%;
  margin: 0 auto;
   }

/*  NEW     */
#header img {
	 display: block;
   margin-left: auto;
   margin-right: auto;
 }
	
/* ------------------ main navigation ---------------------------------- */

#nav-desktop, #no-pnb {
 font: 87%/150% arial, helvetica, verdana, sans-serif;
 width: 100%;
 min-height: 3em;
 line-height: 1em;
background:#fff url(bg-nav-gold.jpg) repeat-x;
position: relative;
z-index: 8000; /* to put nav on top of cycle slideshow but behind fancybox galleries, which have a z-index greater than 8000 */
display: block;
}

#nav-desktop-inner {
	max-width: 75em;
	margin: 0 auto;
		min-height: 3em;
 }

#nav-desktop ul {
 list-style: none;
}

#nav-desktop li {
  float: left;
  width: auto;
  margin-right: 1em;
   }

#nav-desktop li a {
  display: block;
  text-decoration: none;
  font-weight:bold; 
  padding: .75em .5em 1em .5em;
     }

/*-------------------- drop-down menus ------------------------ */

#nav-desktop li ul {
  position: absolute;
  margin-top:0;
  background-color: #d1a82f;
  width: 12em;
  left: -999em;
  z-index: 2;
}

#nav-desktop li li {
  width: 100%;
  margin-right:0;
}

#nav-desktop li li a {
  padding:0;
  text-transform:none;
  font-weight:bold;
  display: block;
  width: auto;
  padding: .4167em; /*5px;*/
  border-top:1px solid #7b6653;
   color: #524239;
}

#nav-desktop li:hover ul,
#nav-desktop li.sfhover ul {
  left: auto;
}

#nav-desktop li.sfhover,
#nav-desktop li:hover {
 background: #78614c url(nav-bg-gold.jpg) repeat-x 0 0; 
 }

#nav-desktop.no-dive li.current_page_item:hover {
  background: none;
  cursor: default;
}

#nav-desktop li li.sfhover,
#nav-desktop li li:hover {
  background: #e3c56d;
}


/***********color of top menu text without hover******/
#nav-desktop li a,
#nav-desktop li.current_page_item ul li a, 
#nav-desktop li.current_page_ancestor ul li a {
  color: #524239; 
}

/***** color of top menu text with hover *****/

#nav-desktop li a:hover,
#nav-desktop li li a:hover,
#nav-desktop li li.current_page_item a,
#nav-desktop li.current_page_item ul li a:hover,
#nav-desktop li.current_page_ancestor ul li a:hover,
#nav-desktop li.current_page_item a,
#nav-desktop li.current_page_ancestor a,
#nav-desktop li.current_page_parent a {
 color: #030202; 
  background: url(nav-bg-gold.jpg) repeat-x 0 0;  
    }

/*************** for mobile menu *****************/
#nav-mobile {
	display: none;
}

#nav-mobile-bg {
	width: 100%;
	background-color: #d1a82f;
  min-height: 4em;
}

  .menu-link {
 /* display: none;*/ /*block;*/
/* border: none;*/
  padding: .5em;
 /*width: 100%;*/
  background-color: #524239;
  color: #d1a82f; 
  font-weight: bold;
  cursor: pointer;
  position: absolute;
 right: 5px; 
 margin-top: .5em;
    }

.menu {
  display: none;
}

#menu a {
	text-decoration: none;
	background-color: #edc34a;
}

.menu, .menu > ul ul {
  clear: both;
}

#menu ul.level-2 li a {
	background-color: #dbad23;
	padding-left: 2em;
}

.js .menu, .js .menu > ul ul {
 background:  rgba(0,0,0,0.1); 
	/*color: #524239;*/
}
.menu.active, .js .menu > ul ul.active {
	max-height: 55em;
}
.menu > ul {
	border-top: 1px solid #808080;
}
.menu li a {
	color: #000;
	display: block;
	padding: 0.8em;
	border-bottom: 1px solid #808080;
	position: relative;
	background-color: #fcdf89;
}

.menu li.has-subnav > a:after {
	content: '+';
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	font-size: 1.5em;
	padding: 0.25em 0.5em;
}
.menu li.has-subnav > a.active:after {
	content: "-";
}

.has-subnav > ul {
  display: none;
}

/*  --------------------{ content and column setup }------------------------------  */

#content {
 max-width: 75em; /* = 900px */
   margin: 0 auto; 
  padding: 1.667em 0 1.667em 0; 
  text-align:left;
  clear:both;

   opacity:0;
        -webkit-animation:fadeIn ease-in 1;
        -moz-animation:fadeIn ease-in 1;
        -o-animation:fadeIn ease-in 1;
        animation:fadeIn ease-in 1;

        -webkit-animation-fill-mode:forwards;
        -moz-animation-fill-mode:forwards;
        -o-animation-fill-mode:forwards;
        animation-fill-mode:forwards;

        -webkit-animation-duration:800ms;
        -moz-animation-duration:800ms;
        -o-animation-duration:800ms;
        animation-duration:800ms;

}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

  
#left-column {
  width: 74%;  /* 666px; */
  float: left;
       } 
    
#left-column-slideshow {
}

#left-column-news-mobile {
	display: none
}

#left-column-articles {
}

#right-column {
  width:24%;  
  float: right;
        }
 
 
#content.fullwidth {
  margin: 0;
  width: 100%;
  padding: 0;
}

#content.fullwidth-withmargin {
  margin: 1.25em; /*15px;*/
  width: 100%;
  padding: 0;
}

#content.fullwidth #content-banner img.banner {
  border: none;
  display: block;
  margin: 0 auto 1.25em auto;
  padding: 1.25em 0;
  background-color: transparent;
}

#inner-content {
  width: 75em; /*73em; */
  margin: 2.5em auto 0 auto;
}

#content:after {
  display: block;
  clear: both;
  content: " ";
  height: 0;
  overflow: hidden;
}

/* ******begin rules for show/hide link for whole sections**** */
.more {
  display: none;
	border-top: 1px solid #78614c;
	border-bottom: 1px solid #78614c;
	margin-top: .833em; /*10px;*/
	 }

a.showLink, a.hideLink {
	text-decoration: underline;
	color: #78614c;
	padding-left: 1.25em; /*15px;*/
  background: transparent url('down-arrow-brown.gif') no-repeat left; 
	 }

a.hideLink {
	background: transparent url('up-arrow-brown.gif') no-repeat left; 
 }
a.showLink:hover, a.hideLink:hover {
	text-decoration: none;
	} 

/* *****end rules for show/hide link for whole sections**** */

/* **** rule for more/less news items (no longer used) **** 
Note that current rules for this function are found in the #newshilites section of this file. */ 

.hiddentxt {
display: none;
 }
 
		
		
/* -----------------( single column ) ---------------------------------*/

/* !! the following tag needs checking: */
#single-column {
	max-width: 75em; /*73em; 864px;*/
	float: left;
}


/*  ----------------{ left column }------------------------------------  */

/* !! the following tags need checking: */
#left-column-a {
  width: 25%; /* 292px;*/
   left: 0;
  float: left;
  background: #f0e4ce;
  margin: 10px 10px 0px 0px;
  padding: 10px;

    }
  
#left-column-b {
width: 292px;
left: 322px;
float: right;
background: #f0e4ce;
margin: 10px 0px 0px 10px;
padding: 10px;
}  

#left-column-newslink {
	width: 100%;
	background-color: #524239;
	visibility:hidden;
}

#left-column ul, div.blank ul {
 margin: 0 0 1.6em 0;
  }

.ulnospace {
 margin: -8em 0 1.6em 0;
  overflow: hidden; 
  }

#left-column ul li, div.blank ul li {
  list-style: none;
 margin-top: .7em; 
  padding-left: 1.25em; /*15px;*/
}

/* corrects problem of extra space before a ul */
#left-column ul {
margin-top: -1em;
}

/* corrects problem of not enough space before a second-level ul */
#left-column ul li ul {
 margin-top: .25em;
}

#left-column ul li, div.blank ul li {
 background: url(bullet-brown.gif) no-repeat 0 .45em;
  } 

/* There is an issue with overflow:  In the following style, it must be hidden, or the ornamental bullets will not show.  In the next style, however, it must be visible or the wrap around the image will not show.  As of 7/3/14 this tag is not used in websf. If used, it would need revision for RWD.
*/

#left-column p.bullet-ornament {
  background: url(bullet-ornament.gif) no-repeat; 
  text-indent: 25px;
  overflow: hidden; 
  }

#left-column p.bullet-ornament1 {
  background: url(bullet-ornament1.png) no-repeat; 
  text-indent: 25px;
  overflow: hidden; 
  }
  
#left-column p.bullet-ornament-singlespace {
  background: url(bullet-ornament.gif) no-repeat; 
  text-indent: 25px;
   margin-top: .1em;
  margin-bottom: 0;
  }
    
#left-column p.bullet-ornament-wrap {
 background: url(bullet-ornament.gif) no-repeat; 
  text-indent: 25px;
  overflow: visible; 
  }

/* single spaced lists */
#left-column ol.singlespace li, 
#left-column dl.singlespace dt,
div.blank ol.singlespace li, 
div.blank dl.singlespace dt {
  margin-top: 0;
}

#left-column ul.singlespace li,
div.blank ul.singlespace li {
  list-style: none;
  margin-top: 0;
  padding-left: 1.25em; /*15px;*/
}

/* corrects problem when a singlespaced ul list occurs in a table cell */
#left-column ul.singlespace {
margin-top: .5em;
}

#left-column ul.singlespacenobullet li {
list-style: none;
margin-top: 0;
padding-left: 1.25em; /*15px;*/
background: none;
}

#left-column li.nobullet {
padding: 0;
background: none;
} 

/* the following 3 tags are used on homepage of websf */
.left-column-bottom-header {
	background: transparent url(bg-header-gold.jpg) repeat-x 0 0;
	padding: .5em 0 .5em 0;
	color: #78614c;
	font-weight: bold;
		text-align: center;
	  font-size: 100%;
  line-height:115%;
}

.newpara {
	margin-top:-1em;
}

#homepage-table {
	width: 100%;
}

/*  -----------{ general typography }--------------------------------------  */

/* find size of 1em in current font: */

#ingredients {
	color: #604f4a;
}
	em {
	width:1em;
	height:1em;
	overflow:hidden;
	visibility:hidden;
	font-family: Palatino;
	}
		
html { 
  overflow-y: scroll !important;
}
	
h1 {
  font-size: 140%;
  line-height:115%;
  margin-bottom: 1.5em;  
 }


h2 {
  font-size: 130%;
  line-height:115%;
  margin-bottom: 1.5em;  
   }

h3 {
  font-size: 120%;
  line-height:145%;
  margin-bottom: 1.4em;  
 }

h4 {
  font-size: 110%;
  line-height:125%;
  margin-bottom: 1em; 
 }

h5 {
 font-size: 100%;
  line-height: 135%;
    margin-bottom: .8em;
}

h1, h2, h3, h4, h5, h6 {
  color: #78614c;
  font-weight: bold;
}

.h5 {
 font-weight: bold;
  font-size: 100%;
  line-height: 135%;
    margin-bottom: .8em;
color: #78614c;
}

h3.news-marker {
  padding: 1.5em 0 0 3.5em;
 background: transparent url(new-brown.png) no-repeat 0 18px;
  border-style:solid;
 border-width:1px 0 0 0;
}

h3.news-nomarker {
   padding: /*2em 0 0 0;*/ 1em 0 0 0;
   border-style:solid;
 border-width:1px 0 0 0; 
 }
		
#append-news p {
	margin-bottom: 2em;
}
		
h6 {
  font-size: 90%;
  font-weight:bold;
  line-height:115%;
}

/* This is where links are set to underlined when they are inactive. */
a {
   color: #78614c; 
    text-decoration:underline; 
 }

a name {
color: #444;
text-decoration:none; }


/*  This is where ordinary hover state is set  */
a:hover {
  text-decoration:none;
  color: #78614c;
}

#introsmall {
font-size: 80%;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
line-height: 1.5;
text-align: left;
}

.introsmall {
 font-size: 80%;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
line-height: 1.5;
text-align: left;
}

.smallbrown {
font-size: .9em; 
line-height: 1.4em;
color: #7b6653;
}

.smallbrown-verdana {
font-size: .8em; 
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 1.4em;
color: #7b6653;
}

.introsmallcenter {
 font-size: 70%;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
line-height: 5%;
text-align:center;
color: #7b6653;
}

.clear {clear:both;}

.para-break-homepage {
	margin-top:-1em;
}

#content hr,
#content pre,
#content p,
#content ul, 
#content ol, 
#content dl, 
#content pre, 
#content blockquote, 
#content address, 
#content table, 
#content form {
  margin-bottom: 1.6em;
}

blockquote {
  padding: .1em 2em 2em 2em;  
  margin: 1.3em 0;
}

#content p.indentquote,
#content p.with-cont,
#content p.cont-para,
#content p.final-para {
color: #999;
text-align: justify;
padding-left: 2em;
padding-right: 2em;
}

#content p.indentquote {
  border-top: .5em /*6px*/ solid #ccc;
  border-bottom: .5em /*6px*/ solid #ccc;
   padding-top: 1.3em;
   padding-bottom: 1.3em;
  }

#content p.with-cont,
#content p.cont-para,
#content p.final-para {
text-indent: 2em; /*25px;*/
}

#content p.with-cont {
 border-top: .5em /*6px*/ solid #ccc; 
 border-bottom: none;
margin-bottom: 0;
  padding-top: 1.3em;
  padding-bottom: 0;
}

#content p.cont-para {
border-top: none;
border-bottom: none;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
   }

#content p.final-para {
border-top: none;
  border-bottom: .5em /*6px*/ solid #ccc;
  padding-top: 0;
margin-top: 0;
   padding-bottom: 1.3em;
 }
 
.small {
  font-size: .9em;
  margin-bottom: 1.875em;
  line-height: 1.875em;
}


.large {
  font-size: 1.2em;
  line-height: 1.25em;
  /* margin-bottom: 1.25em; */
}

.hide {
  display: none;
}

.bold {
font-weight: bold;
}

.boldital { 
font-weight: bold;
font-style: italic;
}

.center {
  text-align: center;
}

div.center {
	margin: 0 auto;
	}

a.center {
	margin: 0 auto;
}

.left {
text-align:left;
}

.right {
text-align: right;
}

.citation {
	text-align: right;
	font-size: .9em;
	font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	margin-top: -1.5em;
	font-style: italic;
}

.centerbold {
 text-align: center;
 font-weight: bold;
 }
 
 .centerboldbrown {
 text-align: center;
 font-weight: bold;
 color: #78614c;   
 }
 
 .histhead {
 	 text-align: center;
 font-weight: bold;
 color: #78614c;   
 }
 	
 .boldbrown {
 text-align: left;
 font-weight: bold;
 color: #78614c;  
 }
 
h4.boldbrown em {
 font-style: italic;
 font-weight: bold;
 }

 li.excerpt em {
  font-style: italic;
 font-weight: bold;
 }
 
 .red {
 color: red;
 }

.centerblue {
 text-align: center;
 color: blue;
 }
 
.green {
 color: green;
 }

.bggray {
background: #eee;
padding: 1em; /*12px;*/ }

.emergency {
	color: red;
	font-weight: bold;
	}

.justif {
text-align: justify; }

hr {
border: 0;
/*color: #78614c;*/
background-color: #78614c;
height: .05em;  /*1px;*/
width: 100%;
text-align: left;
}

.textbox-brown {
	border: solid 1px #78614c;
	background-color: #78614c;
	padding: .333em; /*4px;*/
	margin:  .083em .5em 0 0;
	color: #fff;
	font-weight:bold;
	float:left;
}
.brownbox {
	border: solid 1px #78614c;
	padding: .5em; /*6px;*/
	color: #78614c;
}

.dropcap:first-letter {
line-height: 1;
background: #544639;
border: 4px double #d3aa08;
color: #b82516;
float: left;
font-family: "Times New Roman", Times, serif;
font-size: 4.5em;
font-weight: bold;
margin: 0.037em 0.1296em -.074em 0em; /* 2px 7px -4px 0px; */
padding: .074em; /*4px;*/
text-transform: uppercase;
}

.dropcap1:first-letter {
line-height: 1;
background: #544639;
border: 4px double #d3aa08;
color: #0e88a2;        /*#b82516;*/
float: left;
font-family: "Times New Roman", Times, serif;
font-size: 4.5em;
font-weight: bold;
margin: 0.037em 0.1296em -.074em 0em; /* 2px 7px -4px 0px; */
padding: .074em; /*4px;*/
text-transform: uppercase;
}

.dropcaps {
line-height: 1;
background: #544639;
border: 4px double #d3aa08;
color: #b82516;
float: left;
font-family: "Times New Roman", Times, serif;
font-size: 4.5em;
font-weight: bold;
margin: 0.037em 0.1296em -.074em 0em; /* 2px 7px -4px 0px; */
padding: .074em; /*4px;*/
text-transform: uppercase;
}


.indent1 {
margin-left: 2em;}

.indent2 {
margin-left: 4em;}

.indent1line {
	text-indent: 2em;
}

.hangingindent {
    text-indent: -3em;
    margin-left: 3em;
}

.hidden { display: none; }

.unhidden { display: block; }

.caldateno {
font-family: Arial, Helvetica, sans-serif;
color:#78614c;
font-weight:bold;
 }

.caldow {
	font-family: Arial, Helvetica, sans-serif;
	color:#78614c;
	font-weight:bold;
	text-align:right;
}

.calevent {
font-family: Verdana, Arial, Helvetica;
font-size: 75%;
color: #fff;
 }

.caleventmain {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #78614c;
 }
 
.caleventmainlit {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: #78614c;
 }

 .caleventcolor {
color: #333; }

.calspacing {
	line-height: 100%;
}

#calacross, #censusacross, #vcsacross {
	display: block;
}

#caldown, #censusdown, #vcsdown {
	display: none;
}

#caldown table {
	border: 2px solid;
  margin: 0 auto;
}

#censusdown, #vcsdown table {
	border: none;
	margin: 0 auto;
}

#caldown table td {
	padding: 1em;
	border: 2px solid;
}

#censusdown, #vcsdown table td {
	padding: .25em;
	border: none;
}
   
big {
  font-size: 1.4em;
}

small {
  font-size: .9em;
}

strong, th, thead td {
  font-weight: bold;
}

em {
  font-style: italic !important;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
  font-size: 110%;
  font-family: Arial,Helvetica,sans-serif;
}

sup {
  vertical-align: super;
}

sub {
  vertical-align: sub;
}

.divider {
	text-align:center;
	margin-top: -1em;
}

.extraspace {
	margin-bottom: .5em;
}

/*---------------------------------- quicksearch ----------------- */

#quicksearch {
  text-align: left;
  float: left;
  margin: 0 0.75em /*9px*/ 0 0;
  padding-top: 0; 
  width:auto;
 /* margin-bottom: 1.667em; 20px;*/
}

#quicksearch fieldset {
  margin:0;
  padding:0;
}

#quicksearch input {
  font-size: .9em !important;
font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #fff; 
  border: 1px solid #aaa;
}

#quicksearch input#q {
  width: 11em;
  padding:0.25em; /*3px;*/
   background: #484848 url(bg-input-brown.jpg) repeat-x 0 0;
   height: 1.67em;
  }

#quicksearch input.button {
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 0;
  margin: 0;
	width: 2em;  /*23px;*/
	height: 2.45em; /*20px;*/
	background: transparent url(bg-search-button-brown.gif) no-repeat top;
	color: #fff; 
	text-indent: -9999px;
	font-size: .1em;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
}

#quicksearch select {
  background: #b10606;  
  color:#fff;
  border:1px solid #999;
}

/* ----------------( speedtip )-----------------*/
/* copyright 2004-2015 Stu Nicholls */
a.speedtip {color:#78614c;    
text-decoration: underline; }

a.speedtip b {display:none;}

a.speedtip:hover {
	border:0;
	position:relative;
	z-index:9000 /*500*/;
	text-decoration:none;
	}

a.speedtip:hover b {
	display:block;
	position:absolute;
	top:1.667em; /*20px;*/
	left:-2.083em; /*25px;*/
	padding: .5em; /*5px;*/
	font-weight:normal;
	color:#000;
	border:1px solid #999999;
	background:#f0e4ce;
	width:41.667em; /*500px;*/
	}

a.speedtip:hover b em.outer {
	position:absolute;
	left:1.667em; /*20px;*/
	top: -0.667em; /*-8px;*/
	width:0;
	height:0;
	display:block;
	background:transparent;
	border-left:0.583em /*7px*/ dashed transparent;
	border-right:0.583em /*7px*/ dashed transparent;
	border-bottom: 0.583em /*7px*/ solid #999999;
	overflow:hidden;
	z-index:9000 /*100*/;
	}

a.speedtip:hover b em.inner {
	position:absolute;
	left:1.667em; /*20px;*/
	top:-0.583em; /*-7px;*/
	width:0;
	height:0;
	display:block;
	background:transparent;
	border-left:0.583em /*7px*/ dashed transparent;
	border-right:0.583em /*7px*/ dashed transparent;
	border-bottom:0.583em /*7px*/ solid #cccccc;
	overflow:hidden;
	z-index:9000 /*100*/;
	}
 
/* speedtip with box showing above link  */

a.speedtipup {
	color:#57422f;
	font-size: 80%;
	line-height: 130%;
	}

a.speedtipup b {display:none;}

a.speedtipup:hover {
	border:0;
	 position:relative; 
	 z-index:500;
	  text-decoration:none;
	  cursor: default;
	  }

/* 
note adaptations to use the following tag for copyright credits: 
text-align: left  and  font-weight: normal
*/

a.speedtipup:hover b
 {display:block;
  position:absolute;
  width: 20em;
      bottom: 1.667em;  /*20px;*/
    left:-50px;
     padding:.5em; /*5px;*/
      font-weight:normal; 
      text-align: left;
      font-style: normal;
      color:#fff;
       border:1px solid #999;
        background:#544639;
          box-shadow: 0 3px 3px #554639; 
                 }

/* color of pointer's border  */

a.speedtipup:hover b em.outer
 {position:absolute;
  left:50px;
   bottom: -8px; 
    width:0;
     height:0;
      display:block;
       background: transparent;
        border-left:7px dashed transparent;
         border-right:7px dashed transparent;
          border-top:7px solid #544639;
           overflow:hidden;
            z-index:100;}


/* color of pointer */

a.speedtipup:hover b em.inner
 {position:absolute;
 	 left:50px;
 	 bottom:-7px;
 	   width:0;
 	    height:0;
 	     display:block;
 	      background:transparent;
 	       border-left:7px dashed transparent;
 	        border-right:7px dashed transparent;
 	         border-top:7px solid #544639;
 	          overflow:hidden;; 
 	          z-index:100;}

/* ******************* */

a.speedtipcal2 {color:#78614c;
text-decoration: underline; }

a.speedtipcal2 b {display:none;}

a.speedtipcal2:hover {
	border:0;
	position:relative;
	z-index:500;
	text-decoration:none;
	}

a.speedtipcal2:hover b {
	display:block;
	position:absolute;
top: 1.667em; /*20px;*/
 	left: -13.33em; /*-2.083em;*/ /*-25px;*/
 	padding:  .5em; /*5px;*/
	font-weight:normal;
	color:#fff;
	border:1px solid #999999;
	background:#544639;
	box-shadow: 0 5px 10px #554639; 
	
	/* NOTE:  using max-width instead of width allows the speedtip to adjust to short tips, BUT it also means, for unknown reasons, that the tips vary in size (e.g., the first saint on a two-saint day vs. the second saint).
	*/
	
	/*width: 25em; */
	max-width: 25em;
		}

a.speedtipcal2:hover b em.outer {
	position:absolute;
	left: 12.9167em; /*1.667em;*/ /*20px;*/
	top:-0.667em; /*-8px;*/
	width:0;
	height:0;
	display:block;
	background:transparent;
	border-left:7px dashed transparent;
	border-right:7px dashed transparent;
	border-bottom:7px solid #999999;
	overflow:hidden;
	z-index:100;
	}

a.speedtipcal2:hover b em.inner {
	position:absolute;
	left: 12.9167em; /*1.667em;*/ /*20px;*/
	top:-0.583em; /*-7px;*/
	width:0;
	height:0;
	display:block;
	background:transparent;
	border-left:0.583em /*7px*/ dashed transparent;
	border-right:0.583em /*7px*/ dashed transparent;
	border-bottom:0.583em /*7px*/ solid #000;
	overflow:hidden;
	z-index:100;
	}

/* ------------------------( images )------------------------ */

/* the following rule is what makes images automatically scale with the page /*

/* ! ?? needs adjustment to IE */
img {
max-width: 100%;
height: auto !important;
width: auto\9; /* ie8 */
/*-ms-interpolation-mode: bicubic; */
 }

/*
!--[if IE]><style type="text/css">
img,
p {
	width: 100%;
}
</style><![endif]-->
*/

img.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
   padding: /*0.333em;*/ 4px;
   border:1px solid #78614c; 
  background:#eee;
 }
 

.alignleft,
img.left-pic {
  float: left;
  margin-right: 1.6em;
  margin-bottom: .5em;
}

.alignright,
img.right-pic {
  float: right;
  margin-left: 1.6em;
  margin-bottom: .5em;
}


img.alignrightplain {
  float: right; 
  margin-left: 1.6em;
  margin-bottom: .5em;
}

img.alignleftplain {
  float: left; 
  margin-right: 1.6em; 
  margin-bottom: .5em;
  border-style: none !important;
}

img.aligncenterplain {
   display:block;
   margin-left: auto;
   margin-right: auto;
   border-style: none !important; 
}

img.styled,
img.alignnone,
img.aligncenter,
img.alignleft,
img.alignright,
img.left-pic,
img.right-pic {
 padding: .33em;  /*4px;*/
 border:1px solid #78614c; 
  background:#eee;
}

img.styledcentered {
	display: block;
   margin-left: auto;
   margin-right: auto;
   	border:2px solid #bbb;
 }
 
 img.plain {
border: 0; }

 #imagewithtext {
	position: relative;
	}

#textoverimage {
	position: absolute;
	right: 5%;
	top: 50%;
	color: #cc0000;
	font-family: 'Libre Caslon Text', serif;
	font-weight: 700; 
	font-weight: bold;
  font-size: 100%;
  line-height: 150%;
    }

/* following used for images in news.html: */	
#news-fullpage img {
float: right;
	padding: 1px;
	  border:1px solid #bbb;
  background:#eee;
    margin-left: .33em; /*4px;*/
    /*width: 39%;*/
    height: auto;
    	margin-top:1em;
    	margin-bottom: 1em;
    	  }
	
#content p.wp-caption-text {
  font-size: 90%;
  line-height: 1.25em; 
  margin: 0 1em .5em 1em;
}

.wp-caption {
  text-align: left;
  padding-top: .33em;  /*4px;*/
  margin-bottom: 1.6em;
  border: 1px solid #bbb;
  background-color: #eee;
  /*max-width: 100%;*/
  }

.wp-caption img {
  margin: 0;
  padding: .4em;
  border: 0 none;
  max-width: 100%;
  height: auto;
}

div.figure {
  border: 1px solid #bbb;
  background-color: #f9efdd;
  margin-top: 0.5em;
  margin-bottom: .5em;
  padding: 0.5em 0.5em 0 0.5em;
}

.figright {
	float:right;
	margin-left: 1em;
}

.figleft {
	float:left;
	margin-right: 1em;
	}

.figcenter {
	margin: 0 auto;
}
	
div.figure p {
  text-align: left;
  font-size: 90%;
   line-height: 1.25em; 
  }

div.figure img {
  width: 100%;
}

.container-iframe {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.video-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ------------------- ( ordered definition lists )-------------------- */
ol,
dl {
  margin: 0 0 1em 0;
}

dl dt {
  font-weight: bold;
  margin-top: .7em;
}

dl dd {
  margin-left: 3em;
}

ol {
  margin-left: 2em;
}

ol li {
  background: none;
  margin-top: .7em;
  list-style-type: decimal;
  list-style-position: outside;
}

/* --------------------------( callouts and pullquotes )-------------- */

.left-column-special {
box-sizing: border-box;
width: 100%;
 padding: 1em 1em 0 1em;
 border-style:solid;
 border-width: 3px;
 border-color: #78614c;
 color: #57422f;
 background: #f0e4ce;
  }
  
  
  .callout_right, .callout_left {
  width: 25%;
   border: 1px solid #dededd;
  background: #fafafa;
  color:#000;
}

.callout_right {
  float: right;
  margin: .5em 0 .5em 1.5em;
}

.callout_left {
  float: left;
  margin: .5em 1.5em .5em 0;
}

.callout_header {
  font-weight: bold;
  text-align: left;
  font-size: 100%;
  padding: .4em; /*5px; */
   background: #d3d3d2 url(table-head.jpg) repeat-x 0 0;
  color: #333;
}

.callout_content {
  padding: .67em; /*8px;*/
}

/* pullquotes */  
.pullquote_right, .pullquote_left {
  width: 33%;
  padding: .67em /*8px;*/
  text-indent: -.5em;
  color: #78614c; 
  border-top: 0.833em solid #f0e4ce;
  border-bottom: 0.833em solid #f0e4ce;
  }

.pullquote_right {
  float: right;
  margin: .5em 0 .5em 3em;
}

.pullquote_left {
  float: left;
  margin: .5em 3em .5em 0;
}

.pullquote_quote {
  font-size: 130%;
  line-height: 130%;
  margin: 0;
  padding: 0;
}

.pullquote_attribution {
  font-family: "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif;
  font-style: italic;
  font-weight: normal;
  font-size: 90%;
  text-align: right;
}

#article0, #article1, #article2, #article3, #article4, #article5, #article6 {
	display: none;
}

/*  --------------------------{ tables }------------------------------------------------- */

/* unstyled tables */
table {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
  
table.center {
   margin-left: auto;
   margin-right: auto;
 }  
  
th, td {
  padding: .8em;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

caption {
  padding-bottom: .8em;
  font-weight: bold;
}

th, thead td {
  font-weight: bold;
}

table.plain {
border-style:none;
}

table.plain td,
table.plain th {
  padding: .2em;
  border-style: none;
vertical-align: top; }

/* styled tables */

table.styled_table td,
table.styled_table th {
  border-bottom: 0.167em /*2px*/ solid #fff;
  border-right: 0.167em /*2px*/ solid #fff;
}

table.styled_table {
  border-top: 0.167em /*2px*/ solid #fff;
  border-left: 0.167em /*2px*/ solid #fff;
}

table.styled_table tbody td {
  background-color: #f9efdd;
}

table.styled_table thead {
  background: #f0e4ce url(table-head.jpg) repeat-x 0 0;
}

table.styled_table tfoot, table.styled_table tbody th {
  background-color: #f9efdd;
}

table.styled_table td,
table.styled_table th {
  padding: .4em;
}

table.resources {
border-style:none;
table-layout:fixed;
width:100%  /* fills entire left-col (644px;) */
}

table.resources td,
table.resources th {
  padding: .2em;
  border-style: none;
vertical-align: top;
 }

table.homepage { 
	display:block;
	border-style: none;
width: 100%; /* 75em;*/
/*max-width: 100%;*/
	margin-left: auto;
  margin-right: auto;
  }
  
table.homepage td {
	border-style: none;
	vertical-align: top;
}
   
td.cal, th.cal {
width: 14%;
padding: .2em; 
line-height:110%;
}

table.calmonthlist {
 		margin-left: auto;
 		margin-right: auto;
 	 		border-top: none;
 	 		border-left: none;
 	}
 		 	
/* -----( Columns )---------------------------------------------------- */
#container3 {
    float:left;
    width:100%;
    background-color:#f0e4ce;
    overflow:hidden;
    position:relative;
    display: block;
}
#container2 {
    float:left;
    width:100%;
    background-color: white;
    position:relative;
    right:49%;
    display: block;  
}
#container1 {
    float:left;
    width:100%;
    background-color: #f0e4ce;
    position:relative;
    right:2%;
    display: block;
}
#col1 {
    float:left;
    width: 45%;
    position:relative;
    left: 53%;
    overflow:hidden;
    padding-top: 1em;
    }
    
#gutter {
    float:left;
    width: 2%;
    position:relative;
    left: 53%;
    overflow:hidden;
    }
#col2 {
    float:left;
    width: 45%;
    position:relative;
    left: 57%; 
    overflow:hidden;
    padding-top: 1em;
    }

#col1, #col2 img {
	 max-width:100%;
	 height:auto;
	}
	
.grid-container-1col {
  display: grid;
  grid-template-columns: 100%;
  background-color:  #f0e4ce;
 }

.grid-container-1col > div {
   padding: 1em;
  }


.grid-container-2col {
  display: grid;
  grid-template-columns: 49% 49%;
  grid-gap: 2%;
  background-color: #fff;
 }

.grid-container-2col > div {
  background-color: #f0e4ce;
  padding: 1em;
  }

.grid-container-3col {
  display: grid;
  grid-template-columns: 28% 28% 28%;
  grid-gap: 3%;
  justify-content: center;
  z-index: 9999;
  position: relative;
  margin-top: -3em;
  }

.grid-container-3col > div {
  background-color: #f0e4ce; blue;
  padding: 1em;
  border: 1px solid #78614c; 
  border-top: 7px solid #78614c;
  opacity: .8;
    }
  
	
/* -----{ Link Icons }-------------------------------------------------  */
/* Use 'noicon' class if a link gets an icon when it shouldn't. */
/* #wrapper is required to add some additional specificity */
#wrapper #content a.noicon {
  background: none;
  padding: 0;
}

#content a[href^="mailto:"] {
  background: url(email.png) no-repeat right center;
  padding-right: 1.667em; /*20px;*/
  padding-top: 0.167em; /*2px;*/
}

#content a[href$=".pdf"] {
  background: url(pdf.png) no-repeat right center;
   padding-right: 1.667em; /*20px;*/
  padding-top: 0.167em; /*2px;*/
}


#content a[href$=".doc"] {
  background: url(doc.png) no-repeat right center;
  padding-right: 1.667em; /*20px;*/
  padding-top: 0.167em; /*2px;*/
}

#content a[href$=".docx"] {
  background: url(doc.png) no-repeat right center;
  padding-right: 1.667em; /*20px;*/
  padding-top: 0.167em; /*2px;*/
}

#content a[href$=".xls"] {
  background: url(xls.png) no-repeat right center;
  padding-right: 1.667em; /*20px;*/
  padding-top: 0.167em; /*2px;*/
}

.phoneicon {
	background: url(phone.png) no-repeat right center;
  padding-right: 1.667em; /*20px;*/
  padding-top: 0.167em; /*2px;*/
}


/*  ------------------------{ forms and buttons }------------------------------- */

.readmorebtn {
  -webkit-border-radius: 15;
  -moz-border-radius: 15;
  border-radius: 15px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #78614c;
  font-size: 15px;
  background: #e2b12e;
  padding: 10px 20px 10px 20px;
  border: solid #78614c 2px;
  text-decoration: none;
}

.readmorebtn:hover {
  background: #face3c;
  text-decoration: none;
}

#content fieldset {
  padding: 0 1em 1em 1em;
  margin: 0 0 1.2em 0;
  border: 1px solid #e3e1e1;
  background:#fcfcfc;
}

#content fieldset h2 {
  margin-left:-1em; /*-12px;*/
  margin-right:-1.1em; /*-13px;*/
}

#content form h2 {
  font-size:.9em;
  font-weight:bold;
  text-transform:uppercase;
  margin-bottom: 1.8em;
  padding:.5em .5em .5em 1.2em;
   background: #f1f1f1;
  color:#333;
}


#content fieldset div,
#content fieldset fieldset {
  padding: 0;
  margin: 0 0 1.2em 0;
  border: none;
}

label {
  float:left;
  width:25%;
}

label em {
  color:#990000;
  font-size:1.2em;
}

select {
  margin-right:-.5em /*6px;*/
}

input.button {
  text-transform:uppercase;
  font-size:1em;
  font-weight:bold;
  padding:.33em 1em .33em 1em; /*4px 12px 4px 12px;*/
  cursor:pointer;
  margin-right: 0.5em;
  -moz-border-radius: .5em; /*6px;*/
  -webkit-border-radius: .5em; /*6px;*/
}

#content fieldset div.form-buttons {
  margin-top: 2em;
  margin-left: 25%;
}

/* inline checkboxes and radios  (! has not been updated for responsive web design)  */
fieldset fieldset.input-inline {
  margin-bottom:0;
  padding-bottom:1em; /*12px;*/
}

fieldset fieldset.input-inline input {
  float:left;
  margin:.17em .25em 0 0 !important; /*2px 3px 0 0 !important;*/
  margin:0 .25em 0 0; /*0 3px 0 0;*/
}

fieldset fieldset.input-inline label {
  float:left;
  width:auto;
  margin-right:.83em; /*10px;*/
  padding-top:1px;
}

/* row checkboxes and radios */
fieldset fieldset.input-row {
  margin-bottom:0;
  padding-bottom:12px;
}

fieldset fieldset.input-row input {
  float:left;
  margin:1px 3px 0 0 !important;
  margin:0 0 0 0;
  clear:both;
}

fieldset fieldset.input-row label {
  display:block;
  float:none;
  width:auto;
  clear:right;
  padding-bottom:3px;
}

input.input-text:active,
input.input-text:focus,
textarea:active,
textarea:focus,
select:active,
select:focus {
  border:1px solid #999;
  background:#fff;
  color:#000;
}

input.button {
  color: #629cbe;
  background:#fcfcfc;
  border: 2px solid #ccc;
}

input.button:hover {
  color: #555;
}

/*    change made here for textarea background (was #fafafa)  */
input.input-text,
textarea,
select {
  background: #fff;
  border: 1px solid #ccc;
  color:#333;
}

.button-top {
display: block;
width: 3.833em; /*46px;*/
height: /*1.667em;*/ 20px;
background: url(button-top.jpg) no-repeat 0 0; }

.button-top:hover {
background-position: 0 /*-1.667em;*/ -20px; }

.button-top span {display: none; }


div.container {
position: relative;
text-align: center;
width: 100%; }

span.left {
position: absolute;
left: 0;
}

span.right {
position: absolute;
right: 0;
}

.rightsmallgray {
text-align: right;
font-size: .9em; 
color: #999;
}

span.rightsmallgray {
position: absolute;
right: 0;
font-size: .9em; 
color: #999;
}

#button-prev {
display: block;
width: /*2.83em;*/ 34px;
height: /*2.83em;*/ 34px;
background: url(button-prev.jpg) no-repeat 0 0; }

#button-prev:hover {
background-position: 0 -34px; /* -2.83em*/
 }

#button-prev span {display: none; }

#button-next {
display: block;
width: /*2.83em;*/ 34px;
height: /*2.83em;*/ 34px;
background: url(button-next.jpg) no-repeat 0 0; }

#button-next:hover {
background-position: 0 -34px;  /*-2.83em*/
 }

#button-next span {display: none; }


/*****   begin readmorebutton   *****/
a.readmorebutton{
background:  transparent url('oval-gray-left.gif') no-repeat top left;
display: inline-block;
font: normal 13px; 
line-height: 16px;
height: 24px; 
padding-left: 11px; 
text-decoration: none;
}
a.readmorebutton-small{
background: transparent url('oval-gray-left-small.gif') no-repeat top left;
/* note: next line causes error in display of button background */
display: inline;
font: normal 2px;  /* Tahoma; Change 13px as desired */
line-height: 2px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 12px; /* Height of button background height */
padding-left: 6px; /* Width of left menu image */
text-decoration: none;
}

a[href$=".pdf"].readmorebutton {
background: url('oval-gray-left.gif') no-repeat top left, url('pdf.png') no-repeat right center;
display: inline-block;
font: normal 1.083em; /*13px; */
line-height: 1.333em; /*16px;*/
height: 2em;	/*24px; */
padding-left: 0.9167em; /*11px; */
padding-top: 0;
text-decoration: none;
   }

a:link.readmorebutton, a:visited.readmorebutton, a:active.readmorebutton{
color: #666666; /*button text original color*/
}
a:link.readmorebutton-small, a:visited.readmorebutton-small, a:active.readmorebutton-small{
color: #666666; /*button text original color*/
}

a.readmorebutton span{
background: transparent url('oval-gray-right.gif') no-repeat top right;
display: inline-block;
padding: 0.333em 0.9167em 0.333em 0em; /*4px 11px 4px 0; Set 11px below to match value of 'padding-left' value above*/
}
a.readmorebutton-small span{
background: transparent url('oval-gray-right-small.gif') no-repeat top right;
display: inline-block;
padding: 0.333em 0.50em 0.50em 0; /*4px 6px 6px 0; Set 11px below to match value of 'padding-left' value above*/
}


a.readmorebutton:hover{ /* Hover state CSS */
background-position: bottom left;
}
a.readmorebutton-small:hover{ /* Hover state CSS */
background-position: bottom left;
}

a[href$=".pdf"].readmorebutton:hover {
background: url('oval-gray-left.gif') no-repeat bottom left, url('pdf.png') no-repeat right center;
padding-top: 0;
 }

a.readmorebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #544639;
}
a.readmorebutton-small:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #544639;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* ------------ ( popup window ) ------------------ */

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed;
    z-index: 999999; /*9000*/ /* Sit on top */
    /*padding-top: 0;*/  /*12em;*/ /*100px;*/ /* Location of the box */
    left: 0;
    top: 0;
    width: 70%; /* Full width */
    height: 100%; /* Full height */
    overflow-y: scroll;
    /*overflow: auto;  Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s
}

	
/* Modal Content */
.modal-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 90%;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
  }

/* Add Animation */
@-webkit-keyframes animatetop {
    from {bottom:-300px; opacity:0}
    to {bottom:0; opacity:1}
}

@keyframes animatetop {
    from {bottom:-300px; opacity:0}
    to {bottom:0; opacity:1}
}

/* The Close Button */
.close {
    color: #544639;
    float: right;
    font-size: 300%;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding:  1em 2em 0 2em;
   background-color: #e8c044;
/*    color: #e8c044;*/
}

div.modal-header h2 {
			color: #544639; 
			padding-bottom: .5em; /*1em;*/
	}
	
.modal-body {padding: 1em 2em; /*2px 16px;*/
	overflow-y: scroll;
	font-size: 85%;
	}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

	
/* ------------ ( cycle alideshow ) --------------- */

#cycle-slideshow1,#cycle-slideshow2 {
width: 100%; 
margin: auto;
z-index: -1;
position: relative;
display: none;
visibility: hidden;
}

/*
#cycle-slideshow1 {
	display: block;
}
*/

#home-slideshow {
width: 100%; 
margin: auto;
margin-top: -15em;
//visibility:hidden;
//z-index: -1;
position: relative;
}

#home-slideshow video {
width: 100%;
height: auto;
padding: 0;
}

#cycle-slideshow img {
width: 100%;  /*55.5em;  666px; */
height: auto;  /*35.5em; 426px;*/
	margin: auto;
  cursor: url(cursor-pause.cur),progress;
  border:1px solid #78614c;
  padding: 2px;
background-color: #eee;
}

.cycle-slideshow {
	width: 100%;
	margin: 0 auto;
}

.cycle-slideshow img {
	width: 100%;
    		}

.cycle-caption { position: absolute; color: white; bottom: 15px; left: 15px; z-index: 700; }


#cycle-slideshow-ministries {
width: 80%; 
margin: auto;
visibility:hidden;
}

#cycle-slideshow-ministries img {
width: 99%;  /*55.5em;  666px; */
height: auto;  /*35.5em; 426px;*/
	margin: auto;
  cursor: url(cursor-pause.cur),progress;
  border:1px solid #78614c;
  padding: 2px;
background-color: #eee;
}

.cycle-overlay { 
    font-family: Verdana, Tahoma, Arial;
    font-size: .8em;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index:200 /*600*/;
    background: #2f1f16;
    color: white;
    padding: 1em 0; 
    opacity: .7;
}	


/* -------------------------( photo galleries )---------------------------- */

#galleries {
	width: 100%;
}

#galleries a {
display: block;
/*width: 25em;*/  /*304px;   25.67em;*/ 
/*height: 7.5em; */ /*102px; 8.167em; */
border-style: none;
outline: none;
margin-bottom: .5em;
}

#galleries a img {
	border-style:none;
	outline: none;
	max-width: 100%;
	height: auto;
}


#galleries div.left {
	float:left;
	max-width: 48%;
}

#galleries div.right {
	float:right;
	max-width: 48%
}

.link-galleries, .gallery-begin  {
	display: block;
 width: 11.643em;  /*163px;*/  /*13.583em;*/
  height: 4.43em;  /*62px;*/  /*5.167em;*/
}

.gallery-begin {
background: url(gallery-begin.jpg) no-repeat 0 0;
}		

.link-galleries {
	background: url(link-galleries.jpg) no-repeat 0 0;
}

.link-galleries:hover, .gallery-begin:hover {
background-position: 0 -4.43em;  /*-62px;*/  /*-5.167em;*/
 }

.link-galleries span, .gallery-begin span {display: none; }

#gallery-thmb {
	padding: .5em;
}

#gallery-thmb .gallery-image1, #gallery-thmb div {
float: left;
display: block;
padding: .7em;
}

#gallery-intro-desktop {
	display: block;
}

#gallery-intro-mobile {
	display: none;
}

  	  
#fancybox-caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	line-height: 130%;
}

	#fancybox-counter {
	text-align:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
}

a.fancybox img {
	border: 1px solid #fff;
	padding: 1px;
	}
	
a.fancybox img:hover {
	border: 1px solid #78614c;
	padding: 1px;
}


/* -------------------( right-column navigation and features )----------------- */


#right-column #contentnav li {
  display: inline;
}

#right-column #contentnav li a {
  font-weight: bold;
  text-transform: uppercase;
  padding: 0.4167em 0; /*5px 0;*/
  display: block; 
  width: 16.333em; /*196px;*/
  text-decoration: none;
}

#right-column #contentnav li ul {
  margin: -0.4167em 0 0.25em 0; /*-5px 0 3px 0;*/
  border-bottom:none;
   }
   
#right-column #contentnav li li a {
  padding: .25em 0 .25em 1.25em; /*3px 0 3px 15px;*/
  font-weight: normal;
  text-transform: none;
  border-top: none;
  width: auto;
}

#right-column #contentnav li ul ul {
  margin: 0;
  padding-left: 2.5em; /*30px;*/
}

#right-column #contentnav li ul ul ul {
  padding-left: 1.25em; /*15px;*/
}

#right-column #contentnav li li li a {
  background: none;
  font-size:90%;
  padding:0.4em 0 0.4em 0;
  line-height: 110%;
}     

#egiving-notice {
color: #57422f;
margin-top: -1em;
margin-bottom: 2.75em;
}

#flocknotes {
color: #57422f;
/*margin-top: 1em;*/
}


/*#egiving-notice {
	margin-top: .5em;
}
*/

.bicentenlogo {
/*
border-style:solid;
 border-width:1px;
  border-color:#993300;
  */
  margin-bottom: .15em;
}	
	
.flocknote {
margin-bottom:.25em;
margin-top: -3em;
/*border-style:solid;
 border-width:1px;
  border-color:#993300;*/
	}
	
.egiving-text {
border-style:solid;
 border-width:1px;
 /*font-weight: bold;*/
 font-style: italic;
  border-color:#993300;
 padding: 1.25em; 
 background: #f0e4ce url(bg-egiving.jpg) no-repeat left center;
 text-align: right;
line-height: 10%;
 font-size: 125%;
 margin-top: -.5em;
}
	
	.tooltip {
    display: inline;
    position: relative;
    font-size: 75%;
    line-height: 130%;
  }

.tooltip:hover:after{
    background:  #544639;
    border-radius: 5px;
   /*top: -70px;*/
   top: 30px;
       color: #fff;
    content: attr(tip);
    left: 12px;
    padding: 10px;
    position: absolute;
      width: 16em;
}

	.tooltip-copyright {
    display: inline;
    position: relative;
    font-size: 90%;
    line-height: 120%;
    text-align: left;
    font-style: normal;
    cursor: default;
  }

.tooltip-copyright:hover:after{
    background:  #544639;
    border-radius: 5px;
   top: -10em;   /*140px;*/
     color: #fff;
    content: attr(tip);
    left: -15em;  /*12px;*/
    padding: 1em;  /*10px;*/
    position: absolute;
      width: 40em;
      box-shadow: 0 5px 10px #554639;
 }

.tooltip-copyright a:hover b {
	display:block; 
	position:absolute;
	 top: 1.667em; /*20px;*/
	  left: -13.75em; /*-165px; */  /* -25px orig set left edge of popup  */
	   padding: 0.4167em; /*5px;*/
	    font-weight:normal;
	     color:#fff;
	      border:1px solid #999999; 
	      background:#544639; 
	      box-shadow: 0 5px 10px #554639; 
	      width: 18.33em; /*220px;*/  }

.tooltip-copyright a:hover b em.outer {
	position:absolute; 
	left:13.33em; /*160px;*/   /* 20px orig set pointer to link */
	 top: -0.667em; /*-8px; */
	 width:0;
	  height:0;
	   display:block;
	    background:transparent;
	     border-left: 0.5833em /*7px*/ dashed transparent;
	      border-right: 0.5833em /*7px*/ dashed transparent;
	       border-bottom: 0.5833em /*7px*/ solid #999999;
	        overflow:hidden;
	         z-index:100; }


.tooltip-copyright a:hover b em.inner {
	position:absolute;
	 left: 13.33em; /*160px; */  /* 20 px orig */
	 top: -0.5833em; /*-7px;*/
	  width:0;
	   height:0;
	    display:block;
	     background:transparent; 
	     border-left: 0.5833em /*7px*/ dashed transparent; 
	     border-right: 0.5833em /*7px*/ dashed transparent;
	      border-bottom: 0.5833em /*7px*/ solid #544639;  /* #000 */
	       overflow:hidden;
	        z-index:100; }
	        




	.tooltipspec {
    display: inline;
    position: relative;
    font-size: 90%;
    line-height: 120%;
  }

.tooltipspec:hover:after{
    background:  #544639;
    border-radius: 5px;
   top: -10px;
    /*bottom: 10em;*/
    color: #fff;
    content: attr(tip);
    left: 12px;
    padding: 10px;
    position: absolute;
      width: 16em;
}



/*<a title="This is some information for our tooltip." class="tooltip">CSS3 Tooltip</a>
<a href="#" title="This is some information for our tooltip."><span title="More">CSS3 Tooltip</span></a>
*/

/*
.tooltip:hover:before{
    border: solid;
    border-color: #333 transparent;
    border-width: 0 6px 6px 6px;
    bottom: 20px;
    content: "";
    left: 50%;
    position: absolute;
}
*/

#feast-notice {
	color: #57422f;
}

p.todaysfeast {
	font-size: 80%;
	line-height: 140%;
	border-style:solid;
 border-width:1px;
 font-weight: normal;
  border-color:#993300;
  padding: 0.4167em;
  /*margin: 0 0 -.167em 0;*/
  
  /*margin-bottom: 1px;*/
  
 background: #f0e4ce url(cross-feasts.jpg) no-repeat right center;
}

#feast-notice a.speedtipfeasts {
	color:#57422f;
text-decoration: underline;
font-weight:normal; }

#feast-notice a.speedtipfeasts b {display:none;}

#feast-notice a.speedtipfeasts:hover {
	border:0;
	 position:relative;
	  z-index:500;
	   text-decoration:none;}

#feast-notice a.speedtipfeasts:hover b {
	display:block; 
	position:absolute;
	 top: 1.667em; /*20px;*/
	  left: -13.75em; /*-165px; */  /* -25px orig set left edge of popup  */
	   padding: 0.4167em; /*5px;*/
	    font-weight:normal;
	     color:#fff;
	      border:1px solid #999999; 
	      background:#544639; 
	      box-shadow: 0 5px 10px #554639; 
	      width: 18.33em; /*220px;*/  }

#feast-notice a.speedtipfeasts:hover b em.outer {
	position:absolute; 
	left:13.33em; /*160px;*/   /* 20px orig set pointer to link */
	 top: -0.667em; /*-8px; */
	 width:0;
	  height:0;
	   display:block;
	    background:transparent;
	     border-left: 0.5833em /*7px*/ dashed transparent;
	      border-right: 0.5833em /*7px*/ dashed transparent;
	       border-bottom: 0.5833em /*7px*/ solid #999999;
	        overflow:hidden;
	         z-index:100; }

#feast-notice a.speedtipfeasts:hover b em.inner {
	position:absolute;
	 left: 13.33em; /*160px; */  /* 20 px orig */
	 top: -0.5833em; /*-7px;*/
	  width:0;
	   height:0;
	    display:block;
	     background:transparent; 
	     border-left: 0.5833em /*7px*/ dashed transparent; 
	     border-right: 0.5833em /*7px*/ dashed transparent;
	      border-bottom: 0.5833em /*7px*/ solid #544639;  /* #000 */
	       overflow:hidden;
	        z-index:100; }
	        

#feast-notice span.feastslife {
display: block;
font-family: Verdana, Arial, Helvetica;
font-size: 75%;
line-height: 160%;
color:  #fff;
padding: 1em;

 }

 
/* -----------------------( right-column news highlights )----------- */

/* this is the heading for newshilites */
.widget  h4 {
 margin-bottom: 1em; 
 /*font-size:105%;*/
  padding:  .9167em .583em .75em .667em; 
  font-weight:bold;
  text-transform:uppercase;
  background: transparent url(bg-widget-header-brown.jpg) repeat-x 0 0;
  color:#1f1a15;
   }

#right-column #calendar {
display: block;
margin: 0 auto;
width: 5.83em;
height: 4.083em;
background: url(icon-calendar.jpg) no-repeat 0 0;
}

#right-column #calendar:hover {
background-position: 0 -4.083em;
 }

#right-column #archives h2 {
	margin-bottom:12px;
	}

#right-column #newshilites {
	/* there is NOT a border around the entire section, but text color and bg color for the section are set here  */
 width: 100%;
 	background-color: #fff;
  color: #878074;
  font-size: .85em;
  }

#right-column #newshilites p.date {
font-size: .9em; 
margin-bottom: .5em;
}

#right-column #newshilites h5 {
	margin-bottom: -.5em;
 }

#news-mobile {
display: none;
}


/* The following rule governs the text to be truncated: */

 
  #right-column #newshilites .truncable-txt {
  	width: 100%;
  }
  
   #right-column #newshilites .trigger-js {
    cursor: pointer;
    }

 #right-column #newshilites .read-less,
 #right-column #newshilites .read-more {
    display: none;
}

	.down:after {
	margin-left: 4px;
    color: #78614c;
    content: '\2193'; 
  }
  
.up:after {
	margin-left: 4px;
	    color: #78614c;
    content: '\2191'; 
  }
 

/* [1] downwards arrow, fileformat.info/info/unicode/char/2193/index.htm */
 #right-column #newshilites .read-more::after {
    margin-left: 4px;
    color: #78614c;
    content: '\2193'; /* [1] */
}

/* [2] upwards arrow, fileformat.info/info/unicode/char/2191/index.htm */
 #right-column #newshilites .read-less::after {
    margin-left: 4px;
    color: #78614c;
    content: '\2191'; /* [2] */
}

 #right-column #newshilites .truncable-txt--is-truncated .read-more,
  #right-column #newshilites .truncable-txt--is-not-truncated .read-less {
    display: inline-block;
}

/* The following is the second class for news items, the one that formats their appearance: */
  
  #newshilites .newsitem {
  	max-height: 18em;
  	  	 } 
  
  #right-column #newshilites p.hilites {
   padding-bottom: 0; /*1.75em;*/
   padding-top: 0;
   line-height: 125%;
  /* border-bottom:1px solid #78614c; */
  margin-bottom: 0; /*-1.6em; */
 /* for some reason, leaving in this line causes images to move p text below them:  overflow: hidden;*/
    }
    
  #right-column #newshilites p.hilites-special {
   padding-bottom: 0; /*1.75em;*/
   padding-top: 0;
   line-height: 130%;
  /* border-bottom:1px solid #78614c; */
  margin-bottom: 0; /*-1.6em; */
    }
      
/* the following is for links within a news item, not for the show more/less triggers: */

 #right-column #newshilites p.hilites a {
        border:none;
        text-decoration: none;
        font-weight: bold;
       }
      
  #right-column #newshilites p.hilites-special a {
        border:none;
        text-decoration: none;
        font-weight: bold;
       }
      
  #right-column #newshilites p.hilites a:hover {
    text-decoration: underline;
  }

  #right-column #newshilites p.hilites-special a:hover {
    text-decoration: underline;
  }
  
/* the following is for the more/less links: */

#right-column #newshilites p.hilites a.read-more__txt,
#right-column #newshilites p.hilites a.read-less__txt {
    text-decoration: underline;
    color: #830606;
}

#right-column #newshilites p.hilites-special a.read-more__txt,
#right-column #newshilites p.hilites-special a.read-less__txt {
    text-decoration: underline;
    color: #830606;
}

#right-column #newshilites p.hilites a.read-more__txt:hover,
#right-column #newshilites p.hilites a.read-less__txt:hover {
    text-decoration: none;
}

#right-column #newshilites p.hilites-special a.read-more__txt:hover,
#right-column #newshilites p.hilites-special a.read-less__txt:hover {
    text-decoration: none;
}

/* the following formats images in newshilites, not in news.html: */

#right-column #newshilites img {
	float: right;
	padding: 1px;
	border:1px solid #bbb;
  background: #eee;
  margin: 0 0 1em .25em; 
  width: 30%;
  height: auto;
   }
   

/* the following is used for images in news.html only: */	
	.newsright-pic {
	float: right;
	padding: 1px;
	  border:1px solid #bbb;
	  width: 20%;
  background:#eee;
    margin-top: .5em;
    margin-left: .33em;
	}
	
#right-column #newshilites hr {
	margin: 1.25em 0;
}

#right-column #newshilites p.hilites-special {

/* following is necessary to keep the complete box with contents inside the dimensions of the right column */
box-sizing: border-box;
width: 100%;
 margin-bottom: 1em;
 padding:  1em;
 border-style:solid;
 border-width: 1px;
 border-color: #78614c;
 color: #57422f;
 background: #f0e4ce;
  }
  
/**** end of newshilites formatting ****/

#right-column ul {
   border-bottom:none;
}

#right-column li a {
  color:  #666;
   }

#right-column #contentnav li {
	line-height: 140%;
}

#right-column #contentnav li a.active, 
#right-column #contentnav li a:hover {
  color: #544639; 
}

#right-column #contentnav ul li a:hover {
	text-decoration: none;
}

#right-column #contentnav ul li li a:hover {
	text-decoration: underline;
}

#right-column #contentnav li li a {
  background: transparent url(bg-icn-arrow-default.gif) no-repeat 0 .6em;
  border-top: none;
  color: #8e826e;
}

#right-column #contentnav li li a.active,
#right-column #contentnav li li a:hover {
  background: transparent url(bg-icn-arrow-default-o.gif) no-repeat 0 .6em;
}

#right-column #contentnav li li ul li a.active,
#right-column #contentnav li li ul li a:hover {
  background: none;
}   

#right-column #contentnav1 ul li a.active,
#right-column #contentnav1 ul li a:hover {
  background: none;
  color: #78614c;
} 
#right-column #contentnav1 li a {
  border-top: none;
  border-bottom: none;
}
  
#right-column #contentnav li.current_page_ancestor > a
{
  color: #78614c;
}

/* hide current_page_ancestor rule from IE <= 6 */
* html #right-column #contentnav li.current_page_ancestor > a
{
  color: #666;
}

#right-column #contentnav a.active
{
  color: #629cbe;
}

/*  ----------------{ footer }--------------------------------  */

#footer {
   clear:both; 
   padding-bottom:.5em;
  border-top: #78614c 1px solid;
  /*background: #f0e4ce; */
  /*max-width: 75em;*/
  font: 75%/150% arial, helvetica, verdana, sans-serif;
 }

#footer div {
  max-width: 75em;
  margin: 0 auto;
   padding-top: 1em;
  text-align:left;
  text-transform:uppercase; 
  font-style: normal;
    color: #1f1a15; 
    padding-left: 0;  /*.5em;*/
  }

#footer p {
	text-transform: none;
	font-size: .9em;
}

#footer ul {
  list-style:none;
  margin-bottom:1.67em;
}

#footer li {
  display:inline;
  font-size: .9em;
  margin:0 .75em 0 0;
  padding-right:1em; /*11px;*/
    border-right: 1px solid #000;
}

#footer li a {
  text-decoration: none;
  text-transform:uppercase; 
  background:none;
  color:#1f1a15;
}

#footer span {
  color: #859caa;
}

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

#footer-break {
	display: none;
}

#fblogo-mobile {
display: none;
}

#fblogo-desktop img, #fblogo-mobile img {
	 border: 1px solid #f0e4ce;
  padding: 3px;
}


#fblogo-desktop img:hover, #fblogo-mobile img:hover {
	border: 1px solid blue;
	padding: 3px;
}

#last_modif {
  font-size: .8em;
}



/* ----------- begin media queries -------------------- */

/*
@media only screen and( -webkit-min-device-pixel-ratio: 1.25 ),
       only screen and(      -o-min-device-pixel-ratio: 5/4 ),
       only screen and( min-resolution: 120dpi ),
       only screen and( min-resolution: 1.25dppx ) {
    body {
        font-size: 1rem;
    }
} 
*/

/***********************************************************
MQ #1:  Menu does not break, but header and nav-inner need to have max-width adjusted.  Might be suitable for tablets.
*/

@media screen and (max-width: 69em) and (min-width: 45em) {

#content {
	width: 94%;
	margin: 0 auto;
}

#header {
max-width: 69em;
}

#nav-desktop-inner {
	max-width: 69em;
}
/*
body {
	font: 110%/120% arial, helvetica, verdana, sans-serif;
}
*/
 }

/************************************************************
MQ #2:  Applies when top menu breaks, columns are too narrow, basically whole design falls apart.  Top menu is replaced by toggle button for drop-down menu, columns become 100% (one across), some minor elements are eliminated. Suitable for smaller devices, including smartphones.
  originally 44.99em, font 100/150 */

@media only screen and (max-width: 62.5em) {


body {
	font: 110%/120% arial, helvetica, verdana, sans-serif;
}


/*
body {
	font: 150%/10% arial, helvetica, verdana, sans-serif;
}
*/

/*#header, #nav-desktop-inner {
	max-width: 48.99em;
}
*/

#nav-mobile {
	display: block;
}

#nav-desktop {
	display: none;
}

#content {
	width: 94%;
	margin: 0 auto;
	}


#left-column {
	width: 100%;
	}

#news-desktop {
	display: none;
}


/*#left-column-news-mobile {
	display: block;
}
*/

#right-column {
	width: 100%;
	}
	
#right-column #feast-notice {
display: none;
	}
	
#container1, #container3 {
	background-color: white;
	float:none;
	margin: 0 auto;
}

#col1, #col2 {
	float: none;
	width: 100%;
	margin: 0 auto;
	left: 51%;
	}

#ministrieslist ul li li {
	padding-bottom: 1em;
	padding-top: 1em;
  border-bottom: 1px solid #524239;
  background-color: #f0e4ce; 
    }

#cycle-slideshow img {
	max-width: 99%;
}

.cycle-overlay {
	font-size: .5em;
	line-height: 2;
   }
   
#calacross, #censusacross, #vcsacross {
	display: none;
}

#caldown, #censusdown, #vcsdown {
	display: block;
}

a.speedtipcal2:hover b {
	left: -.5em;
}

#textoverimage {
	font-size: 90% !important;
}

#textoverimage a {
	font-size: 90% !important;
}

#textoverimage div {
	font-size: 70% !important;
	line-height: 1.25;
	}

.newsright-pic {
	width: 30%;
}

#newshilites {
	display: none;
}

#footer {
	padding-left: 2%;
}

#footer ul {
  list-style:none;
  margin-bottom:1.67em;
}

#footer li {
 display: block;
   margin:0;
  padding-right:0;
   border-right: none;
}

#footer-break {
display:block;
}

#fblogo-mobile {
	display:block;
}

#fblogo-desktop {
	display:none;
}

#returnhome {
	font-size: 70%;
}


}