/* -----------------------------------------------------------------
               GREATLENT.GOARCH.ORG / CSS
--------------------------------------------------------------------
Updated March 6, 2008 */

/* ------------------------------------------------------------------
            GLOBAL STYLES - UNIVERSAL SELECTORS & FIXES
--------------------------------------------------------------------- */


/* Sets browser padding and margin defaults to zero */
* { margin: 0; padding: 0; } 

/* IE 6 & 7 spacing hack */
* html img { display: block; } 

/* Keeps images wrapped in an anchor tag from displaying a border. */
a img { border: none; display: inline; margin: 0; padding: 0; }

.hidden { display: none; }

/* IE hack to keep the nav items from breaking. */
#header li {
	/*\*/overflow: hidden;/**/
}


/*--------------------------------------------------------------------
                GLOBAL STYLES - STRUCTURAL RULES
---------------------------------------------------------------------- */

body	{	font-family: Georgia, "Times New Roman", Times, serif; font-size: .8em; line-height: 170.0%; color: #5A4E65; background-color: #042f43; background-image: url("/images/_lent_bodyBG.gif"); background-position: top center; background-repeat: repeat-y; text-align: center;	}

#breadcrumbs	{	width: inherit; position: relative; top: 200px; padding: 0; margin: 0; height: 20px; background-color: #120019;	}
#breadcrumbs p	{	 text-align: right; font-family: Verdana; font-size: 80%; padding: 0; margin-right: 20px; margin-bottom: 3px; color: white; font-weight: bold; font-style: italic;	}
#breadcrumbs p a	{	color: #ffffe3; margin: 0 3px; font-weight: normal; font-style: normal;	}
#breadcrumbs p a:hover	{	background-color: transparent; border-bottom: 1px dotted #ffffe3;	}

#container	{	margin: 0 auto; width: 1000px !important; width: 1000px;	}

#page_body	{	width: 1000px !important; width: 1000px; background-image: url("/images/_1000px-BGrepeat.gif"); background-repeat: repeat-y; background-position: top left; top: 177px; float: left; padding: 0; position:relative; 	}

/* -------------------------------------------------------------------
							PAGES
-------------------------------------------------------------------- */

#column_one_home	{	width: 144px; w\idth: 164px; /* IE hack */ float: left; display: inline; padding: 0; overflow: visible; height: 500px; }
#column_one	{	width: 164px; w\idth: 144px; /* IE hack */ float: left; display: inline; padding: 10px; overflow: visible; height: 500px; }
#column_one ul	{	list-style: none;	}

#column_two_wide {	width: 836px; w\idth: 816px; /* IE hack */ padding: 10px; float: left; display: block;	}

#footer	{	position: relative; font-size: 70.0%; margin: 0; padding: 10px 0; width: 100% !important; float: left; border-top: thin dotted #b4b4b4; margin-right: -3px; background-color: white; }
#footer p	{	text-align: center;	font-size: 9px; font-family: Verdana; margin: 0; padding: 0; line-height: normal;	}

/* --------------------------------------------------------------------
		HEADER AND FOOTER SPECIFICALLY FOR THE PRINTED VERSIONS
		OF THE LENT.GOARCH.ORG SITE PAGES ARE HIDDEN UNTIL CALLED 
		IN PRINT.CSS
----------------------------------------------------------------------- */
			
#print_footer	{	display: none;	}

#print_header	{	display: none;	}


/* --------------------------------------------------------------------
		Site Header
----------------------------------------------------------------------- */
#header	{	position: absolute; width: 1000px; height: 219px; background-image: url(/images/_1000px-header.jpg); background-repeat: no-repeat; background-position: top center; background-color: #120019; text-align: left;	}
#parishName h1	{	margin: 55px 0 0 325px; padding: 0;	}
#parishLocation h2	{	margin: 0 0 0 325px; padding: 0; border: transparent;	}

/* --------------------------------------------------------------------
		Side navigation
----------------------------------------------------------------------- */
#sideNav	{	margin: 0.5em 0; width: 144px; border-bottom: 1px solid #dedce0;	}
#sideNav h3	{	margin: 0 0 20px 0; padding: 0; font-style: normal; font-size: 130%; font-family: Arial;  	}
#sideNav ul li	{	border-top: 1px solid #DEDCE0; padding: 2px 0; line-height: normal; text-align: left;	}
#sideNav ul li a	{	color: black; font-family: Arial;  font-size: 90%; 	}
#sideNav ul li a:hover	{	border-bottom: 1px dotted #37055e; background-color: transparent;	}

.articles	{	margin: 0 0 2em 0; padding: 0; width: inherit; border-collapse: collapse;	}
.articles .row1	{	display: table-row; border-bottom: 1px dotted #37055e;  	}
.articles .row2	{	display: table-row; border-bottom: 1px dotted #37055e; background-color: #eee; 	}
.articles td	{	padding: 3px 3px 8px 3px; font-size: 10px; display: table-cell; vertical-align: top;	}
.articles_title	{	font-size: 12px; font-family: Verdana; padding: 0; margin: 0; text-align: left; font-weight: bold;	}
.articles_author	{	text-align: left; font-family: Verdana; font-size: 10px; font-style: italic; padding: 0; margin: 0; line-height: normal;	}
.articles_img	{	vertical-align: top; width: 50px; height: auto; margin: 2px 5px 2px 0; border: 2px solid #37055e; float: left;	}
.articles_info	{	text-align: left; font-family: Verdana; font-size: 11px; padding: 0; margin: 0; line-height: normal;	}

.bullet	{	vertical-align: middle; margin: 0 2px 0 0; float: left;	}

#references p, #references p a	{	text-align: left; font-size: 85%; line-height: 12px; font-family: Verdana; color: #aaa;	}

#vertical_photo_right	{	float: right; margin: 0 0 10px 10px; padding: 0; border: 2px solid #535d63;	}
#vertical_photo_right .caption	{	 text-align: left; font-family: Verdana; font-size: 9px; font-style: italic; line-height: normal; padding: 0; margin: 0; vertical-align: top; 	}

#vertical_photo_left	{	float: left; margin: 0 10px 10px 0; padding: 0; border: 2px solid #535d63;	}
#vertical_photo_left .caption	{	 text-align: left; font-family: Verdana; font-size: 9px; font-style: italic; line-height: normal; padding: 0; margin: 0; vertical-align: top; 	}

#photo_block_horiz	{	width: 450px; margin: 0 auto 10px auto; border-collapse: collapse; padding: 0; 	}
#photo_block_horiz .caption	{	 text-align: left; font-family: Verdana; font-size: 9px; font-style: italic; line-height: normal; padding: 7px; margin: 0; vertical-align: top; text-align: justify;	}


/* ----------------------------------------------------------------
						PRINT THIS PAGE STYLES
------------------------------------------------------------------- */

.print_this	{	float: right; height: 15px; padding: 5px 0; margin: 0; }
.print_this img	{	margin: 0 4px; padding: 0;		}
.print_this a:hover	{	background-color: transparent;	}

/* ---------------------------------------------------------------- 
						HOMEPAGE Top Navigation 
------------------------------------------------------------------- */	
#navigation  			{ 	position: relative; top: 140px; padding: 0px; margin: 0px; height: 40px; width: auto; z-index: 1000;	}
#navigation ul			{	position: relative; list-style: none; padding: 0; margin: 0; width: 100%; 	}
#navigation ul li		{	float: left; padding: 0; margin: 0.8em 0; text-align: center; width: 11.1%; color: #333; position: relative; text-transform: capitalize; }
#navigation ul li a		{	text-decoration: none; color: white; display: list-item; width: 100%; font-weight: bold; font-family: Arial; font-size: 100%; padding: 0; margin: 0;  	}
#navigation ul li a:hover	{	color: gold; background-color: transparent;	}
#navigation ul ul		{	float: left; display: none; margin: 0; padding: 0; width: 230px; border: 1px solid #b4b4b4; 
								opacity: 0.90; filter: alpha(opacity=90); /* IE patch */ z-index: 1000;  	}
#navigation li:hover ul	{	display: block; position: absolute; margin: 0; padding: 0; top: 1.7em; left: 0;    }
#navigation ul li ul li	{	width: 222px; float: left; background-color: #ffffe3; text-align: left; position: relative; padding: 0 4px; margin: 0; 
								border-bottom: 1px solid #b4b4b4; height: 20px; 	}
#navigation ul li ul li:hover	{	background-color: #37003e;  	}
#navigation ul li ul li.last		{	border-bottom: none;   	}
#navigation ul li ul li a		{	font-weight: bold; font-size: 11px; padding: 0; margin: 0; color: #35003c; text-transform: none;  	}
#navigation ul li ul li a:hover	{	text-decoration: underline; color: white;   	}


/* -----------------------------------------------------------------
                 GLOBAL STYLES - COLUMN DIVISION
------------------------------------------------------------------*/

.column_one_divider	{ background-color: #DEDCE0; height: 1px; width: 435px !important; width: 420px; margin: 0 0 15px 0; clear: both; padding: 0;	}
.column_one_divider img {	height: 1px; width: 435px !important; width: 420px; margin: 0; padding: 0;	}
.column_two_divider {	background-color: #DEDCE0; height: 1px; width: 330px !important; margin: 0 -15px 15px !important; width: 300px; margin: 0 0 15px; clear: both;	}
.column_two_divider img {	height: 1px; width: 330px !important; width: 300px;	}
.column_three_divider {	background-color: #DEDCE0; height: 1px; width: 181px !important; margin: 0 -15px 15px !important; width: 151px; margin: 0 0 15px; clear: both;	}
.column_three_divider img {	height: 1px; width: 181px !important; width: 151px;	}

/* -----------------------------------------------------------------
                GLOBAL STYLES - TYPE SELECTORS
--------------------------------------------------------------------

These are default styles that every page needs to inherit */

a:link {	text-decoration: none; font-weight: bold; color: #000;	}
a:visited {	text-decoration: none; font-weight: bold; color: #ACA6B2;	}
a:hover {	text-decoration: none; background-color: #D1CBD6; color: #000;	}
/* images wrapped in an anchor with a class of image won't have that weird hover */
.image:hover {	text-decoration: none; background-color: #fff; color: #000;	}

p {	padding: 0 0 15px 0; text-align: left;	}

/* h1's are pretty much the main page title */

h1 {	font-style: normal; padding: 10px 0 3px 0; font-size: 180%; text-transform: capitalize; color: #333; line-height: normal;	}

/* h2's are the subheads in the main articles */

h2 {	padding: 5px 0 5px 0; font-size: 130%; font-style: italic; color: #555; margin: 0 0 15px 0; text-transform: capitalize;	}

/* h3's are for Sub-Sections, and are all hidden or replaced by an image - 
Search, Archives, Footer, are a few examples */

h3 {	padding: 4px 0 8px 0; font-size: 110%; font-style: normal; color: #0c4d64; font-weight: bold;  	}

/* h4's and h5's are also article subhead treatments, for sections
of less importance (and thus, lower in the heirarchy) */

h4 {	padding: 3px 0 3px 0; font-size: 85%; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; margin: 0 0 15px 0;	}
h5 {	padding: 7px 0 7px 0; font-size: 80%; font-weight: bold; letter-spacing: 1px; text-transform: capitalize; margin: 12px 0 0 0;	}

blockquote {
	font-size: 85%;
	border-top-style: solid;
	border-top-color: #DEDCE0;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDCE0;
	border-bottom-width: 1px;
	padding: 15px;
	margin: 0 0 15px 0;
	background-color: #E5E3E6;
}

#festival {
	color: #3333FF;
	font-family: Freestyle Script;
	text-align: center;
	font-size: 90%;

}
#festival .h1 {
	color: #0000FF;
	font-family: Constantia;
	text-align: center;

}

code {
	font-size: 90%;
	color: #000;
	margin: 0 1px 0 1px;
}

#column_one img {
	padding: 0 0 15px 0;