body	{	text-align: center; padding: 0 auto; margin: 0 auto; background-image: url(/images/background-stripeonly.jpg); background-repeat: repeat-x; background-position: top; 	}

.clear	{	clear:both; }
#frame	{	width: 1024px; margin: 0 auto; padding: 0; text-align: center;background-image: url(/images/Header-wood-image.jpg); background-repeat: no-repeat; background-position: top;	}	
#header	{	float: left; height: 141px; background-color: none; width: 100%;	}
#topBar	{	float: left; width: 100%; margin: 0; padding: 0; background-color: none;	}
#parishname {	width: 550px; padding: 0; margin: 1em 0 0.8em 400px; }
#pImage		{	float:right;	}
#pName		{ font: normal 34px georgia, geneva, times, serif; color: /*#890027*/black; text-align: left; margin: 0.3em 0 0 0.6em; padding: 0; }
#state		{font: normal 15px georgia, geneva, times, serif; color: /*#890027*/black; text-align: left; margin: 0 0 0 1.7em; padding: 0;  }

#leftCol	{	width: 20%; float: left; padding: 0; margin: 0; min-height: 500px;	}
#footer	{	float: left; padding: 0; background-color: white; margin: 0.6em 0; width: 100%;	}
#footer p	{	text-align: left; font: normal 10px/14px arial, verdana, helvetica, sans-serif; color: #333; padding: 0 0.4em;	}
#footer a	{	text-decoration: none; color: orange;	}
#footer a:hover	{	color: #333; text-decoration: underline;	}

#buttons	{	width: 100%;	}


/* MAINNAV -- JAMIL NEW */
/* Begin CSS Popout Menu */

#mainNav { height: 22px; width: 1024px; float: left; margin: 0.6em 0 0 0; padding: 0; border-bottom: 1px solid tan; background-position: top; background-color: #ffe287;	}
		
#mainNav a	{	text-align: center;	display:block;	margin:0; padding: 0.3em 0; text-decoration: none; font: normal 12px arial, verdana, helvetica, sans-serif; font-weight: bold; text-transform: capitalize; display: block;	}

#mainNav a, #mainNav a:visited	/* menu at rest */	{	color: #333;  text-decoration: none; display: block;	}
#mainNav a:hover	/* menu at mouse-over  */		{	color: #9E0508;  text-decoration: none ; background-color: #F4E8C9;	}	
#mainNav a.top_parent, #mainNav a.top_parent:hover  /* styles for all top-parents */	{ }
#mainNav a.parent, #mainNav a.parent:hover 	/* styles for all parents */	{	}

#mainNav ul li { width: 139px; padding: 0; border-right: 1px solid #b4b4b4;  }
#mainNav ul li.last { border: none;  }
#mainNav ul li ul {	width: 180px; 	}
#mainNav ul li.here { background-color: tan; display: block; font-weight: bold; padding: 0;}

#mainNav ul	{	list-style: none; margin: 0; padding: 0; float: left;	/* width of all menu boxes */	}
#mainNav li	{	position: relative; float: left;}
#mainNav ul ul	{	position: absolute; z-index: 500; top: 1.7em; left: 0; display: none; margin: 0; border-left: 1px solid #b4b4b4; border-right: 1px solid #b4b4b4; text-align: left; border-bottom: 1px solid #b4b4b4; border-right: #b4b4b4; margin: 0; height: auto; width: 130px;	}
#mainNav ul ul ul		{	top: 0;	left: 100%;}
div#mainNav li:hover	{	cursor:pointer;	z-index:100;	}

#mainNav ul li ul li	{	background-color: #E7E0C6; opacity: 0.90; filter: alpha(opacity=90); /* IE patch */ text-align: left; border-bottom: 1px solid #b4b4b4; border-right: #b4b4b4; margin: 0; padding: 0; display: block; width: 100%; height: 20px; 	}
#mainNav ul li ul li a, #mainNav ul li ul li a:visited	{	color: /*#9D3530*/#333; text-decoration: none; text-transform: capitalize; display: block; font: normal 11px arial, verdana, helvetica, sans-serif; padding: 0.2em 0.3em; text-align: left; font-weight: bold;	}

div#mainNav li:hover ul ul, div#mainNav li li:hover ul ul, div#mainNav li li li:hover ul ul, div#mainNav li li li li:hover ul ul	{ display: none; }
div#mainNav li:hover ul, div#mainNav li li:hover ul, div#mainNav li li li:hover ul, div#mainNav li li li li:hover ul				{ display: block; }
/* A couple styles that might become problematic...Not sure though */

ul	{	list-style: block; list-style-type: square;	}
li	{	font: normal 13px arial, verdana, helvetica, sans-serif; color: #442E1C; margin-bottom: 0.4em;	}
li a	{	text-decoration: none; color: burgundy;	}
li a:hover	{	text-decoration: underline; color: #2B516E; background-color: beige;	}

/* -- ABOVE TITLE NAV -- */

#aboveTitleNav		{	height: 15px; float: right; text-align: right; z-index: 500; margin: 0; padding: 0;   }
#aboveTitleNav li	{	font: normal 9px verdana, arial, helvetica, sans-serif; margin-top: 4px; text-transform: capitalize; font-weight: bold; 
						border-left: 1px solid #8B795E; display: block; float: left; padding:0 6px; }
#aboveTitleNav li.last	{	border-left:  1px solid #8B795E; }
#aboveTitleNav li a			{	color: #000000; text-decoration: none;		}
#aboveTitleNav li a:hover	{	text-decoration: underline; color: black;	}
#aboveTitleNav ul			{	list-style: none; display: block;				}

/* -- END ABOVE TITLE NAV --*/

#highlight	{	float: left; width: 100%; height: 250px; margin: 0 0 0.2em 0; padding: 0; overflow: hidden; z-index: 0;	}	
#highlight p	{	text-align: left; font: normal 11px/16px georgia, times, serif; padding: 0.4em;	}

#content	{ float: left; width: 984px; border-bottom: 2px solid #6484CA; background-color: #E6D7C2; margin: 0; padding: 20px;min-height:250px; }
#content p	{	font: normal 12px/18px verdana, sans-serif; color: #442E1C; margin: 0 0 0.8em 0; padding: 0;}
#learnMore a	{	text-decoration: none; font-size: 11px; font-weight: bold; color: #d42727;	}
#learnMore a:hover	{	color: #000;	}
#insert	{	width: 100%; border: 1px dashed #b4b4b4; background-color: white;	}
#insert td	{	padding: 0.6em;	}


h1	{	font: normal 28px georgia, times, serif; padding: 0; margin: 0 0 0.4em 0; color: black;text-align:left;	}
h2	{	font: normal 24px georgia, times, serif; padding: 0; margin: 0; color: black;text-align:left;	}
h3	{	font: normal 16px arial, verdana, helvetica, sans-serif; padding: 0; margin: 0.3em 0 0.4em 0; font-weight: bold; color: #2B516E;	text-align:left;}
h4	{	font: normal 14px arial, verdana, helvetica, sans-serif; padding: 0; margin: 0; color: #2B516E; font-weight: bold; 	text-align:left;}
h5	{	font: normal 11px arial, verdana, helvetica, sans-serif; padding: 0; margin: 0; font-weight: bold; color: #77879A; 	text-align:left;}


/* Forms 
------------------------------------------------------------------------------- */
#EmailForm {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
#EmailForm.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
#EmailForm h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

#EmailForm label,
#EmailForm p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

#EmailForm input {
	display: block;
	margin-top: 3px;
}

#EmailForm select {
	float: left;
	display: block;
}

#EmailForm label.first,
#EmailForm label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

#EmailForm label.second,
#EmailForm label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
#EmailForm label.state { width: 60px; }

#EmailForm label.first input,
#EmailForm label.city input,
#EmailForm label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

#EmailForm label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

#EmailForm label.zip,
#EmailForm label.zip input {
	float: left;
	width: 80px;
}
#EmailForm label.zip { clear: none; }

#EmailForm label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

#EmailForm label input {
	float: left;
	width: 310px;
	padding: 0;
}

#EmailForm input.radio,
#EmailForm input#radiobutton_1,
#EmailForm input#radiobutton_2,
#EmailForm input#radiobutton_3,
#EmailForm input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.radio,
#EmailForm label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

#EmailForm input.checkbox,
#EmailForm input#checkbox_1,
#EmailForm input#checkbox_2,
#EmailForm input#checkbox_3,
#EmailForm input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

#EmailForm label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the #EmailForm elements to look similar across browsers ... emulates Safari */
#EmailForm label input,
#EmailForm textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
#EmailForm input.checkbox,
#EmailForm select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;    
}
#EmailForm textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

#EmailForm label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
#EmailForm input.button {
    clear: left;
}


/* Search Form 
------------------------------------------------------------------------------- */
#search {
	width:300px;
	float:right;
    padding: 15px 0 0 0;
}

#ajaxSearch_form	{	margin:0px;padding:0px;float:left; 	}
#search label		{	float:left;	}
#search	input		{	float:left;	}
#ajaxSearch_input 	{	width:150px; float:left;	}
#ajaxSearch_submit	{	width:50px; float:left;	}
#ajaxSearch_output 	{	text-align:justify;	}
.AS_ajax_resultLink	{	font-weight:bold; color:#226762;

form.FSF_form {
    margin: 0;
    padding: 0;
    width: auto;
    text-align: right !important;
}

input.FSF_input { 
    display: inline;
    height: 17px;
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background: #fff url(images/input-bg.gif) repeat-x top left;
    margin: -1px 3px 0;
    padding: 3px 0 0;
}
input.FSF_submit { 
    display: inline;
    margin: -1px 0 0;
    padding: 0;
    height: 22px;
    line-height: 22px;
}