/* CSS Document */
body {
	font-family:  Palatino, Georgia, "Times New Roman", Times, serif;
	color:#512720;
 	background: WHITE url(/global/backgrounds/bodyBg04.gif) repeat; 
	height:100%;
    margin:0px 0px 0px 0px;
	padding: 0;
	text-align:center;
	}

#contentArea  {
   position: relative;
   float:none;
   width: 840px; /*  800px; */
   height:auto;
   margin: 0px auto;
   padding:0px 0px;
   text-align:left;
   background-color:WHITE;

   }
   
#topNav{
	color:WHITE;
	background-color:BLACK;
	padding:0px 5px;
	font-weight:bold;
	}


#midSection{
   margin:0px;
   top:0px;
   }

#midSection h2  { text-align: center; }



/* ******************************************* */
/* Banner */
#banner  {
   position: relative;
   float:right;
   height:150px; 
   background: WHITE url(/global/images/church_680x150.jpg) no-repeat;   
   width:680px;  
   font-family: Palatino, Georgia, "Times New Roman", Times, serif;
   border-bottom:1px solid GRAY;
   border-left:1px solid GRAY;
   color:BLACK;
   z-index:2;
   }

#banner_name{
   padding-top:0px;
   font-size: 28px;
   text-align:right;
   padding:0px 5px;
   color:BLACK;
   }


#banner_left {
   font-size:12px;
   font-weight:bold;
   text-align:left;
   color:WHITE;
   }

#banner_right {
   font-size: 12px;
   font-weight:bold;
   text-align:right;
   color:WHITE;
   }

/* ******************************************* */
/* Navigation -- Side */

#leftSide {
	margin:0px;
	padding:0px;   
	left: 0px;
	top:0px; 
	position:relative;
	float:left;
	background-color:LightSkyBlue;/*#8DBEEA; */
	width:auto; 
	font-size:10pt;	
	width:159px;
	}

html>/**/body #leftSide {width:159px;}  /* IE should ignore this */

#sLinks{
	overflow:visible;
	text-align:left;
	top:0px;
	margin:0px;
	padding:0px;
	} 
 
#sLinks  ul {
   list-style-type:none; 
   margin:0px;
   padding:0px;
   }
   
#sLinks dl{
	margin:0px;
	padding:0px;
	}


#sLinks  a {
	padding:3px 7px;
	margin:0px 0px 0px 0px;
	border-bottom:1px solid #103679;
	border-top:1px solid #92BBDC;
	color:WHITE;
	height:auto;
	display:block; 
	text-decoration: none;
	width:160px;  
	background-color:STEELBLUE;/* MIDNIGHTBLUE; /*#5F94C7; */	
	background-image:url(/global/backgrounds/horizblueborder.gif);
	background-repeat:no-repeat;
	background-position:top right;
	font-weight:bold;
	}
   

html>/**/body #sLinks a{width:auto;} /* IE should ignore this */


#sLinks a:hover  {
	text-decoration:underline;
	background-image:url(/global/backgrounds/horizblueborder.gif);
	background-repeat:no-repeat;
	background-position:top right;	
	}


/* Used with changeclass.js to highlight link or tab of selected page */	
#sLinks a.menuselection{
	text-decoration:none;
	color:BLACK;
	cursor:text;
	background-image:none;
	background-color:WHITE;
	}	

#sLinks a.menuselection:hover  {
	color:BLACK;
	text-decoration:none;
	cursor:text;				
	background-image:none;
	background-color:WHITE;
	}

 
#sL1{
    margin:0px;
    padding:0px;
	border-bottom:1px solid #103679;
	height:150px;
	}
	
#sL2{
    margin:0px;
    padding:0px;
    font-size:12px;		
	}

#sL2 a{
    text-decoration: none;
	}

/* Page information (below left-side menu) Date last modified and website curator  */
#pageInfo{
	color:BLACK;
	font-family: Arial, Helvetica, sans-serif;
	background-color:white:
	padding:auto 0;
/*	
	border:3px outset STEELBLUE;
	width:159px;	
	*/
	}
	
#pageInfo p,dl{
	padding-left:7px;
	} 

 
/* ******************************************* */
/*  Text inside main body of page */
#bodyText	{
	width:679px;  /*  Width must match banner width */
	margin:0px 0px;
	padding:0px;
	position:relative;
	float: right;
	background-color:WHITE;
	}
  
html>/**/ #bodyText	{width:680px;}  /*  Width must match banner width */

	

/* ******************************************* */
/* Makes 1st letter of each paragraph extra large. */
.bigFirst p:first-letter{
   font-size:133%;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight:bold;
   }
.bigFirst dd:first-letter{
   font-size:133%;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight:bold;
   } 

.bigFirst li:first-letter{
   font-size:133%;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight:bold;
   } 
  
.big{
   font-size:125%;
   font-weight:bold;
   }   




/* ******************************************* */
/* Footer Section */
#footer   {
    background: #333300 url(/global/backgrounds/bodyBg04.gif) repeat;  /* same background as <body> */
    font:normal 11px/14px verdana, arial, helvetica, sans-serif;
    color:WHITE;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
    padding:2px 0px 2px 0px;
    margin:0px auto 0px auto;
    text-align:center;
    }
	
#footer a{color:#8DBEEA;}

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




#BodyText h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-transform: capitalize;
	}
  
#myContent{
    text-align: left;
    padding: 0px 15px 0px 15px;
    }  

#myContent td{
	vertical-align:top;
	}
	
#myContent p{margin-top:0em;}

#myContent caption, h3, h4, h5, h6 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align:center;
	}
	
#myContent caption{
	font-size:larger;
	}

#myContent .smallFont{
	font-size:75%;
	}
 
#myContent h3 {
	text-align:left;
/*	margin-top:1em; */
	}
#myContent   h4{
	text-align:left;
	margin-bottom:0px;	
	}

#myContent dt {
  clip:  rect(   );
  font-weight: bold;
  }

#myContent dd {
  font-weight: normal;
  margin-bottom: 1em;
  }
 

 
/* Insets floated to right or left of document */
/* Used especially when floated picture has a caption underneath */
/*   font: [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> */

.picture-right {
    float: right;
    border:NONE;
 	margin:5px 10px ;
    font:small Arial, Helvetica, sans-serif;
    text-align:center;
    }

.picture-right img{
	border:1px solid BLACK;
	}
	
.picture-left {
    float: left;
    border:NONE;
 	margin:5px 10px;
    font:small Arial, Helvetica, sans-serif;
    text-align:center;
    }
	
.picture-left img{
	border:1px solid BLACK;
	}

/*****/


/* Surrounds image with 1pixel solid black border */
img.border {
	border: 1px BLACK solid;
	}

/* "Greek key" tile horizontal rules */
hr.tile {
   background-image: url("/global/backgrounds/tile2.gif");
   background-repeat: repeat-x;
   height: 14px;
   }

/* Smaller "greek key"  */
hr.greekkey  {
  	background-image: url("/global/backgrounds/tile2.gif");
	background-repeat: repeat-x;
	height: 14px;
	}

hr.bluegreekkey {
  	background-image: url("/global/backgrounds/lightskyblue_greek_key.gif");
	background-repeat: repeat-x;
	height: 14px;
	}

.box{
	margin:5px;
	border:3px outset gray;
    background-color:#FFFFE0;
	padding:0px;
	}

.box h3 {
	margin:0 5px;
	font-size:larger;
	padding-top:3px;
	}
.box h4 {
	margin:0 5px;
	margin-bottom:3px;	
	}
.box p{
	margin:0 5px;
	margin-bottom:3px;
	font-size:smaller;
	}
	
/*************************************/
/* Horizontal tabbed menu */

#horizMenu {
    padding:0 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the menu as desired*/
    border-bottom:1px solid BLACK;
    margin-bottom:1em;
	/* Background for titles above horizontal menu tabs */
    background:WHITE url('/global/backgrounds/antiquewhitefade2.jpg') repeat-y top center;	
	height:52px;
    }


html>/**/body #horizMenu {padding-top:2px} /*IE should ignore this */	

#horizMenu h2, h3{
    margin:0 auto .3em auto;
	}
	
#horizMenu h2{
	font-size:16pt;
	}

#horizMenu li{
   display: inline;
   margin: 0;
   }

#horizMenu ul{
	padding: 3px 0;
	margin:1px 0px 0px 10px;
	font-size:12px;
	list-style-type: none;
	text-align: left; /*set to left, center, or right to align the menu as desired*/
	}

#horizMenu a{
	padding: 3px 5px;
	margin-right: 2px;
	}

#horizMenu li a{
	width:auto;
	text-decoration: none;
	border:1px solid;
	border-color:SLATEGRAY SLATEGRAY BLACK SLATEGRAY;
	font-weight:bold;	
	color:DARKSLATEGRAY;
	background-color:GAINSBORO;
	}


/* Used with changeclass.js to highlight list-tab of selected page */	

#horizMenu li.menuselection  a{
	position: relative;
/*	border-width:0 0 1px 1px; */
	top:1px;
	text-decoration:none;
	color:black;
	background-image:none;
	background-color:wHITE;
	border-color:BLACK BLACK WHITE BLACK; 
	cursor:text;
	}

#horizMenu li.menuselection a:hover{
	text-decoration:none;
	color:BLACK;
	cursor:text;   
	}
   
#horizMenu li.menuselection a:visited{
	text-decoration:none;
	color:BLACK;	   
	cursor:text;  
	}	

/*************************************/	
			
#myContent  .date{ 
	color:BROWN;
	font-style:italic;
	font-size:10pt;
	} 



#myContent td.mergedCells {
	height:auto;
	background-color:GREY;	
	color:WHITE;
	text-align:center;
	}
	
#myContent td.mergedCells a{
	color:AliceBlue;
	}	
	
/*
.red{ 
   	background-color:#FFC8C8;
   	}
	
.grey{
	background-color:#DDDDDD;
	}
   	
.white{
	background-color:WHITE;
	color:BLACK;
	font-weight:bold;
	}
	
.green{
	background-color:#C8FFC8;
	}
*/	
table.striped caption{font-size:133%;font-weight:bold;}
table.striped{
		border: 1px solid SLATEGRAY;
		border-spacing: 0px;/* equivalent to cellspacing=0 */
		border-collapse:collapse;
		background-color:AliceBlue;
		}
table.striped th{
		border-bottom:1px solid GRAY;
		background-color:#DDD;
		border-right: 1px dotted GRAY;	
		padding:3px;		
		}
table.striped td{
		border-right: 1px dotted GRAY;
		padding:3px;
		border-bottom:1px dotted GRAY;			
		}
table.striped tr.header{
		text-align:center;
		background-color:GAINSBORO;
		color:BLACK;
		font-weight:bold;
		}
table.striped tr.oddRow{
		background-color:ANTIQUEWHITE;
		}
table.striped tr.evenRow{
		background-color:ALICEBLUE;
		}