/*  This is my external style sheet. It is a centralized location from which to control styles!  */



/*  THIS DEFINES THE BODY  */

	body		{
			width: 1px solid;

			margin: 10px;

			background: #483521 url("images/bg1.gif") repeat;

			/*background-color: #FEF4E2;*/

			font-family: Lucida Grande, Verdana, sans-serif;

			text-align: center;
			}


/*  THIS DEFINES THE GENERIC BLOCK TAG STYLES  */

	h1		{font-style: italic;
			font-family: 'Georgia', Serif;
			font-size: 225%;
			/*font-family: verdana, arial, 'sans serif';*/
			color:darkred;
			margin: 5px;
			}

	h2		{font-family: 'Georgia', Serif;
			font-style: italic;
			font-size: 23px;
			/*font-family: verdana, arial, 'sans serif';*/
			color:darkred;
			margin: 10px 5px;
			}

	h3		{font-family: verdana, arial, 'sans serif';
			font-size: 20px;
			color:darkred;
			margin: 10px 10px;
			}

	h4		{font-family: verdana, arial, 'sans serif';
	/*Ecumen*/		font-size: 17px;
			color:darkred;
			margin: 10px 10px;
			}

	h5		{font-family: verdana, arial, 'sans serif';
	/*Local*/		margin: 5px 10px;
			font-size: 15px;
			color:darkblue;
			margin: 10px 10px;
			}

	h6		{font-family: verdana, arial, 'sans serif';
	/*Heretical*/	margin: 5px 10px;
			font-size: 13px;
			color:black;
			margin: 10px 10px;
			}

	p		{font-family: verdana, arial, 'sans serif';
			font-size: 12px;
			/*text-indent: .5cm;*/
			margin: 3px 15px 3px 15px;
			}

	li,th,td,dd		{font-family: verdana, arial, 'sans serif';

			font-size: 80%;

			margin: 3px 15px 3px 1px;
			}

			/* NOTE: I changed this font size from 90% to 80% because as
			it was the list text was bigger than the paragraph text */

	table		{font-family: verdana, arial, 'sans serif';
			font-size: 12px;

			margin: 10px 15px 5px 15px;
			}

	object		{margin: 10px 15px 5px 15px;}

/*  THIS DEFINES THE GENERIC INLINE TAG STYLES  */

	blockquote		{
			margin: 10px 30px 10px 30px;

			font-style: italic;

			color: darkred;
			}

	sup		{vertical-align:35%; font-size:85%; color: darkred;}
	sub		{vertical-align:-35%; font-size:85%; color:darkred;}

	firstletter		{font-family: 'Georgia', Serif;
			font-style: italic;
			font-size: 200%;
			color: darkred;
			}

	unindented		{text-indent: 0px; text-indent: 0px;}




/*  THIS DEFINES LIST STYLES  */

	ul		{list-style: disc;}
	ul.big		{list-style: disc; font-size:125%}
	ol		{list-style: decimal}
	ol.upper-roman	{list-style: upper-roman}
	ol.lower-roman	{list-style: lower-roman}




/*  THIS DEFINES THE DIVISIONS GENERALY  */

/*  I only use these as diagnostics. Turn these on or off to see if borders and elements line up.  */

	div		{
			/*background-color: #FEF4E2;*/

			/*border: 1px solid;*/
			}

	 /* p, li, h1, h2, h3, h4, blockquote {border: 1px solid;} */



/*  THIS DEFINES THE CONTAINER STYLE  */

	div#container	{
			width: 874px;

			margin-left: auto;
			margin-right: auto;

			padding-top: 5px;

			clear: both;

			text-align: left;

			background: #FFFFFF;
			/*background: #483521 url("images/bg_paper_mid.jpg") repeat; */

			border: 2px solid #000000;
			/* border: 3px solid #5F707A; */
			/* border: 3px solid #993399; */
			}



/*  THIS DEFINES THE HEADER STYLES & ATTRIBUTES  */

	div#header	{
			width: 850px; margin: 10px; padding: 10px 0px 5px 0px;

			text-align: center;

			 /* color: #495865; */
			}

	div#header p	{text-align: left;}

	div#header blockquote	{font-size: 9px; text-align: right;}

	div#header_left	{
			width: 850px; margin: 10px; padding: 10px 0px 5px 0px;

			text-align: left;

			 /* color: #495865; */

			/* border: 1px solid; */
			}

	div#header_right	{
			width: 850px; margin: 10px; padding: 10px 0px 5px 0px;

			text-align: right;

			 /* color: #495865; */

			/* border: 1px solid; */
			}



/*  THIS DEFINES THE CONTENT STYLES & ATTRIBUTES  */

	div#content	{
			width: 636px; margin: 10px; padding: 10px 0px 10px 0px;

			clear: left;
			float: left;
			position: relative;

			text-align: left;

			/* color: #495865; */
			}

	div#content p	{text-indent: 20px; text-align: justify;}

	div#content table p	{text-indent: 0px; text-align: justify;}

	div#content img	{float: left; margin: 10px 20px 10px 15px;}

	div#full		{
			margin: 20; margin: 10px; padding: 10px 0px;

			width: 850px;
			/*text-align: left;*/

			/* color: #495865; */

			/* border: 1px solid; */
			}

	div#welcome p	{text-align: justify; text-indent: 20px; text-align: justify;}

	div#full p	{text-indent: 20px; text-align: justify;}


	/*  LITURGICAL: This defines certain liturgical styles for use in content areas  */

	div#this		{width: 278px;
			/*background-color: #FCC;*/
			float: left; clear: right;

			border-right: solid 2px; border-bottom: solid 2px; border-color: darkred;

			margin: 10px 5px 10px 5px;
			}

	div#or		{width: 48px;
			/*background-color: #CFC;*/
			float: left; clear: right;

			font-family: verdana, arial, 'sans serif';
			font-size: 12px;
			font-style: italic;
			color: darkred;

			margin: 10px 3px 10px 5px;
			}

	div#or blockquote
			{
			margin: 0px 0px 0px 0px;

			font-style: italic;

			color: darkred;
			}

	div#that		{width: 278px;
			/*background-color: #AAF;*/
			float: left; clear: right;

			border-top: solid 2px; border-left: solid 2px; border-color: darkred;

			background-color: #FEF4E2;
			margin: 10px 5px 10px 5px;
			}



/*  THIS DEFINES THE NAVIGATION STYLE & ATTRIBUTES  */

	div#navigation	{
			width: 190px; margin: 10px;

			clear: right;
			float: left;
			position: relative;

			font-size: 95%;
			background-color: #FEF4E2;
			border: 1px solid;
			}

	div#navigation p	{
			margin-left: 5px;
			margin-right: 5px;
			text-align: justify;
			}

	div#navigation li	{
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 5px;

			font-size: 80%;
			}	



/*  THIS DEFINES THE FOOTER STYLE & ATTRIBUTES  */

	div#footer		{
			clear: both;

			width: 850px; margin: 10px; padding: 10px 0px 5px 0px;
			text-align: left;

			background-color: #FEF4E2;
			border: 1px solid;
			}

	div#header-quote	{
			clear: both;

			width: 850px; margin: 10px; padding: 10px 0px 5px 0px;
			text-align: left;

			background-color: #FEF4E2;
			border: 1px solid;
			}



/*  THIS DEFINES THE SEARCH FORM ATTRIBUTES  */

	div#searchform
			{
			margin: 2px 0 15px 0;
			}
	
	div#searchform input
			{
			background: #FFFFFF;
			border: 1px solid #6F6F6F;
			font-size: 11px;
			margin-top: 3px;
			padding: 2px;
			}







/*  THIS DEFINES QUOTE CLASSES  */

	q		{quotes: "\2018" "\2019" "\201C" "\201D"; }
	q:before		{content: open-quote }
	q:after		{content: close-quote }



/*  THIS DEFINES ALTERNATE STYLE CLASSES  */

	.center		{text-align: center}
	.indented		{text-indent: 0px; text-indent: 30px;}
	.unindented	{text-indent: 0px; text-indent: 0px;}


/*  THIS DEFINES LINK COLORS (Psedo Classes)  */

	a:link		{color:darkblue}
	a:visited		{color:darkred}
	a:active		{color:darkred}

	a:inactive		{color:red, display: none}

	a:hover		{color:green}




/*  go to http://www.somacon.com/p141.php for css generator  */

/*  This is another list style  */

ul.sample {
	list-style-type: inherit;
	list-style-image: inherit;
	list-style-position: inside;
}
ol.sample {
	list-style-type: decimal;
	list-style-position: inside;
}
ol.sample ol {
	list-style-type: lower-roman;
}

ul.sample li { font-style: italic; }
ol.sample li { font-style: italic; }
ol.sample ol { font-style: normal; }

/*  This is another paragrap style  */

p.quote {
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 5ex;
}

p.sample {
	font-family: sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 5ex;
}

/*  This is another table style  */

table.sample {
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
}

table.sample th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.sample td {
	border-width: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}














div.clearfloats {clear:both;}


/* TOP SECRET ASLETT CLEARING METHOD!! */


/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after	{
		content: ".";		/* the period is placed on the page as the last thing before the div closes */
		display: block;		/* inline elements don't respond to the clear property */ 
		height: 0;			/* ensure the period is not visible */
		clear: both;		/* make the container clear the period */
		visibility: hidden;		/* further ensures the period is not visible */
		}

.clearfix		{display: inline-block;}	/* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*
/* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */