/* CSS Document */
body { font-family: arial, helvetica, verdana, sans-serif; margin: 0.3em 0; padding: 0; background-color: #000A20; text-align:center; }
#contentArea  { position: relative; width: 1000px; margin: 0px auto; background-color: #F1D87F; padding:0; }

/* ---------- Text ---------- */
#bodyText	{ width: 96%; margin: 0; padding: 0 0.8em; color: #333; font: normal 12px/18px arial, helvetica, verdana, sans-serif; }
#bodyText p	{ margin: 0.8em 0; padding: 0; text-align: justify;  }
#bodyText p a	{ color: #64213A; text-decoration: underline;  }
#bodyText p a:hover	{	color: white; background-color: #64213A; text-decoration: none;	}
#bodyText p img	{	border: 2px solid black; margin: 0.5em;	}	

/* ---------- Banner ---------- */
#banner  { width: 100%; background-image: url(../images/hme_icon_banner.jpg); background-repeat: no-repeat; background-position: right; height: 224px; position: relative; float: left; magin: 0; padding: 0; border-bottom: 2px solid #000A20; }
#parishName { font-family: Palatino, Georgia, Times New Roman, Times, serif; font-size: 28px; color: #FFFFFF; text-transform: capitalize; margin: 0; padding: 0; left: 120px; top: 160px; position: absolute; text-align: left;  }
#parishName p	{	padding: 0; margin: 0;	}
#headerAddress	{  font-size: 14px; margin: 0; padding: 0.9em 0;	}
#goaLogo	{	background-image: url(../images/goaLogo.jpg); background-repeat: no-repeat; float: left; background-position: center; width: 73px; height: 77px; position: relative; left: 29px; top: 140px;  	}


/* ---------- Navigation Top ---------- */
#topNav				{	float: left; width: 100%; margin: 0; position: relative; padding: 0; height: 50px; background-image: url(../images/top_nav_bg.gif); background-position: bottom left; background-repeat: repeat-x; background-color: #64213A; border-bottom: 1px solid #20050F;	}
#topNav ul			{	position: relative; list-style: none; padding: 0; margin: 0.8em 0; width: 100%; 	}
#topNav ul li		{	float: left; padding: 0; margin: 0.8em 0; text-align: center; width: 110px; font: normal 10px arial, verdana, helvetica, sans-serif; 
								color: #333; position: relative; text-transform: uppercase;	}
#topNav ul li a		{	text-decoration: none; color: white; display: list-item; width: 100%; font-weight: bold; height: 30px;   	}
#topNav 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: 600;  	}
#topNav li:hover ul	{	display: block; position: absolute; margin: 0; padding: 0; top: 2em; left: 0;   }
#topNav ul li ul li	{	width: 100%; float: left; background-color: #ffffe3; text-align: left; position: relative; padding: 0; margin: 0; 
								border-bottom: 1px solid #b4b4b4; height: 20px;   	}
#topNav ul li ul li.last		{	border-bottom: none;   	}
#topNav ul li ul li a		{	font-weight: bold; font-size: 10px; padding: 0.3em 0.5em; color: black; text-transform: none; height: 15px;  	}
#topNav ul li ul li a:hover	{	color: #801F30; text-decoration: underline;   	}
#topNav ul li a:hover		{	color: gold; 	}

/* ---------- Navigation Side ---------- */
.navLeftCol						{	float: left; width: 200px; margin-top: 1.4em; position: relative;	}
.navLeftCol ul					{	position: relative; list-style: none; padding: 0; margin: 0; width: 98%; 	}
.navLeftCol ul li				{	border-bottom: 1px solid tan; padding: 0 0.5em; margin: 0.4em 0; text-align: right; 
									font: normal 12px arial, verdana, helvetica, sans-serif; color: #333; position: relative;	}
.navLeftCol ul li a				{	text-decoration: none; color: black; display: list-item;width: 100%; padding: 0.2em 0; 	}
.navLeftCol ul ul				{	display: none; margin: 0; width: 160px; background-color: #ffffe3; border: 1px solid #b4b4b4; 
									opacity: 0.90; filter: alpha(opacity=90); /* IE patch */   	}
.navLeftCol li:hover ul			{	display: block; position: absolute; margin-left: 0.4em; left: 98%; top: 0;   }
.navLeftCol ul li ul li			{	text-align: left; position: relative; padding: 0 0.4em; margin: 0;  	}
.navLeftCol ul li ul li a		{	padding: 0.3em 0;   	}
.navLeftCol ul li a:hover		{	text-decoration: underline; color: #801F30; 	}

.navLeftCol .colTitle	{	text-decoration: none; display: block; font-weight: bold; font: normal 22px Arial, Helvetica, Verdana, sans-serif; 
									text-transform: capitalize; padding: 0.2em 0; margin: 0; border-bottom: none; text-align: center;  }
.navLeftCol .colTitle a	{	text-decoration: none;  }

/* ------------ Text Styles ---------- */
.dropcap {	float:left; color:#D4D4C7; font-size:100px; line-height:70px; padding-top:14px; font-family: Times, serif, Georgia;	} 
h1, h2, h3, h4, h5, h6 { text-align: left; color: #660033; font-family: Georgia, Times, "Times New Roman", serif; font-style: italic; text-transform: capitalize; line-height: normal; }
.quote	{	font-family: Georgia, Times, "Times New Roman", serif; font-style: italic;	}

/* -------------------- Page Footer -------------------- */
#footer			{	width: 100%; float: left; background-color: #ffffff; margin: 3em 0 1em 0; border-top: 1px solid #b4b4b4; }
#footer p		{	font: normal 10px verdana, arial, helvetica, sans-serif; padding: 0 3em 0 0; color: #A69178; text-align: center;		}
#footer p img	{	vertical-align: middle	}
#footer p a		{	color: #B67D14; text-decoration: none;	}
#footer p a:hover	{	background-color: #B67D14; color: white;	}

/* -------------------- GOA Footer -------------------- */
#goaFooter			{	width: 100%; float: left; background-color: #ffffff; margin: 0 0 1em 0; }
#goaFooter p		{	font: normal 9px verdana, arial, helvetica, sans-serif; padding: 0 3em 0 0; color: #A69178; text-align: center;	font-style: italic;	}
#goaFooter p img	{	vertical-align: middle	}
#goaFooter p a		{	color: #B67D14; text-decoration: none;	}
#goaFooter p a:hover	{	background-color: #B67D14; color: white;	}