*{margin:0;padding:0;border:0;list-style:none;}

/* auto-clearing styles for CSS2-compliant browsers - for other browsers see browser specific stylesheets */
.fix:after{ content: ".";display: block;height: 0;clear: both;visibility: hidden;}

/* ################## formatting ################## */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:87%;

}


a {text-decoration:none;}
a:link {color:#4786c1; }
a:visited { color:#3d6e9c;}


p a {
	border-bottom:1px dotted #4786c1;
}
p a:hover {
	text-decoration:none;
	border-bottom:1px solid #275077;
}

sup a {
	padding-bottom:1px;
}

.contentBox a {text-decoration:none;}
.contentBox a:link {color:#d0dbe1; }
.contentBox a:visited { color:#c3ccd1;}

.contentBox p a,
.contentBox h6 a{
	border-bottom:1px dotted #a1b7c3;
}
.contentBox p a:hover,
.contentBox h6 a:hover {
	text-decoration:none;
	border-bottom:1px solid #a1b7c3;
}


.nowrap {
	white-space:nowrap
}





img {border:0;}

h1,
h2,
h3,
h4,
h5,
h6,
p {
	margin:0;
	padding:0 0 15px 0;
}
p {
	line-height:150%;

}

h1,
h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	line-height:125%;
	padding-bottom:7px;
	font-weight:normal;
}

h3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:120%;
}

h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:100%;
	text-transform:uppercase;
	font-weight:normal;
}

h5 {
	font-size:100%;
	font-weight:bold;
}

h6 {
	font-size:100%;
	font-weight:normal;
}

div#pageHeadingInner {
	width:565px;
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	z-index:50;

}
	div#pageHeadingInner * {
		margin:0;
		padding:0;
		line-height:normal;
		overflow:hidden;
	}


		div#pageHeadingInner h1 {
			background:transparent url(/images/layout/hdr-the-life-of-bahaullah.png) no-repeat scroll 0 0;
			height:90px;
			margin-left:152px;
			margin-top:23px;
			/*height:60px;
			background:url(/images/layout/inr-hdr-the-life-of-bahaullah.png) no-repeat;
                        margin-left:-80px;*/

		}

		div#pageHeadingInner h2 {
			/*height:27px;
			/*background:url(/images/layout/inr-hdr-a-photographic-narrative.png) no-repeat;*/
                        margin-left:-20px;
                        margin-top:-10px;*/
		}


		div#pageHeadingInner h1 a,
		div#pageHeadingInner h2 a {
			display:block;
			text-indent:-1863px;
			height:100%;
			width:100%;
		}
	h6.imageInformationBullet {
		background:url(/images/layout/contentBoxImageText-h6.png) no-repeat 0 6px;
		background-position: 100% 7px;
		margin-top:1px;
        padding-right:12px;
		line-height:150%;
		font-size:93%;
		text-align: right;
		unicode-bidi:embed;

	}

		/*previous next navigation*/


		ul#imageTools {
			float:left;
		}
		ul#imageControls,
		ul#imageControlsBtm {
			float:right;
			clear:right;
		}

		ul#imageControlsBtm {
			margin-top:-12px;
			position:absolute;
			margin-left: 507px;

		}

		#homepageMapBackground ul#imageControlsBtm {
			/*position:relative;*/


		}








			ul#imageTools li,
			ul#imageControls li,
			ul#imageControlsBtm li  {
				float:left;
			}

				ul#imageTools li a,
				ul#imageControls li a,
				ul#imageControlsBtm li a,
				ul#imageControlsBtm li span {
					display:block;
					height:29px;
					text-indent:-1863px;
					overflow:hidden;
					background:no-repeat 0 0;
				}

			ul#imageControlsBtm li a,
			ul#imageControlsBtm li span {
				height:24px;
			}


				ul#imageTools li a:hover,
				ul#imageControls li a:hover,
				ul#imageControlsBtm li a:hover {
					background-position:0 100%;

				}

				ul#imageTools li#allImages a{
					background-image:url(/images/layout/btn-all-images.png);
					width:119px;
				}


				ul#imageTools li#enlargeImage a{
					background-image:url(/images/layout/btn-enlarge-image.png);
					width:97px;
				}


				ul#imageControls li#imagePrevious a {
					background-image:url(/images/layout/btn-previous.png);
					width:88px;
                                        text-decoration:none;
				}

				ul#imageControls li#imageNext a{
					background-image:url(/images/layout/btn-next.png);
					width:68px;
 				        text-decoration:none;
				}


				ul#imageControlsBtm li#imagePreviousBtm a {
					background-image:url(/images/layout/btn-small-previous.png);
					width:28px;
				}
				ul#imageControlsBtm li#imagePreviousBtm span {
					background-image:url(/images/layout/btn-small-previous-inactive.png);
					width:28px;
				}



				ul#imageControlsBtm li#imageNextBtm a{
					background-image:url(/images/layout/btn-small-next.png);
					width:28px;
				}


/*end previous next navigation*/


		div.imageTitle	{
			background:url(/images/layout/photo-panel-divider.png) repeat-x;
			padding:12px 0;
			margin:0 12px;
			text-align:center;
		}

			div#enlargedImagePopupImage div.imageTitle	{
				background:none;
				direction: rtl;
			}


			div.imageTitle table{
				margin:auto;
				border-collapse:collapse;
			}

				div.imageTitle table td {
					vertical-align:top;
					text-align:center;
				}

			div.imageTitle table img{
				padding:7px 5px 0;
			}

			div.imageTitle table h2 {
				font-size:170%;
				color:#ededed;
			}
















/* ################## shared layout  ################## */


body {
	background:#e7d6b2;
	height:100%;
	background:#e7d6b2 url(/images/layout/background.jpg) repeat-x;
}

div#everythingFrame {
	display: block;
	min-height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index:2;
}
		#mainFrame {
			padding:0 0 150px 0;
			margin:0 auto;
			width:800px;
			position:relative;
			z-index:10;
		}





				#contentColumn {
					width:573px;
					float:left;
					margin-top: 41px;
				}

					.contentBox {
						background:url(/images/layout/mainText-bg-top.png) no-repeat  0 0;
						/*position:relative;*/
						z-index:5;
						/*width:570px;*/

					}

						.contentBoxPadding {
							background:url(/images/layout/mainText-bg-btm.png) no-repeat 0 100%;
							padding:5px;
						}
							.contentBox * {
								color:#fff;

							}
							.contentBox p {
								line-height:150%;

							}
							/*p, h6{
							direction: rtl;

							}*/
							div#imageText_iran{
							direction: rtl;
							}


							.contentBox img,
							.contentBox span {
								position:relative

							}



				.boxlessText {
					padding:130px 40px 0 5px;
				/*	position:relative;
					z-index: 10;*/
					font-size: 110%;
					direction: rtl;
				}





/* ################## site navigation ################## */

ul#timelineNav {
	float:right;
	position:relative;
	width:208px;
	margin:60px 0 0 0;
}

	ul#timelineNav li {
		background:url(/images/layout/timelinetop.png) 41px 0 no-repeat;
		width:198px;
		margin:0 0 2px 0;
		display:block;

	}

		ul#timelineNav li div {
			background:url(/images/layout/timelinebtm.png) 41px 100% no-repeat;
			padding:4px 0;
			direction: rtl;

		}

			ul#timelineNav li div ul {
				width:auto;
				padding:0 4px;
				margin:0;
				background:url(/images/layout/timelinegradient.png) repeat-y  45px 0 ;
				display:block;
				font-size:115%;
			}

			ul#timelineNav li div ul#earlylife,
			ul#timelineNav li div ul#exile,
			ul#timelineNav li div ul#holyland,
			ul#timelineNav li div ul#holyrelics {
				padding-bottom:5px;
			}
			ul#timelineNav li div ul#earlylife {
				background-image:url(/images/layout/timelinegradient-earlylife.png);
			}
			ul#timelineNav li div ul#exile {
				background-image:url(/images/layout/timelinegradient-exile.png);
			}
			ul#timelineNav li div ul#holyland {
				background-image:url(/images/layout/timelinegradient-holyland.png);
			}
			ul#timelineNav li div ul#holyrelics {
				padding-top:5px;
				background-image:url(/images/layout/timelinegradient-holyland.png);
			}



				ul#timelineNav li div ul li {
					background:none;
					padding:0;margin:0;
					display:block;
					height:25px;
					position:relative;
					clear:both;
				}


				ul#timelineNav li div ul li#navShrineBahaullah {
					height:46px;
				}




					/*section titles*/
					ul#timelineNav h4{
						padding:1px 13px 10px 0;
						text-align:right;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:110%;
						color:#413b33;
						letter-spacing:0.03em;
					}


					ul#timelineNav li ul li div {
						background:none;
						padding:0;
						width:190px;

					}


					/*dates*/
					ul#timelineNav h5 {
						display:block;
						float:left;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:110%;
						padding:7px 0 0 0 ;
						text-decoration:none;
						color:#000;
						width:30px;
						letter-spacing:0.03em;
					}

					/*places*/
					ul#timelineNav a {
						display:block;
						width:146px;
						float:right;
						font-family:Georgia, "Times New Roman", Times, serif;
						font-size:132%;
						padding:5px 0;
						text-decoration:none;
						color:#fff;
						letter-spacing:0.03em;
					}

						ul#timelineNav a span {
							display:block;
							padding:0 10px;
							direction: rtl;
							color: #FFF;
						}


					ul#timelineNav li div ul li a:hover {
						background:#60574b ;
						padding:4px 0;
						border:solid #bc6a39;
						border-width:1px 0;
					}



					/*active nav*/
					ul#timelineNav li div ul li div.navActive {
						background:no-repeat url(/images/layout/nav-active-single.png)  0 0;
						width:218px;
						height:32px;
						position:absolute;
						z-index:7;
						top:-3px;
						left:-7px;
						margin:0;
						padding:0;
					}


						ul#timelineNav li div ul li div.navActive a {
							width:152px;
						}










					ul#timelineNav li div ul#earlylife li div.navActive,
					ul#timelineNav li div ul#exile li div.navActive,
					ul#timelineNav li div ul#holyland li div.navActive {
						background-image:url(/images/layout/nav-active.png);
					}

					ul#timelineNav li div ul#holyland li#navShrineBahaullah div.navActive {
						background-image:url(/images/layout/nav-active-2line.png);
						height:47px;
					}

						/*active date*/
						ul#timelineNav li div ul li div.navActive h5 {
							color:#fff;
							text-indent:8px;
							width: 52px;
						}
						ul#timelineNav li div ul li div.navActive a {
							padding-right: 5px;
						}

						ul#timelineNav li div ul li div.navActive a:hover {
							background:none;
							border:none;
							padding-top:5px;
							/*padding-left:22px;*/
						}




				/*secondary nav*/


				ul#timelineNav li div ul#imageCategories {
					background-image:url(/images/layout/timelinegradient-holyland.png);
					padding-bottom:10px;
				}


					ul#timelineNav li div ul#imageCategories li.basicNavItem a {
						color:#35322e;
					}

				ul#timelineNav li div ul#imageCategories li {
					height:31px;

				}

				ul#timelineNav li div ul#imageCategories li.basicNavItem,
				ul#timelineNav li div ul#otherLinks li.basicNavItem {
					height:auto;
				}


				ul#timelineNav li div ul#imageCategories li.basicNavItem a,
				ul#timelineNav li div ul#otherLinks li.basicNavItem a {
					margin:1px 0;
					height:auto;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size:100%;
					border:0;
					padding:5px 0;
					/*float:left;*/
				}



				ul#timelineNav li div ul#otherLinks {
					padding-top:5px;
					padding-bottom:5px;
				}

					ul#timelineNav li div ul#otherLinks li a span {
						background:transparent url(/images/layout/nav-bullet.png) no-repeat scroll 132px 8px;
						display:block;
						padding:0 23px 0 19px;

					}





					ul#timelineNav li div ul#imageCategories li.basicNavItem a:hover,
					ul#timelineNav li div ul#imageCategories li a.navActive{background:url(/images/layout/nav-hover-images.png) repeat-y;}

					ul#timelineNav li div ul#otherLinks li a:hover,
					ul#timelineNav li div ul#otherLinks li a.navActive {background:url(/images/layout/nav-hover.png) repeat-y;}






/* ################## other sites flyout menu ################## */
div.mastNavOtherSites {
	position:absolute;
	top:0;
	right:14px;
	width:140px;
	z-index:900;


}

	.mastNavOtherSites #otherSitesAnimation {
		position:absolute;
		right:-10px;
	}

	div.mastNavOtherSites a:link,
	div.mastNavOtherSites a:visited {
		display:block;
		background:#25181f url(/images/layout/other-sites-arrow.png) no-repeat 122px 50%;
		padding:0 10px;
		height:29px;
		line-height:29px;
		color:#fff;

	}
	div.mastNavOtherSites a:hover,
	div.mastNavOtherSites a.mastNavOtherSitesLinkHover {
		background-color:#817565;
	}

	#otherSitesDropdown {
		width:276px;
		position:absolute;
		right:-10px;
		background:#fffdf9 url(/images/layout/othersites-watermark.png) no-repeat 100% 100% ;
		line-height:160%;
		display:none;
	}
	div div.showSites {
		display:block;

	}
		div div#otherSitesDropdown div {
			background:url(/images/layout/mastNav-sites-dd-arrow.png) no-repeat 296px 0;
			border:2px solid #b1bac3;
			padding:20px 0 25px 20px ;
		}

			div div#otherSitesDropdown dl {
				float:fight;
				width:100%;
				height:auto;
				margin:0;
				padding:0;
				border:0;
				line-height:130%;
				direction: rtl;

			}
			div div#otherSitesDropdown dl.otherSitesDropdownMinorLinks {
				border-top:1px solid #c4cbd0;
				padding-top:10px;
				margin-top:5px;
			}
				div div#otherSitesDropdown div dl dt {
					padding:0;
					margin:0;
					font-weight:bold;
					line-height:normal
				}
					div div#otherSitesDropdown div dl dt.otherSitesDropdownCategory {
						font-family:Verdana, Arial, Helvetica, sans-serif;
						font-size:120%;
						padding:0 0 3px 0;
					}
				div div#otherSitesDropdown div dl dd {
					padding:0 20px 14px 0;
					margin:0;
				}

					div.mastNavOtherSites div#otherSitesDropdown a:link,
					div.mastNavOtherSites div#otherSitesDropdown a:visited {
						font-weight:bold;
						color:#4786c1;
						padding:0;
						margin:0;
						background:none;
						display:inline;
						line-height:normal;
						height:auto;

					}


				div div#otherSitesDropdown dl.otherSitesDropdownMinorLinks dt  a:link,
				div div#otherSitesDropdown dl.otherSitesDropdownMinorLinks dt  a:visited {
					font-weight:normal;
					line-height:150%;
				}
					div.mastNavOtherSites div#otherSitesDropdown a:visited { color:#3d6e9c;}

					div.mastNavOtherSites div#otherSitesDropdown a:hover {
						color:#275077;
						text-decoration:underline;
					}



/* ################## footer ################## */
#footerFrame {
	color:#fff;
	background: url(/images/layout/footer-bg.png) repeat-x  0 100%;
	position: absolute;
	left: 0px;
	bottom:-1px;
	width: 100%;
	display: block;
	height: 109px;
	z-index: 10;
	padding: 0;
	margin: 0;
}

	#footerFrame #footer {
		margin:auto;
		width:787px;
		padding:38px 0 0 0;
	}

	#footerFrame #footer #footerLinks {
		width:577px;
		float:left;
		padding:18px 0 0 0;
		line-height:15px;
	}

		#footerFrame #footer #footerLinks img {
			vertical-align:text-bottom;
		}

		#footerFrame #footer a {
			color:#fff;
		}

	a#btnBahaiorg {
		background:transparent url(/images/layout/footer-btn-bahaiorg.png) no-repeat scroll 0 0;
		display:block;
		float:right;
		height:30px;
		margin-right:50px;
		margin-top:22px;
		overflow:hidden;
		text-decoration:none;
		text-indent:-1863px;
		width:119px;
	}

		a#btnBahaiorg:hover {
			/*background-position: 0 100%;*/
		}



/*image popup*/
	div#enlargedImagePopupMask {
		position:absolute;
		background:#000;
		width:100%;
		z-index:555;
		opacity:0.7;/* for ie opacity see iestyles.css*/
		display:none;
	}

	div#enlargedImagePopup {
		position:absolute;
		background:#4d433f;
		width:100%;
		top:45px;
		padding:0 0 0 0;
		z-index:555;
		border:solid #70abe8;
		border-width:1px 0;
		text-align:center;
		opacity:0;/* for ie opacity see iestyles.css*/
		display:none;
	}

		div#enlargedImagePopupImage {
			padding:15px 0 0 0;
		}

		div#enlargedImagePopupImage h6 {
			color:#fff;
			padding:0 0 7px 0;
			width:450px;
			margin:0 auto;
			line-height:150%;
		}

		div#enlargedImagePopupImage h6 span {
			color:#bdbdbd;
			font-size:90%;
			display:block;
		}

			div#enlargedImagePopupImage img {
				border:1px solid #837c79;
				padding:4px;
			}

			div#enlargedImagePopupImage table img {
				border:0;
				margin:2px 0 0 0;
			}
h6.imageInformationBullet p{
direction:rtl;
}
.contentBoxImageText
{
 font-size:17px;
}
.imageTitle
{
 direction:rtl;
}

div.imageTitle  table  tr td h1{
direction:rtl;
}