/* ST. JAMES PARISH GENERAL RULES */

/* HTML DEFINITIONS */

*, html, body {
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
}

body {
	background-color: #dcd4bd;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 100;
}

a {
	text-decoration: none;
}

a img {
	border: none;
}


/* SITE CONTAINERS */

div#whole_site_container {
	position: relative;
	min-height: 100%;
	_height: 100%;
	background: transparent url("/images/backgrounds/gradient_background(1).gif");
	background-repeat: no-repeat;
	background-position: center 389px;
	text-align: center;
}

div#container {
	position: relative;
	margin: 0px auto;
	width: 800px;
	text-align: left;
}
	

/* HEADER */

div#header {
	width: 800px;
}

	#header h1 {
		width: 800px;
		cursor: pointer;
	}
	
		#header h1 span, #header img {
			display: none;
		}


/* NAVIGATION */

ul#navigation {
	position: absolute;
	top: 13px;
	left: 521px;
	width: 269px;
	height: 352px;
	list-style: none;
	z-index: 15;
}

	#navigation li {
		display: inline;
	}
		
		a#about_link {
			background: transparent url("/images/navigation/about_button.gif");
		}
		
		a#ministries_and_programs_link {
			background: transparent url("/images/navigation/ministries_and_programs_button.gif");
		}
		
		a#pastoral_care_link {
			background: transparent url("/images/navigation/pastoral_care_button.gif");
		}
		
		a#outreach_link {
			background: transparent url("/images/navigation/outreach_button.gif");
		}
		
		a#parish_life_link {
			background: transparent url("/images/navigation/parish_life_button.gif");
		}
		
		a#sacraments_link {
			background: transparent url("/images/navigation/sacraments_button.gif");
		}
		
		a#schedules_link {
			background: transparent url("/images/navigation/schedules_button.gif");
		}
		
		a#contact_link {
			background: transparent url("/images/navigation/contact__button.gif");
		}
		
		#navigation li a {
			display: block;
			width: 269px;
			height: 44px;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		
		#navigation li a:hover {
			background-position: -269px 0px;
		}
		
			#navigation li a span {
				display: none;
			}

a#homepage_link, a#dayschool_link, a#youth_link {
	position: absolute;
	padding: 4px 0px;
	width: 100px;
	color: #f9f5ea;
	background-color: #7e0001;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	text-transform: uppercase;
}

a#homepage_link:hover, a#dayschool_link:hover, a#youth_link:hover {
	color: #7e0001;
	background-color: #f9f5ea;
}


/* MAIN BODY REGION */

div#main_body {
	position: relative;
	padding: 10px 0px 220px 0px;
	width: 800px;
	overflow: auto;
	z-index: 10;
}


	/* SITE PAGE TEXT */

	div#body_text {
		float: left;
		display: inline;
		font-size: 14px;
		color: #4f4f4f;
		line-height: 20px;
	}
	
		#body_text h2 {
			margin: 20px 0px;
			color: #41699d;
			font-family: "Times New Roman", Times, serif;
			font-size: 30px;
		}
		
		#body_text h3 {
			margin: 20px 0px;
			color: #41699d;
		}
		
		#body_text p {
			margin: 20px 0px;
		}
		
		#body_text ul, #body_text ol {
			margin: 20px 0px 20px 20px;
		}

		#body_text img {
			margin: 0px 10px 10px 0px;
			border: 2px solid #fbf9f5;
		}

		#body_text a {
			color: #990000;
		}

		#body_text a:hover {
			color: #000000;
		}


/* RELATED INFORMATION & SUB NAV */

div#upcoming_events {}

.related_information {
	position: relative;
	float: right;
	width: 281px;
	background: transparent url("/images/body_regions/sub_nav_background(1).gif");
	background-repeat: repeat-y;
	background-position: center top;
	z-index: 15;
}

	#upcoming_events h2 {
		background: transparent url("/images/body_regions/upcoming_events_header.gif");
	}

	#sub_navigation h2 {
		background: transparent url("/images/body_regions/related_information_header.gif");
	}
	
	#upcoming_events h2, #sub_navigation h2 {
		width: 281px;
		height: 125px;
		background-repeat: no-repeat;
		background-position: center top;
		cursor: pointer;
	}
	
		.related_information h2 span {
			display: none;
		}
	
	.related_information ul {
		position: relative;
		margin: 0px 0px -21px 0px;
		list-style: none;
		width: 281px;
		background: transparent url("/images/body_regions/sub_nav_background(2).jpg");
		background-repeat: no-repeat;
		background-position: center top;
	}
		.related_information ul li {
			display: inline;
		}
		
			#upcoming_events ul li a {
				position: relative;
				display: block;
				margin: 0px 10px 0px 3px;
				padding: 16px 0px 0px 50px;
				width: 218px;
				background: transparent url("/images/body_regions/sub_nav_item_background.gif");
				background-repeat: no-repeat;
				background-position: 15px -82px;
				font-size: 16px;
				color: #ffffff;
				line-height: 28px;
				cursor: pointer;
			}
			
			#upcoming_events ul li a:hover {
				background-color: #fffbde;
				background-position: 15px 6px;
				color: #000000;
			}

			#sub_navigation ul li a {
				position: relative;
				display: block;
				margin: 0px 10px 0px 3px;
				padding: 5px 0px 5px 50px;
				width: 218px;
				background: transparent url("/images/body_regions/sub_nav_item_background.gif");
				background-repeat: no-repeat;
				background-position: 15px -98px;
				font-size: 12px;
				color: #ffffff;
				line-height: 16px;
				cursor: pointer;
			}
			
			#sub_navigation ul li a:hover {
				background-color: #fffbde;
				background-position: 15px -10px;
				color: #000000;
			}
			
				span.event_date {
					position: absolute;
					top: 0px;
					left: 50px;
					color: #b56b6c;
					font-size: 12px;
				}
				
	a#sub_nav_back_to_top_link {
		position: relative;
		top: 35px;
		display: block;
		width: 281px;
		height: 35px;
		background: transparent url("/images/body_regions/sub_nav_footer.png");
		background-repeat: no-repeat;
		background-position: 0px 0px;
	}
	
		a#sub_nav_back_to_top_link span {
			display: none;
		}


/* FOOTER */

div#footer_container {
	position: relative;	
	margin: -223px 0px 0px 0px;
	height: 223px;
	background: transparent url("/images/backgrounds/footer_background.gif");
	background-repeat: no-repeat;
	background-position: center top;
	z-index: 0;
}

	div#footer {
		position: relative;
		margin: 0px auto;
		width: 800px;
	}
	
		p.copyright {
			display: none;
		}
		
		a#sticky_stamp {
			position: absolute;
			right: 0px;
			bottom: 0px;
			width: 105px;
			height: 90px;
		}
			
			#sticky_stamp p, #sticky_stamp img {
				display: none;
			}