


/*---------------------- CSS Document For Saint Nicholas, Pittsburgh, PA ----------------------  */

body 		{	background: #B59B69; margin: 0px auto;  	}
#pageFrame	{	width: 1000px; margin: 0px auto; padding: 0px; border: 1px solid #BFB694; background-color: white;	}

/*---------------------- Header---------------------- */
#header				{	width: 1000px; height: 157px; background-image: url(../images/headr_stnicholas.jpg); background-repeat: no-repeat;	}
#blankDiv_header	{	width: 350px; height: 100%; float: left;	}	
#parishName 		{	text-align: left; float: left; font: normal 26px Georgia, Times, serif; color: white; 
						text-decoration: none; text-transform: capitalize; margin: 1.5em 0 0 0; padding: 0; width: 500px;	}
#parishLocation 	{	text-align: left; float: left; font: normal 18px Georgia, Times, serif; 
						color: white; text-decoration: none; text-transform: capitalize; margin: 0; padding: 0; width: 500px;	}


/*--------------------------------------------------------------------
					Navigation Styles: Main Navigation
---------------------------------------------------------------------- */
#mainNav  						{ 	position: relative; padding: 0px; margin: 0px; height: 31px; width: 999px; 
									background-color: #b28e66; border-bottom: 5px solid tan; border-top: 2px solid tan; 	 }
#mainNav ul						{	border: none; margin: 0; padding: 0; list-style: none; float: left; width: 100%; 	}
#mainNav li						{	float: left; text-align: center; width: auto; border-right: 1px dotted #505864; 
									list-style: none; text-align: center;	padding: 0; margin: 0;	}
#mainNav li.last				{	border-right: none; 	}
#mainNav a  					{	font-family: Arial;	text-transform: capitalize; font-size: 95%; font-weight: normal; display: list-item; 	
									text-decoration: none; color: #fff; padding: 2px 13px 2px 13px; margin: 0px; border-bottom: none;	}
#mainNav a:hover  				{ 	color: #660000; background-color: #D9CFB8;	}
#mainNav a:active 				{ 	text-decoration: none;	}

#mainNav ul li a				{	min-height: 22px;}
#mainNav ul li ul 			{ 	display: none; margin: 0; width: 200px; position: absolute; z-index: 600; opacity: 0.90; filter: alpha(opacity=90); /* IE patch */   	}
#mainNav ul li ul li a		{	width: 200px; min-height: 18px; color: #333;}
#mainNav ul li:hover ul  	{	display: block; }
#mainNav ul li ul li 		{	border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; background-color: #f2e9d5; 
									padding: 0px; text-align: left; z-index:600; margin:0;	}
#mainNav ul li ul li.last 	{	border-right: 1px solid #333; border-bottom: 1px solid #333; }


/*--------------------------------------------------------------------
					Navigation Styles: Side Navigation
---------------------------------------------------------------------- */

.homeLeft				{	float: left; margin: 0; padding: 0; width: 169px; line-height: normal; border-right: 1px dotted #ddd;	}
.homeLeft ul			{	list-style: none; margin: 0; padding: 0;  	}
.homeLeft ul li			{	line-height: normal; margin:  0; padding: 5px 0px; border-bottom: 1px solid #555; text-align: left;  	}
.homeLeft ul li.last	{		}
.homeLeft ul li a		{	font-family: arial; color: #555; padding: 0; border: none; text-decoration: none; font-size: 75%; font-weight: bold; margin: 0 10px; 	}
.homeLeft ul li a:hover	{	background-color: transparent; border-bottom: 1px dotted; color: #990000;	}
.homeLeft ul li ul li	{	padding: 0; margin: 0; border-bottom: none;	}

.homeLeft p				{	border: none;	}

.homeLeft table	{	width: 90%; margin: 0 4px; border: none; 	}
.homeLeft td 	{	font: normal 8pt Arial, sans-serif; border-bottom: 1px dotted #ccc;	}
.homeLeft td p	{	font-family: Arial, sans-serif; font-size: 8pt; padding: 0; margin: 0;	}
.homeLeft td a	{	text-decoration: none; text-align: left; margin: 0; left: 0; font-weight: normal; 	}


.homeLeft h3	{	padding: 10px 0 20px 0; font-family: arial; color: #333;	}	


/*---------------------- Page Content Area ----------------------  */
#bodyFrame					{	float: left; background-color: #D9CFB8; padding: 0; margin: 0; width: 100%;	}	
#contentArea  				{	background-color: #fff; width: 100%; padding: 0; margin: 0; }
	#contentArea p			{	margin: 0.8em 0; padding: 0 0.8em; font: normal 12px/22px arial, sans-serif; text-align: justify;	}
	#contentArea p a		{	color:  blue; font-weight: none; text-decoration: underline;	}
	#contentArea p a:hover	{	color:  #27408B; font-weight: bold; text-decoration: none; 	}
	#contentArea a		{	color:  blue; font-weight: none; text-decoration: underline;	}
	#contentArea a:hover	{	color:  #27408B; font-weight: bold; text-decoration: none; 	}
	#contentArea ul			{	font: normal 12px arial, sans-serif; text-align: justify;	}
	#contentArea li			{	font: normal 12px arial, sans-serif; text-align: justify;	}
	#contentArea ul li			{	font: normal 12px arial, sans-serif; text-align: justify;	}

h1, h2, h3, h4, h5, h6  	{ font-family: arial; color: black; margin: 0.4em 0.4em 0 0.4em; font-weight: normal; text-align: left;   }

.smallLinks, .smallLinks a 	{ font-size: 10px; text-decoration: none; color: #CC0033; margin: 0.8em 0; padding: 0 0.8em;}	
.smallLinks a:hover 		{ text-decoration: underline; color: #FF0000; }
.smallLinks a:active 		{ color: #996600; }

.smalltext, .smalltext a 	{ font-family: arial; font-size: 12px; text-decoration: none; color: ; margin: 0.8em 0; padding: 0 0.8em;}	
.smalltext a:hover 		{ text-decoration: underline; color: #FF0000; }
.smalltext a:active 		{ color: #996600; }


/*---------------------- Page Footer ----------------------  */
#footer { float: left; border-top: 1px solid #b4b4b4; width: 100%; background-color: white; padding: 0; margin: 0;  }
#footer p { font: normal 9px/12px verdana, arial, sans-serif; color: black; padding: 0.3em 0; text-decoration: none; text-align: center;  }

.clear	{	clear: both;	}