/* churchstyledheet.css */ 

/* Body text and page background */ 
body{ 
	margin: 1em;
	margin-left: 2em;
	padding: 0;
	font-family: 'Book Antigua', Times, Serif; 
	font-size: medium; 
	color: #0000cd; 
	background-color: #f5f5f5; 
	/* Last two lines below commented out. If you want to use */ 
	/* a picture background, remove comment characters */ 
	/* and set the url to a valid background image */ 
	background-image: url("pix/fabric02.jpg");
	background-repeat: repeat; 
} 

/* Style for main content column */
#main{
       margin: 1em;
       /* margin-left must equal */
       /* total width of left sidebar */
       margin-left: 10em;
}
/* Add some margin space to main content */

/* Style for sidebar column */

#sidebar{
		float: left;
		background-image: url("pix/bkg/weave.gif");
		display: inline;
		padding: 0;
		margin: .1em;
        width:8.8em;  /* Note: Total width is 10em */
	   /* The margin: 1em setting puts a 1em margin at the top, left, right, and bottom of the column. The margins at the top and bottom of the column don't affect its width. But the margins at the left and right side sure do! So the actual width of the column that #sidebar defines is 1em of left margin, plus 8em of content, plus 1em of right margin. Do the math, 1+8+1, and you get the total width of the column, 10em .*/
	   /* The total width of the column must match the margin-left setting in #main. Otherwise things won't line up correctly. */
}

/* Page header style */
#header{
    width: 100%;
    margin-top: 0;
	background-image: url("pix/bkg/drops.jpg");
    background-repeat: repeat;
    border-bottom: thin solid #191970;
}

/* Page footer style */
#footer{
    clear: both;
	width: 100%;
    background-image: url("pix/bkg/drops.jpg");
    background-repeat: repeat;
    border-top: thin solid #191970;
    padding-top: 4px;
}


/* Level-1 Headings */ 
h1{ 
	margin-top: 0;
	font-family: Algerian, Playbill, Fantasy; 
	font-size: xx-large; 
	color: #00008b; 
	text-align: center; 
} 
/* Level-2 Headings */ 
h2{ 
	font-size: x-large; 
	text-align: center; 
}
 
/* Level-2 Green Headings */ 
h2.green{
font-family: Algerian, Playbill, Fantasy; 
font-size: xx-large; 
color: green; 
text-align: left; 
} 

/* Level-3 Headings */ 
h3{ 
	text-align: left; 
	font-size: large; 
	margin-bottom: 0;
} 

/* Level-4 Headings */ 
h4{ 
	margin-top: 0;
	font-size: large; 
	text-align: left;
	margin-left: 2em;
} 

/*  Level -4 Heading aligned in CENTER of page  */
h4.center{ 
	margin-top: 0;
	font-size: large; 
	text-align: center;
	margin-left: 2em;
	
} 

/*  Level -4 Heading aligned on RIGHT of page  */
h4.right{ 
	margin-top: 0;
	font-size: large; 
	text-align: right;
	margin-left: 2em;
	margin-right: 2em;
} 





/* Paragraph Style */
p{
	font-size: large;
	margin: 0;
	
}


/* Blockquote with blue background */ 
blockquote.tip { 
	background-color: #99ffff 
} 
/* Blockquote with pink background */ 
blockquote.warn { 
	background-color: #ff99cc 
} 
/* Float image to left of paragraph */ 
img.floatLeft{ 
	float: left; 
	margin-right: 5px; 
} 
/* Float image to right of paragraph */ 
img.floatRight{ 
	float: right; 
} 
/* Center image between margins */ 
div.center{ 
	width: 100%; 
	text-align:center 
	} 
/* Custom bullet for bulleted lists */ 
ul{ 
	list-style-image: url("pix/bullets/bulletrainbow.png"); 
} 

/* Style for tables of thumbnail images */
table.thumbs{
   text-align: center;
   border-collapse: collapse;
   margin: auto;
}

/* Style for table cells that contain thumbnails */ 
td.thumbs{
    border: solid 1px #00bfff; 
	padding: 10px; 
}

/* Style for thumbnail images */ 
img.thumbs{
    width:100px; 
    border-width: 3px;
}

/* Unvisited links (no underline) */
a:link{
   color: #0000cd; /* sky blue */
   text-decoration: none;
}

/* Visited links (no underline) */ 
a:visited{ 
	color: #0000cd; /* fuchsa */ 
	text-decoration: none; 
}

/* Hover links (red underlined) */ 
a:hover{ 
	color: #ff0000; /* red */ 
	text-decoration: underline; 
}

/* Active links (green underlined) */ 
a:active{ 
	color: #00ff00; /* green */ 
	text-decoration: underline; 
}

a.col:link{
	color: #8b008b; /* purple */ 
	text-decoration: none;
	font-weight: bold;
    margin-right: 2em;;
	}
/* Unvisited links (no underline) */
a.col:visited{
   color: #8b008b; /* purple */
   text-decoration: none;
   font-weight: bold;
   margin-right: 2em;;
	}

/* Visited links (no underline) */ 
a.col:hover{ 
   color: #ff0000; /* red */ 
	text-decoration: underline; 
	font-weight: bold;
    margin-right: 2em;;
	}

/* Hover links (red underlined) */ 
a.col:active{ 
	color: orange; /* orange */ 
	text-decoration: none; 
    margin-right: 2em;
	}


a.lft:link{
	color: #8b008b; /* purple */ 
	text-decoration: none;
	font-weight: bold;
    margin-left: 2em;
	}
/* Unvisited links (no underline) */
a.lft:visited{
   color: #8b008b; /* purple */
   text-decoration: none;
   font-weight: bold;
   margin-left: 2em;
	}

/* Visited links (no underline) */ 
a.lft:hover{ 
   color: #ff0000; /* red */ 
	text-decoration: underline; 
	font-weight: bold;
    margin-left: 2em;
	}

/* Hover links (red underlined) */ 
a.lft:active{ 
	color: orange; /* orange */ 
	text-decoration: none; 
    margin-left: 2em;
	}