@charset "utf-8";
/* CSS Document */

.left_image {
	float: left;
	margin: 0 10px 10px 0;
}
.right_image {
	float: right;
	margin: 0 0 10px 10px;
}
.clear { clear: both; }


#top_nav {
	width: 100%;
	height: 50px;
	background: #000;
	text-align: left;
	position: fixed;
	z-index: 101;
	background: #000;
}
	#top_nav h2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 301px;
		height: 50px;
	}
		#top_nav h2 a {
			display: block;
			width: 301px;
			height: 50px;
			text-indent: -9999px;
			background: url(images/top_nav_01.gif) no-repeat;
		}
		
	#top_nav #creed_nav {
		position: absolute;
		top: 0;
		left: 301px;
	}
		#top_nav #creed_nav li {
			list-style: none;
			float: left; 
			position: absolute;
		}
		#top_nav #creed_nav li.wmcf { top: 0; left: 0px; }
		#top_nav #creed_nav li.nicene_creed { top: 0; left: 187px; }
		#top_nav #creed_nav li.chalcedonian_formula { top: 0; left: 330px; }
		#top_nav #creed_nav li.athanasian_creed { top: 0; left: 512px; }
		
			#top_nav #creed_nav li a {
				display: block;
				height: 50px;
				text-indent: -9999px;
			}
				#top_nav #creed_nav li.wmcf a { background: url(images/top_nav_02.gif) no-repeat; width: 187px; }
				#top_nav #creed_nav li.wmcf a:hover { background: url(images/top_nav_02.gif) no-repeat 0 -50px; }
				
				#top_nav #creed_nav li.nicene_creed a { background: url(images/top_nav_03.gif) no-repeat; width: 143px; }
				#top_nav #creed_nav li.nicene_creed a:hover { background: url(images/top_nav_03.gif) no-repeat 0 -50px; }
				
				#top_nav #creed_nav li.chalcedonian_formula a { background: url(images/top_nav_04.gif) no-repeat; width: 182px; }
				#top_nav #creed_nav li.chalcedonian_formula a:hover { background: url(images/top_nav_04.gif) no-repeat 0 -50px; }
				
				#top_nav #creed_nav li.athanasian_creed a { background: url(images/top_nav_05.gif) no-repeat; width: 123px; }
				#top_nav #creed_nav li.athanasian_creed a:hover { background: url(images/top_nav_05.gif) no-repeat 0 -50px; }
	
	#top_nav #info_nav {
		position: relative;
		float: right;
		width: 225px;
		margin-top: 50px;
	}
		#top_nav #info_nav li {
			margin-left: 5px;
			padding-left: 5px;
			font-size: 12px;
			list-style: none;
			text-align: right;
			padding-right: 15px;
			line-height: 24px;
		}
		#top_nav #info_nav a {
			text-decoration: underline;
			color: #fff;
			font-size: 12px;
		}
		#top_nav #info_nav a:hover {
			text-decoration: none;
		}


	
/* tool tip styles */

#dhtmltooltip{
	position: absolute;
	left: -300px;
	width: 500px;
	padding: 10px;
	background: #fff url(images/tooltip_back.jpg);
	visibility: hidden;
	z-index: 100;
	text-align: left;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#dhtmlpointer{
	position:absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

/* pop up box styles */

#facebox h1.confession_project {
	text-indent: -9999px;
	background: url(images/titles/the_confession_project.gif) no-repeat;
	width: 290px;
	height: 82px;
}

#facebox h1.resources {
	text-indent: -9999px;
	background: url(images/titles/resources.gif) no-repeat;
	width: 290px;
	height: 82px;
}

#facebox h1.nicene_resources {
	text-indent: -9999px;
	background: url(images/titles/nicene_resources.gif) no-repeat;
	width: 290px;
	height: 82px;
}
#facebox h1.chalcedonian_resources {
	text-indent: -9999px;
	background: url(images/titles/chalcedonian_resources.gif) no-repeat;
	width: 290px;
	height: 82px;
}
#facebox h1.athanasian_resources {
	text-indent: -9999px;
	background: url(images/titles/athanasian_resources.gif) no-repeat;
	width: 290px;
	height: 82px;
}

#facebox li {
	list-style: none;
	margin-bottom: 10px;
}