/* define background color in one place */
/* 2do: define text color in one place */

BODY {  font-family: Verdana, Helvetica, Arial, sans-serif; 
		background-color: #FFFFCC;
		/* font-size: .75em;  */
		font-size: 12px;
}

TD {  	vertical-align: top;
		font-family: Verdana, Helvetica, Arial, sans-serif; 
		/* font-size: .75em;  */
		font-size: 12px;
}

TD.links,
#header { 
background-color: 
DarkGreen } 
/* 
DarkGreen } //Pentecost, Epiphany
White } // Christmas, Easter
DarkRed } // Holy Week, Day of Pentecost
Black } // Good Friday
#600060 } Deep Purple // Lent
#303090 } Dark Blue (not as dark as Midnight) // Advent
PaleVioletRed } // Laetare (4 Lent) and Gaudete (3 Advent) Sundays

#0083AF } Original Powder Blue
MidnightBlue }
#993300 } 
Purple }
Gold }
#FFD700 } Gold
#CFA700 } Dark Gold
#AF8700} Darker Gold
*/

/* pseudo-menus
 *	margin, padding
 *	change A tags in context of LI
 */
UL.chooser  
{ 
	/* 
	margin-bottom: .75em; 
	*/
	list-style-type: none; 
	width: 280px;
}

.chooser,
MsoNormal {  
		background-color: #FFFFCC;
}

.chooser { 
	padding: 0;
	margin-bottom: .75em; 
	}

/* don't underline links in list menus */

.chooser A { 
	text-decoration: none;
	padding: 2px;
} 

/* highlight & hover effects for pseudo-menu cells */
.chooser A:hover { 
	border: solid thin #92BA9E;
	background-color: White;
}

/* link anchor effects */
A {  font-family: Verdana, Helvetica, Arial, sans-serif; 
	font-size: 12px; 
	color: #666600; 
	text-decoration: underline}
A:visited {  /* -color: #333300; */ }
A:hover {  
color: #663300;
}

/* stacked link menus */
/* extra navigation stacked along sides */
/* for dropdown menus, use position: absolute */

.StackedNav {
		border: solid 1px Black;
		background-color: #92BA9E;

		padding: 4px;
		margin-bottom: 18px;

		/* must specify fixed width
		 * or IE 8 flickers on hover
		 * width: 75%;  
		 */
		width: 180px;

		/* so can scroll contents */
		overflow: hidden;

		/* display: inline-block;
		 * triggers hasLayout in IE
		 * but causes Linux FireFox to not fill the StackedNav block 
		 * so just use block
            position: relative;
		 */
		display: block;
}

/*	These are the extra link boxes
 *	designed to look like the imagemap boxes.
 */
.StackedNav A {
		background-color: #FFFFCC;
        color: #993300; 
		border: solid 1px Black;
		padding: 4px;
		text-decoration: none;
		font-size: larger;
		font-family: serif;
		display: block;
		/* width: 172px; /* don't need to specify internal width */
}
A.nav { 
        color: #993300; 
		font-size: larger;
		font-family: serif;
		text-decoration: none;
		}
.StackedNav A:hover,
A.nav:hover { background-color: White; }

/* scrolling requires overflow:hidden for parent,
 * position:relative in scrolling element,
 * and display:inline-block just for the IE hasLayout quirk
 * however, that must be specified in the html file, not css include!
 */
.ScrollNav {
	position: relative;
	display: inline-block;
}

H3 A, H4 A { color: inherit; text-decoration: none; }

A.more, A.backtop { font-style: italic }

/* header format */
H1, H2, H3, H4, H5 { 
		color: #993300;
		clear: both;
		}

H1 { font-family: Georgia, Times, serif;
	font-size: 14px;
}

.Title { 
			border-bottom: solid 1px #993300;
			background-color: #FFD;
			font-family: Georgia, Times, serif;
            width: 80%;
            /*
            margin-left: 4px;
            padding-left: 4px;
            */
		}

H4 { text-decoration: underline; }

/* formats to flag event notices */
.Flag { 	color: White; 
			padding: 0.3em;
			font-weight: bolder;
			/* 
			background-color: #609090;
			background-color: #CC6600;  */
			background-color: #628A6E;
			}
.FlagTitle { 	
		border: solid thin;
		border-color: #628A6E;
		/* 
		border-color: #609090;
		border-color: #CC6600;  */
		color: #993300; 
		padding: 0.3em;
		font-weight: bold;
		}
.Forum { padding-bottom: 1em; }
.Frame { 	
		border: solid thin #CC6600; 
		padding: 0.3em;
		}
EM { font-style: italic; font-weight: bold; }

/* special header formats for Feast seasons */
H3.Xmas { color: DarkRed; 
			border-bottom: solid 1px }
H4.Festal,
H3.Festal { color: #cFa700; }
.Festal A { text-decoration: none; color: #cFa700; }
TD.Festal { color: #cFa700; background-color: White; font-weight: bold; }

DIV.Advent { color: Gold; 
		text-align: center;
		background-color: #303090 } /* Dark Blue */
DIV.Xmas { color: #AF8700; 
        padding: 0 2em 2em;
		border: solid thin #AF8700; 
		text-align: center;
		background-color: White; 
        }
DIV.Lent { color: Indigo; 
		text-align: center;
        padding: 1em;
		background-color: Plum; }
DIV.Epi { color: White; 
		text-align: center;
        padding: 1em;
		background-color: DarkGreen; }
DIV.Hi { color: Maroon; 
		background-color: White; }

.Announce
{
    font-family:serif;
    font-size:x-large;
    font-weight:bold;
    font-variant:small-caps;
}

/* this is to override MS Word classes
 * when a doc is saved as web page, Word does weird stuff
 */
MsoNormal {  font-family: Verdana, Helvetica, Arial, sans-serif; 
		font-size: 11px; 
	}

P.indented { padding-left: 2em; 
}
P.quoted { padding-left: 3em; 
	padding-right: 3em; 
	font-style: italic;
	text-align: center;
}

/* format width for quick links */
/* compatible look with StackedNav, but no link */
.QuickFrame {
		border: solid medium #92BA9E;
		background-color: #FFFFCC;
		color: #993300; 

		padding: 5px;
		margin-bottom: 18px;

		position: relative;
		left: -5px;

		text-align: center;
		width: 75%; 
}

/*  to support scrolling images 
    the only things necessary are:
    container hides overflow
    contained slide tray has position relative
 */
.icontain
{
	overflow: hidden;
}
.igallery
{
	position:relative;
	display:inline-block;
	padding: 0px;
	margin: 0px;
}
.igalleryimg
{
    height: 140px;
    vertical-align: top;
}

/* fixed invitation to scroll
 * set up to appear in bottom right of center column
 * doesn't work in IE
 */
.seemore
{
    border:solid thin black;
    padding-left:5px;
    padding-right:5px;

    /*
    position:fixed;
    bottom:1px;
    right:260px; 
    */

    background-color:#ffc;
	color: #993300; 

    font-size:small;
    font-style:italic;
}

LI.Spaced { margin-bottom: 1em; }