body {
    margin: 0; padding:0; 
		background:#ffffff ;
		color: #000000;
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: medium; 
}
#canvas {
 height:80%;
 width:100%;
 margin:0px auto;
 z-index:1;
 /* color: #ffffff; */
 text-align:left;
 }
#pagearea {
 margin:0 0 0 144px;
 z-index:5;
 background:#ffffff;
 color: #000000;
 text-align:left;
 }
#contentarea {
 margin:0 1em 0 1em;
 z-index:5;
 clear:left;
 }
 #hdr{
 height:90px; width:100%; 
 margin:0; padding:0 ;
 text-align:left;
 z-index:99;
  }
 #foot {
 width:100%;
 margin:0; padding:0;
 background:#ffffff;
 color: #000000;
 text-align:left;
 }
 #left-col {
 position:absolute;
 top:90px; left:0;
 width:144px;
 margin:0; padding:0;
 z-index:3;
 color:#ffffff;
 text-align:left;
 }
/* To utilize #right-col: set non-zero width of #right-col equal to right margin 
of #content */

 #right-col {
 position:absolute;
 top:90px; right:0;
 width:0px;
 margin:0; padding:0;
 z-index:2;
 color:#ffffff;
 text-align:left;
 }
 
#content {
 margin:0 1em 1em 144px;
 z-index:5;
 background:#ffffff;
 color: #000000;
 text-align:left;
 }


/* Content area links */
p a:link    { color: #0000FF; text-decoration: underline }
p a:visited { color: #FF0000; text-decoration: underline }
p a:hover   { color: #FF0000; text-decoration: underline }
p a:active  { color: #FF0000; text-decoration: underline; font-weight: bold }

/* Content area links - white */
a.white:link    { color: #fff; text-decoration: underline }
a.white:visited { color: #fff; text-decoration: underline }
a.white:hover   { color: #fff; text-decoration: underline; font-weight: bold }
a.white:active  { color: #fff; text-decoration: underline; font-weight: bold }

p a.white:link    { color: #fff; text-decoration: underline }
p a.white:visited { color: #fff; text-decoration: underline }
p a.white:hover   { color: #fff; text-decoration: underline; font-weight: bold }
p a.white:active  { color: #fff; text-decoration: underline; font-weight: bold }


/* Content area links with no decoration */
a.plain:link    { color: #0000ff; text-decoration: none }
a.plain:visited { color: #0000ff; text-decoration: none }
a.plain:hover   { color: #ff0000; text-decoration: none;  font-weight: bold }
a.plain:active  { color: #ff0000; text-decoration: none }

p a.plain:link    { text-decoration: none }
p a.plain:visited { text-decoration: none }
p a.plain:hover   { text-decoration: none }
p a.plain:active  { text-decoration: none }

/* Left-border menu links */
a.leftnav:link    { color: #FFFFFF; text-decoration: none }
a.leftnav:visited { color: #FFFFFF; text-decoration: none }
a.leftnav:hover   { color: #FFFFFF; text-decoration: underline }
a.leftnav:active  { color: #FFFFFF; text-decoration: underline; font-weight: bold }

/* Left-border menu links */
a.leftnavhome:link    { color: #FFFFFF; text-decoration: none }
a.leftnavhome:visited { color: #FFFFFF; text-decoration: none }
a.leftnavhome:hover   { color: #FFFFFF; text-decoration: underline }
a.leftnavhome:active  { color: #FFFFFF; text-decoration: underline; font-weight: bold }

/* Standard upper left corner picture */
 .cornerpic {
 	position:absolute; 
	top:0; left:0;
	width:144px; height:90px;
	border:0; 
	background-image:url(/images/church144x90.jpg); }

/* Left navigation bar links */
 .leftnav {
     position:relative; 
     font-family:Arial,Helvetica,sans-serif; 
     color:#ffffff;  
     font-size:12px; 
     line-height:18px; 
     vertical-align:middle; }

/* 'Home' link - font matches BODY font*/
 .leftnavhome {
     position:relative; 
     font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif; 
     color:#ffffff;  
     font-size:medium;
		 font-weight:bold; 
     line-height:18px; 
     vertical-align:middle; }


/* Links on colored background */
 .navlink {
     position:relative; 
     color:#ffffff; }

 .whitelink {
		 font-size:medium;
     position:relative; 
     color:#ffffff; }
     
/* Left navigation bar links - for backward compatibility*/
 .navlinkhome { 
     font-family:Arial,Helvetica,sans-serif; 
     color:#ffffff; 
     font-size:14px; 
     font-weight:bold; 
     margin-left:7px;	}

 .navlinkevent {
    font-size: large; font-weight:normal;  
    color:white;  
  }		 
		 
/* Standard content area black text */
 .content-relative {
     z-index:5;
     font-size: medium; font-weight:normal; 
     background-color: #ffffff;  background-image: none; 
     position: relative;  
     padding:0 10px 0 10px;
     width: 80% ;    }

/* Content area with no padding, black text */
 .content-absolute     { 
     font-size: medium; color: #000000;  
     background-color: #ffffff; background-image: none;
     position: absolute; top: 116px; left: 144px; 
     width: 80%; height: 100%;    }

/* Footer */
 .footer     { 
     font-size: 10px; color: #000000;  
     background-color: #ffffff; background-image: none;
     position: absolute; left: 144px; 
     width: 100%  }

/* Footer */
 .footer2     { 
     font-size: 10px; color: #000000;  
     background-color: #ffffff; background-image: none;
     position: absolute; left: 144px; 
     width: 100%  }

/* Bottom */
 .bottom {
     position:absolute;
     top:90%; height:10%;
}

p  { font-family:Verdana, Arial,Helvetica,sans-serif; color:#000000; font-size:medium; margin-left:10px;}


/* Blue button */
 .bluebutton	{
	background-color:#b3c3e2;
	color:#000066; 
	font-size:8pt; 
	vertical-align:middle; 
	border-left:#66cccc 2px solid; 
	border-top:#99ccff 3px solid; 
	border-bottom:#003399 3px solid; 
	border-right:#3366cc 3px solid;	}

 .whitetext_xxl {
    font-size: xx-large; font-weight:normal;
    color:white;  
    }
 .whitetext_xl {
    font-size: x-large; font-weight:normal;  
    color:white;  
    }
 .whitetext_l {
    font-size: large; font-weight:normal;  
    color:white;  
    }
 .whitetext_m {
    font-size: medium; font-weight:normal;  
    color:white;  
    }
 .whitetext {
    font-weight:normal;  
    color:white;  
    }
 .whitetext_s {
    font-size: small; font-weight:normal;  
    color:white;  
    }
 .whitetext_xs {
    font-size: x-small; font-weight:normal;  
    color:white;  
    }
 .whitetext_xxs {
    font-size: xx-small; font-weight:normal;  
    color:white;  
    }
 .whitetext_xxl_b {
    font-size: xx-large; font-weight:bold;
    color:white;  
    }
 .whitetext_xl_b {
    font-size: x-large; font-weight:bold;  
    color:white;  
    }
 .whitetext_l_b {
    font-size: large; font-weight:bold;  
    color:white;  
    }
 .whitetext_m_b {
    font-size: medium; font-weight:bold;  
    color:white;  
    }
 .whitetext_b {
    font-weight:bold;  
    color:white;  
    }
 .whitetext_s_b {
    font-size: small; font-weight:bold;  
    color:white;  
    }
 .whitetext_xs_b {
    font-size: x-small; font-weight:bold;  
    color:white;  
    }
 .whitetext_xxs_b {
    font-size: xx-small; font-weight:bold;  
    color:white;  
    }
 .whitetext_xxl_i {
    font-size: xx-large; font-style:italic;
    color:white;  
    }
 .whitetext_xl_i {
    font-size: x-large; font-style:italic;  
    color:white;  
    }
 .whitetext_l_i {
    font-size: large; font-style:italic;  
    color:white;  
    }
 .whitetext_m_i {
    font-size: medium; font-style:italic;  
    color:white;  
    }
 .whitetext_i {
    font-style:italic;  
    color:white;  
    }
 .whitetext_s_i {
    font-size: small; font-style:italic;  
    color:white;  
    }
 .whitetext_xs_i {
    font-size: x-small; font-style:italic;  
    color:white;  
    }
 .whitetext_xxs_i {
    font-size: xx-small; font-style:italic;  
    color:white;  
    }
.whitetext_xxl_bold {
    font-size: xx-large; font-weight:bold;
    color:white;  
    }
 .whitetext_xl_bold {
    font-size: x-large; font-weight:bold;  
    color:white;  
    }
 .whitetext_l_bold {
    font-size: large; font-weight:bold;  
    color:white;  
    }
 .whitetext_m_bold {
    font-size: medium; font-weight:bold;  
    color:white;  
    }
 .whitetext_bold {
    font-weight:bold;  
    color:white;  
    }
 .whitetext_s_bold {
    font-size: small; font-weight:bold;  
    color:white;  
    }
 .whitetext_xs_bold {
    font-size: x-small; font-weight:bold;  
    color:white;  
    }
 .whitetext_xxs_bold {
    font-size: xx-small; font-weight:bold;  
    color:white;  
    }
 .whitetext_xxl_italic {
    font-size: xx-large; font-style:italic;
    color:white;  
    }
 .whitetext_xl_italic {
    font-size: x-large; font-style:italic;  
    color:white;  
    }
 .whitetext_l_italic {
    font-size: large; font-style:italic;  
    color:white;  
    }
 .whitetext_m_italic {
    font-size: medium; font-style:italic;  
    color:white;  
    }
 .whitetext_italic {
    font-style:italic;  
    color:white;  
    }
 .whitetext_s_italic {
    font-size: small; font-style:italic;  
    color:white;  
    }
 .whitetext_xs_italic {
    font-size: x-small; font-style:italic;  
    color:white;  
    }
 .whitetext_xxs_italic {
    font-size: xx-small; font-style:italic;  
    color:white;  
    }
 .blacktext_xxl {
    font-size: xx-large; font-weight:normal;
    color:black;  
    }
 .blacktext_xl {
    font-size: x-large; font-weight:normal;  
    color:black;  
    }
 .blacktext_l {
    font-size: large; font-weight:normal;  
    color:black;  
    }
 .blacktext_m {
    font-size: medium; font-weight:normal;  
    color:black;  
    }
 .blacktext {
    font-weight:normal;  
    color:black;  
    }
 .blacktext_s {
    font-size: small; font-weight:normal;  
    color:black;  
    }
 .blacktext_xs {
    font-size: x-small; font-weight:normal;  
    color:black;  
    }
 .blacktext_xxs {
    font-size: xx-small; font-weight:normal;  
    color:black;  
    }
 .blacktext_xxl_b {
    font-size: xx-large; font-weight:bold;
    color:black;  
    }
 .blacktext_xl_b {
    font-size: x-large; font-weight:bold;  
    color:black;  
    }
 .blacktext_l_b {
    font-size: large; font-weight:bold;  
    color:black;  
    }
 .blacktext_m_b {
    font-size: medium; font-weight:bold;  
    color:black;  
    }
 .blacktext_b {
    font-weight:bold;  
    color:black;  
    }
 .blacktext_s_b {
    font-size: small; font-weight:bold;  
    color:black;  
    }
 .blacktext_xs_b {
    font-size: x-small; font-weight:bold;  
    color:black;  
    }
 .blacktext_xxs_b {
    font-size: xx-small; font-weight:bold;  
    color:black;  
    }
 .blacktext_xxl_i {
    font-size: xx-large; font-style:italic;
    color:black;  
    }
 .blacktext_xl_i {
    font-size: x-large; font-style:italic;  
    color:black;  
    }
 .blacktext_l_i {
    font-size: large; font-style:italic;  
    color:black;  
    }
 .blacktext_m_i {
    font-size: medium; font-style:italic;  
    color:black;  
    }
 .blacktext_i {
    font-style:italic;  
    color:black;  
    }
 .blacktext_s_i {
    font-size: small; font-style:italic;  
    color:black;  
    }
 .blacktext_xs_i {
    font-size: x-small; font-style:italic;  
    color:black;  
    }
 .blacktext_xxs_i {
    font-size: xx-small; font-style:italic;  
    color:black;  
    }
 .blacktext_xxl_bold {
    font-size: xx-large; font-weight:bold;
    color:black;  
    }
 .blacktext_xl_bold {
    font-size: x-large; font-weight:bold;  
    color:black;  
    }
 .blacktext_l_bold {
    font-size: large; font-weight:bold;  
    color:black;  
    }
 .blacktext_m_bold {
    font-size: medium; font-weight:bold;  
    color:black;  
    }
 .blacktext_bold {
    font-weight:bold;  
    color:black;  
    }
 .blacktext_s_bold {
    font-size: small; font-weight:bold;  
    color:black;  
    }
 .blacktext_xs_bold {
    font-size: x-small; font-weight:bold;  
    color:black;  
    }
 .blacktext_xxs_bold {
    font-size: xx-small; font-weight:bold;  
    color:black;  
    }
 .blacktext_xxl_italic {
    font-size: xx-large; font-style:italic;
    color:black;  
    }
 .blacktext_xl_italic {
    font-size: x-large; font-style:italic;  
    color:black;  
    }
 .blacktext_l_italic {
    font-size: large; font-style:italic;  
    color:black;  
    }
 .blacktext_m_italic {
    font-size: medium; font-style:italic;  
    color:black;  
    }
 .blacktext_italic {
    font-style:italic;  
    color:black;  
    }
 .blacktext_s_italic {
    font-size: small; font-style:italic;  
    color:black;  
    }
 .blacktext_xs_italic {
    font-size: x-small; font-style:italic;  
    color:black;  
    }
 .blacktext_xxs_italic {
    font-size: xx-small; font-style:italic;  
    color:black;  
    }

 .redtext_xxl {
    font-size: xx-large; font-weight:normal;
    color:red;  
    }
 .redtext_xl {
    font-size: x-large; font-weight:normal;  
    color:red;  
    }
 .redtext_l {
    font-size: large; font-weight:normal;  
    color:red;  
    }
 .redtext_m {
    font-size: medium; font-weight:normal;  
    color:red;  
    }
 .redtext {
    font-weight:normal;  
    color:red;  
    }
 .redtext_s {
    font-size: small; font-weight:normal;  
    color:red;  
    }
 .redtext_xs {
    font-size: x-small; font-weight:normal;  
    color:red;  
    }
 .redtext_xxs {
    font-size: xx-small; font-weight:normal;  
    color:red;  
    }
 .redtext_xxl_b {
    font-size: xx-large; font-weight:bold;
    color:red;  
    }
 .redtext_xl_b {
    font-size: x-large; font-weight:bold;  
    color:red;  
    }
 .redtext_l_b {
    font-size: large; font-weight:bold;  
    color:red;  
    }
 .redtext_m_b {
    font-size: medium; font-weight:bold;  
    color:red;  
    }
 .redtext_b {
    font-weight:bold;  
    color:red;  
    }
 .redtext_s_b {
    font-size: small; font-weight:bold;  
    color:red;  
    }
 .redtext_xs_b {
    font-size: x-small; font-weight:bold;  
    color:red;  
    }
 .redtext_xxs_b {
    font-size: xx-small; font-weight:bold;  
    color:red;  
    }
 .redtext_xxl_i {
    font-size: xx-large; font-style:italic;
    color:red;  
    }
 .redtext_xl_i {
    font-size: x-large; font-style:italic;  
    color:red;  
    }
 .redtext_l_i {
    font-size: large; font-style:italic;  
    color:red;  
    }
 .redtext_m_i {
    font-size: medium; font-style:italic;  
    color:red;  
    }
 .redtext_i {
    font-style:italic;  
    color:red;  
    }
 .redtext_s_i {
    font-size: small; font-style:italic;  
    color:red;  
    }
 .redtext_xs_i {
    font-size: x-small; font-style:italic;  
    color:red;  
    }
 .redtext_xxs_i {
    font-size: xx-small; font-style:italic;  
    color:red;  
    }
 .redtext_xxl_bold {
    font-size: xx-large; font-weight:bold;
    color:red;  
    }
 .redtext_xl_bold {
    font-size: x-large; font-weight:bold;  
    color:red;  
    }
 .redtext_l_bold {
    font-size: large; font-weight:bold;  
    color:red;  
    }
 .redtext_m_bold {
    font-size: medium; font-weight:bold;  
    color:red;  
    }
 .redtext_bold {
    font-weight:bold;  
    color:red;  
    }
 .redtext_s_bold {
    font-size: small; font-weight:bold;  
    color:red;  
    }
 .redtext_xs_bold {
    font-size: x-small; font-weight:bold;  
    color:red;  
    }
 .redtext_xxs_bold {
    font-size: xx-small; font-weight:bold;  
    color:red;  
    }
 .redtext_xxl_italic {
    font-size: xx-large; font-style:italic;
    color:red;  
    }
 .redtext_xl_italic {
    font-size: x-large; font-style:italic;  
    color:red;  
    }
 .redtext_l_italic {
    font-size: large; font-style:italic;  
    color:red;  
    }
 .redtext_m_italic {
    font-size: medium; font-style:italic;  
    color:red;  
    }
 .redtext_italic {
    font-style:italic;  
    color:red;  
    }
 .redtext_s_italic {
    font-size: small; font-style:italic;  
    color:red;  
    }
 .redtext_xs_italic {
    font-size: x-small; font-style:italic;  
    color:red;  
    }
 .redtext_xxs_italic {
    font-size: xx-small; font-style:italic;  
    color:red;  
    }

/* Quick jump */
 .quickjump {
 		width: 26em;				 /* width required for IE6 */
    font-family: Arial, Helvetica, sans-serif; 
    font-size: small; font-weight:bold;  
    color:red;  
    padding:6px 30px 0 15px; 
    float:right;    
    }

/* Formatting */
 .padded { padding:0 1em 0 1em }
 .padded_centered { padding:0 1em 0 1em; margin:0 auto }
 .centered-table { margin:0 auto }
 .centered-text { text-align:center }
 .spaced { line-height: 150% }
 .unspaced { line-height: 100% }
 .unbulleted { list-style-type: none }	
 .bolded { font-weight: bold }
 .underlined { text-decoration: underline }	
 .smalltext  { font-size: small }	
 .mediumtext { font-size: medium }	
 .largetext  { font-size: large }	
 p.spaced { line-height: 150%; padding-top:1em }


/* Important announcement */
 .announcement {
    padding:1em;
    background:yellow; 
    border:2px solid ;
   }
/* Important announcement - yellow */
 .alert_yellow {
    padding:0 1em 0 1em;
    background:yellow; 
    border:2px solid ;
   }
/* Important announcement - gold*/
 .alert_gold { 
    padding:0 1em 0 1em;
    background:#ffcc33; 
    border:2px solid ;
   }
/* Important announcement */
 .alert_blue {
    padding:0 1em 0 1em;
    background:#99ccff; 
    border:2px solid ;
   }
/* Important announcement */
 .alert_green {
    padding:0 1em 0 1em;
    background:#66ff33; 
    border:2px solid ;
   }
 table  { 
	 margin: 0 auto;
   }
 
 /* Data entry forms */
/***********************************************
* Forms With Style -  Design Melt Down (www.designmeltdown.com)
* This notice MUST stay intact for legal use
* Visit Design Melt Down at http://www.designmeltdown.com/ 
***********************************************/
form.dataentry fieldset{
	background-color:#EEEEEE;
	
	border-width:1px 0px 5px 0px;
	border-style:solid;
	border-color:#333333;
	
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;

	margin:20px 10px 20px 0px;
	width:350px;
	position:relative;
	display:block;
	padding: 0px 10px 10px 10px;
}

form.dataentry fieldset legend{	
	background-color:#000000;	
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color:#333333;
	color:#ffffff;
	font-size:110%;
	font-weight:600;
	padding:3px 5px;
	margin:0px 0px 2px 0px;
	position:relative;
	top: -15px;
}
	 
form.dataentry fieldset legend img{
	padding:0px 5px 0px 5px;	
}

label.dataentry {
	color:#333333;
	font-size:75%;
	text-align:center;
	text-transform:uppercase;
	
	display:block;
	width:100px;
	text-align:left;
	margin:4px 0px 0px 8px;
	padding:2px;
}

input.dataentry:focus {
	background-color:#FFFFFF;
	border-width: 2px;
	color:#000000;
	background-image:url(/images/pencil.gif);
	background-repeat:no-repeat;
	background-position:right;
}

input.dataentry {
	background-color:#FFFFFF;
	
	width:100%;
	margin:0px 0px 0px 0px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#333333;
	
	color:#666666;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	
	padding:1px 2px;
}

textarea.dataentry:focus {
	background-color:#FFFFFF;
	border-width: 2px;
	color:#000000;
	background-image:url(/images/pencil.gif);
	background-repeat:no-repeat;
	background-position:top right;
}

textarea.dataentry {
	background-color:#FFFFFF;
	
	width:100%;
	margin:0px 0px 0px 0px;
	
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color:#333333;
	
	color:#666666;
	font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size:120%;
	font-weight:bold;
	
	padding:1px 2px;
}
.dataentrybutton		{ font-size:150% }
.dataentrybutton:focus	{ color:#ffff00; }
.dataentrybutton:rollover { cursor:pointer; cursor:hand; }
.dataentrybutton:rollout { cursor:default; }
.cursorhand 		{ cursor:hand }
.cursorpointer 		{ cursor:pointer }

/****************   HORIZONTAL NAVIGATION   ******************/

#topnav, #topnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.5;
	font-family: verdana, tahoma, arial, helvetica, serif;
	font-size:small;
}
#topnav ul {
	width: 72em; 
}
#topnav a {
	display: block; 
	width: 15em;		
	text-align: center;
	text-decoration: none;
}
#topnav a.daddy {
	background: url(/images/arrow_black.gif) center right no-repeat;
}
#topnav li { /* all list items */
	float: left;
	width: 15em; /* width requried for Opera */
}
#topnav li ul { /* second-level lists */
	position: absolute;
	width: 15em;
	border: thin solid;
	/* border-top: none; */
	left: -999em; /* left: is better than display:none for screen readers */
}
#topnav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 15em;
}
#topnav li li {
/*	padding-right: 1em; */
}
#topnav li ul a {
/*	width: 14em; */
}
#topnav li ul ul {
	margin: -1.75em 0 0 15em;
}
/* Top Level */
#topnav a:hover {
	font-weight:bold;
}
#topnav li:hover ul, #topnav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	font-weight:normal;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	left: auto;
}



