@charset "utf-8";
/* CSS Document */

/* FONT INFORMATION
	1 - most browsers prefer font names to be lower case
	2 - the default text size in browsers is 16px
	3 - to avoid resizing problems with IE, use '%' or 'em' instead of pixels
	4 - 100% or 1em is equal to the current font size
	5 - the size can be calculated from pixels to em using this formula: pixels/16=em
	    40px = 2.5em (40px/16)
		14px = 0.875em (14px/16) 
	6 - use a Combination of Percent and Em... set a default font-size in percent for the body element
	    body {font-size:100%;}
	7 - Sans-serif fonts should be used in web pages... they are easy to read 
	8 - Serif fonts are best used in print style sheets 
	9 - Shorthand Colors in CSS... There are five ways to specify colors in CSS; four use numeric RGB values 
	    and one uses named colors. The two most efficient ways are hexadecimal and named colors. Hexadecimal 
		colors come in two flavors: RGB triplets and shorthand. So instead of this:
				.orange {color:#ff6600;}Do this:
				.orange {color:#f60;}
	10- Web safe colors are any combination of 00, 33, 66, 99, cc, and ff
*/

/****************************************/
/************Common Styles***************/
/****************************************/

body {
background-color: #FEF8D2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
margin: 0px;
padding: 0px;
color: #000
}

.family_list { background-color: #FEF8D2}

a:link, a:visited, a:active {text-decoration:underline; color:#336633}
a:hover {text-decoration:none; color:#920202}
a.links_header, a.links_header:visited, a.links_header:active {font-size: 0.875em; font-weight: normal; color: #336633; text-decoration: underline}
a.links_header:hover {font-size: 0.875em; color: #920202; text-decoration: underline; font-weight: normal}
a.links_header2, a.links_header2:visited, a.links_header2:active {font-size: 0.75em; font-weight: normal; color: #336633; text-decoration: underline}
a.links_header2:hover {font-size: 0.75em; color: #920202; text-decoration: underline; font-weight: normal}
a.links_small { font-size: 90%; font-weight: normal; text-decoration:underline; color:#00F }
a.links_small:hover { font-size: 90%; font-weight: normal; text-decoration:none; color:#920202 }
a.links_photo { font-size: 80%; font-weight: normal; text-decoration:underline; color:#336633 }
a.links_photo:hover { font-size: 80%; font-weight: normal; text-decoration:none; color:#920202 }
a.page_links        { font-size: 100%;
					  text-decoration: underline;
					  color: #00F;
					  font-weight: bold
					}
a.page_links:hover  { font-size: 100%;
					  text-decoration: none;
					  color: #920202;
					  font-weight: bold
					}
a.list_links        { font-size: 100%;
					  text-decoration: underline;
					  color: #00F;
					  font-weight: normal
					}
a.list_links:hover  { font-size: 100%;
					  text-decoration: none;
					  color: #920202;
					  font-weight: normal
					}

.text18_white { font-size: 120%; font-weight: normal; color: #FFF}
.text18_green { font-size: 120%; font-weight: normal; color: #1C5A32}
.text16 { font-size: 100%; font-weight: normal; color: #000}
.text16_white { font-size: 100%; font-weight: normal; color: #FFF}
.text16_green { font-size: 100%; font-weight: normal; color: #1C5A32}
.text16_grey { font-size: 100%; font-weight: normal; color: #9E9E9E}
.text16_red { font-size: 100%; font-weight: normal; color: #F00 }
.text14 { font-size: 90%; font-weight: normal; color: #000}
.text14_red { font-size: 90%; font-weight: bold; color: #F00; display:none }
.text14_white { font-size: 90%; font-weight: normal; color: #FFF}
.text14_green { font-size: 90%; font-weight: normal; color: #1C5A32}
.text14_grey { font-size: 90%; font-weight: normal; color: #9E9E9E}
.text12 { font-size: 80%; font-weight: normal; color: #000}
.text12_green { font-size: 80%; font-weight: bold; color: #1C5A32}
.text12_red { font-size: 80%; font-weight: bold; color: #F00}
.text_error { font-size: 80%; font-weight: bold; color: #F00; display:none}
.green {text-align: center; font-size: 1em; color: #00AD00; font-weight:bold;}
.red {text-align: center; font-size: 1em; color: #FF0000; font-weight:bold;}
.red14 { font-size: 90%; font-weight: bold; color: #F00;}
INPUT, SELECT {font-size: 100%}

li { color: #1C5A32 }

h1{ 
font-size:140%;
font-weight: bold;
color: #1C5A32;
padding:0;
margin: 0
}

h2{ 
font-size:120%;
font-weight: bold;
color: #1C5A32;
padding:0;
margin: 0
}

h3{ 
font-size:100%;
font-weight: bold;
color: #1C5A32;
padding:0;
margin: 0
}

h4{ 
font-size:100%;
font-weight: normal;
color: #1C5A32;
padding:0;
margin: 0
}

h5{ 
font-size:90%;
font-weight: bold;
color: #1C5A32;
padding:0;
margin: 0
}


/* the following is used to allow imgages to be renedered side by side */
/* The default behavior "display: block;" (set in "mainmenu.css") causes imgages to be stacked vertically */
td.inLine img {display: inline}


/************************************/
/*************** header *************/
/************************************/
#header{ font-size: 80%; color: #1C5A32 }
#header h1{ font-size: 170%; font-weight:bold; color: #1C5A32; margin-bottom: 10px }
#header a:link.login, a:visited.login, a:active.login { text-decoration:underline; color:#1C5A32 }
#header a:hover.login { text-decoration:none; color:#920202 }
#header a:link.back { font-size: 125%; font-weight: normal; color: #1C5A32; text-decoration: underline}
#header a:hover.back { font-size: 125%; font-weight: normal; color: #920202; text-decoration: underline }

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

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

/************************************/
/*********** side fills *************/
/************************************/
td.left_sidefill {
	background:url(images/left_sidefill.gif);
	background-repeat:repeat;
	background-repeat:repeat-y
}

td.right_sidefill {
	background:url(images/right_sidefill.gif);
	background-repeat:repeat;
	background-repeat:repeat-y
}

/************************************/
/********** spacer fills ************/
/************************************/
td.spacerfill {
	background:url(images/spacer.gif);
	background-repeat:repeat;
	background-repeat:repeat-x
}

/************************************/
/********** left content ************/
/************************************/
#left-content {
width: 165px;
padding:0;
margin:0;
text-align:left;
float:left
}

/***********************************/
/*** vertical navigation menu ******/
/***********************************/
td.vertMenuTitle {
	font-size: 125%;
	font-weight: bold;
	color: #920202;
	text-align: center
}
a.vertMenu { font-size: 90%; font-weight: normal; color: #1C5A32; text-align:left; text-decoration: none}
a.vertMenu:hover { font-size: 90%; font-weight: bold; color: #920202; text-align:left; text-decoration: underline}


/************************************/
/********** login content ***********/
/************************************/
#login {
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	color:#1C5A32;
	width: 200px
}

#login input { font-size:90% }
#login a:link { font-size: 90%; font-weight: normal; color: #1C5A32; text-decoration: underline}
#login a:hover { font-size: 90%; font-weight: bold; color: #920202; text-decoration: underline }


/************************************/
/*************** footer *************/
/************************************/
#footer{ font-size: 80%; color: #1C5A32 }

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

/************************************/
/********** miscelleneous ***********/
/************************************/
#black_bullets { font-weight: normal; color: #000 }
#black_bullets li { color: #000 }

#popupeventpause{
      position: absolute;
      visibility: hidden;
      overflow: hidden;
      border:1px solid #CCC;
      background-color:#FEF8D2;
      padding:0.3125em
}

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

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

a.yellow_links16 { font-size: 100%; font-weight: normal; color: #FF0; text-decoration: underline}
a.yellow_links16:hover { font-size: 100%; font-weight: normal; color: #FEF8D2; text-decoration: underline}

/************************************/
/************ directory *************/
/************************************/
.data  {
	font-size: 90%;
	font-weight: normal;
	color: #000;
	vertical-align: top 
}

.navMenu	{
	font-size: 90%;
	font-weight: normal;
	color: #08E;
	text-align: left;
	padding-bottom: 1px
}

.headTitle	{
	background-color: #1C5A32;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #1C5A32
}

.headText	{
	background-color: #1C5A32;
	color: #FFF;
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #1C5A32
}

.headTitle2	{
	background-color: #FFD042;
	color: #000;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid #FFD042
}

.headText2	{
	background-color: #FFD042;
	color: #000;
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #FFD042
}

.formSelect		{
	font-size: 100%;
	font-weight: normal;
	color: #000
}

.infoBox	{
	font-size: 95%;
	font-weight: normal;
	color: #000;
	border: 1px solid #000
}

.listHeader		{
	font-size: 200%;
	font-weight: bold;
	color: #1C5A32;
	background-color:#E8E8E8;
	border-bottom: 1px solid #AAA
}

.listHeader2		{
	font-size: 100%;
	font-weight: normal;
	color: #1C5A32;
	background-color:#E8E8E8;
	border-bottom: 1px solid #AAA
}

.listBorder	{ 
	background-color:#E8E8E8;
	border-bottom: 1px solid #AAA 
}

.listRowOdd	{
	background-color:#FFFCEB;
}

.listRowEven	{
	background-color:#E4F6EB;
}

.listEntry	{
	font-size: 100%;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #AAA;
	padding-top: 1px;
	padding-bottom: 1px
}

.update		{
	font-size: 75%;
	font-weight: normal;
	color: #000
}


/************************************/
/*********** prayer chain ***********/
/************************************/
body.prayerChain { 
    font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	margin:0;
	padding: 0;
	background-color: #F7FFF0;
	color: #000
}
td.prayerName { font-size: 1em; font-weight:bold; color: #1C5A32; background-color: #D6FFD6 }
td.prayerRequest { font-size: 1em; font-weight:normal; color: #245430 }


/************************************/
/************* calendar *************/
/************************************/
body.cal {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-decoration:none;
	margin:0;
	padding: 0;
	background-color: #FEF8D2;
	color: #000
}
td.caladmin { font-size: 90%; color: #000; background-color: #DCEFDC; border-style: thin; border-width: 0.0625em; padding: 0em}

td.calnav { font-size: 100%; border-style: none; border-width: 0px; color: #000; background-color: #BDDE9C}
a.calnav_links         { font-size: 100%; text-decoration: underline; color: #060 }
a.calnav_links:hover   { font-size: 100%; text-decoration: none; color: #920202; font-weight: normal }
td.caltitle { font-size: 200%; border-style: none; border-width: 0px; text-align: center; color: #1C5A32; background-color: #BDDE9C}
td.calweekdays { font-size: 90%; border-style: solid; border-width: 1px; text-align: center; border-color: #000; background-color: #BDDE9C; color: #1C5A32}
td.calday {font-size:80%; border-left-style:solid; border-left-width:thin; text-align: left; overflow:hidden; border-color: #000; color:#000; background-color: #BDDE9C}
td.calholiday {font-size:70%; border-right-style:solid; border-right-width:thin; text-align: right; overflow:hidden; border-color: #000; color: #D60000; background-color: #BDDE9C}
td.calevent {font-size:90%; max-height:inherit; min-height:inherit; max-width:inherit; min-width:inherit; border-style:solid; border-width:thin; text-align: left; overflow:hidden; border-color: #000; color: #000}
a.cal_links         { font-size: 90%;
					  text-decoration: underline;
					  color: #060;
					  font-weight: normal
					}
a.cal_links:hover   { font-size: 90%;
					  text-decoration: none;
					  color: #920202;
					  font-weight: normal
					}

#alerts
{
	font-size: 100%; font-weight: bold; color: #F00
}


/************************************/
/*********** photo edit *************/
/************************************/
.greenline {
	color:#336633;
	line-height:5px;
}

td.padding {
	padding-left:5px;
}

td.photoInfo { font-size: 80%; font-weight: normal; color: #000; padding-left:5px; }

/************************************/
/********** progress bar ************/
/************************************/
.progress_wrapper {
    width:300px;
    border:1px solid #000;
    position:absolute;
    top:20px;
    left:20px;
    height:20px;
}

.progress {
    height:20px;
    background: #fff url('images/progress.gif');
    color:#000;
    text-align:center;
    font: 11px/20px Arial, Helvetica, sans-serif;
}