/**************************************************************************
------------------------------ GENERAL ------------------------------------
**************************************************************************/
* {
	margin:0;
	padding:0;
	}
html {
	min-height:100%;
	margin-bottom:1px;
	}
body {
	background:#fefacc url(../_images/bg.gif) repeat-x top;
	position:relative;
	padding:10px 0;
	}
#container {
	width:983px;
	margin:0 auto;
	padding:2px;
	border:1px solid #def5ea;
	background:#fefce0;
	}
p {
	text-align:justify;
	}
img.floatRight {
	padding:4px;
	background:#fff;
	border:1px solid #C7D17D;
	float:right;
	margin:0 0 20px 20px;
}
img.floatLeft {
	padding:4px;
	background:#fff;
	border:1px solid #C7D17D;
	float:left;
	margin:0 20px 20px 0;
}
.clear {
	clear:left;
}
	
/**************************************************************************
-------------------------------- HEADER -----------------------------------
**************************************************************************/
#header {
	height:130px;
	background:#def5ea;
	border-bottom:1px solid #fdfcea;
	text-align:center;
	}
#header h1 {
	width:800px;
	height:130px;
	background:url(../_images/h1_sufism.gif) no-repeat;
	position:relative;
	margin:0 auto;
	}
#header h1 a {
	width:800px;
	height:130px;
	position:relative;
	display:block;
	}
#header h1 span {
	position:absolute;
	width:100px;
	left:-9999em;
	}

/* --
***** Navigation
-------------------------------------------------------------------------*/
#nav ul {
	list-style-type:none;
	margin:0 auto;
	position:relative;
	top:-36px;
	text-align:center;
	width:983px;
	height:36px;
	background:url(../_images/nav.gif) 0 0;
	}
#nav li {
	display:inline;
	}
#nav a {
	display:block;
	float:left;
	height:36px;
	}
#nav a span {
	position:absolute;
	width:100px;
	left:-9999em;
	}
#nav_history {
	width:92px;
	}
#nav_history:hover,
#nav_history.on {
	background:url(../_images/nav.gif) -983px 0;
}
#nav_baba {
	width:116px;
	}
#nav_baba:hover,
#nav_baba.on {
	background:url(../_images/nav.gif) -1075px 0;
}
#nav_teacher {
	width:125px;
	}
#nav_teacher:hover,
#nav_teacher.on {
	background:url(../_images/nav.gif) -1191px 0;
}
#nav_participation {
	width:133px;
	}
#nav_participation:hover,
#nav_participation.on {
	background:url(../_images/nav.gif) -1316px 0;
}
#nav_celebrating {
	width:194px;
	}
#nav_celebrating:hover,
#nav_celebrating.on {
	background:url(../_images/nav.gif) -1449px 0;
}
#nav_schools {
	width:176px;
	}
#nav_schools:hover,
#nav_schools.on {
	background:url(../_images/nav.gif) -1643px 0;
}
#nav_sanctuary {
	width:147px;
	}
#nav_sanctuary:hover,
#nav_sanctuary.on {
	background:url(../_images/nav.gif) -1819px 0;
}

/**************************************************************************
--------------------------------- TITLE -----------------------------------
**************************************************************************/
#title {
	height:60px;
	background:#fdf7b4;
	text-align:center;
	margin:0 0 3px 0;
	}
blockquote {
	margin:0 auto;
	}
blockquote span,
#title h2 span {
	position:absolute;
	width:100px;
	margin-left:-9999em;
	}
#bq_lovesufism {
	width:648px;
	height:60px;
	background:url(../_images/bq_lovesufism.gif);
	}
#title h2 {
	height:60px;
	}
#title h2#h2_home{
	background:url(../_images/h2_home.gif) no-repeat left;
	}
#title h2#h2_history {
	background:url(../_images/h2_history.gif) no-repeat left;
	}
#title h2#h2_avatar {
	background:url(../_images/h2_avatar.gif) no-repeat left;
	}
#title h2#h2_teacher {
	background:url(../_images/h2_teacher.gif) no-repeat left;
	}
#title h2#h2_participation {
	background:url(../_images/h2_participation.gif) no-repeat left;
	}
#title h2#h2_celebrating {
	background:url(../_images/h2_celebrating.gif) no-repeat left;
	}
#title h2#h2_schools {
	background:url(../_images/h2_schools.gif) no-repeat left;
	}
#title h2#h2_duce {
	background:url(../_images/h2_duce.gif) no-repeat left;
	}
#title h2#h2_conner {
	background:url(../_images/h2_conner.gif) no-repeat left;
	}
#title h2#h2_sanctuary {
	background:url(../_images/h2_sanctuary.gif) no-repeat left;
	}
#title h2#h2_visualizing {
	background:url(../_images/h2_visualizing.gif) no-repeat left;
	}
#title h2#h2_sanctuary-neighbors {
	background:url(../_images/h3_viewsneighbor.gif) no-repeat left;
	}
#title h2#h2_sanctuary-landscape {
	background:url(../_images/h3_landscape.gif) no-repeat left;
	}
#title h2#h2_sanctuary-surface {
	background:url(../_images/h3_surface.gif) no-repeat left;
	}
#title h2#h2_sanctuary-boulevard {
	background:url(../_images/h3_viewsblvd.gif) no-repeat left;
	}
#title h2#h2_sanctuary-appropriateness {
	background:url(../_images/h3_appropriateness.gif) no-repeat left;
	}
#title h2#h2_faq-green {
	background:url(../_images/h3_faq-green.gif) no-repeat left;
	}
#title h2#h2_faq-impacts {
	background:url(../_images/h3_faq-impacts.gif) no-repeat left;
	}
#title h2#h2_faq-appearance {
	background:url(../_images/h3_faq-appear.gif) no-repeat left;
	}
#title h2#h2_faq-requirements {
	background:url(../_images/h3_faq-requirements.gif) no-repeat left;
	}
#title h2#h2_faq-size {
	background:url(../_images/h3_faq-height.gif) no-repeat left;
	}
#title h2#h2_faq-sufism {
	background:url(../_images/h3_faq-sufism.gif) no-repeat left;
	}	
#title h2#h2_faq-sca {
	background:url(../_images/h3_faq-sca.gif) no-repeat left;
	}	
#title h2#h2_brochures {
	background:url(../_images/h3_brochures.gif) no-repeat left;
	}	
#title h2#h2_press {
	background:url(../_images/h3_press.gif) no-repeat left;
	}
#title h2#h2_meet {
	background:url(../_images/h3_meet.gif) no-repeat left;
	}
#title h2#h2_thoughts {
	background:url(../_images/h3_thoughts.gif) no-repeat left;
	}
#title h2#h2_sanctuary-treegrowth {
	background:url(../_images/h3_treegrowth.gif) no-repeat left;
	}
#title h2#h2_sanctuary-inside {
	background:url(../_images/h3_inside.gif) no-repeat left;
	}
#title h2#h2_faq {
	background:url(../_images/h2_faq.gif) no-repeat left;
	}

	
/**************************************************************************
-------------------------------- CONTENT ----------------------------------
**************************************************************************/
#content {
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#313131;
	}
#content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
#content.sanctuary {
	background:url(../_images/sancuary-bg.gif) repeat-y right;
}
#content h3 {
	font:normal 24px/1 "Times New Roman", Times, serif;
	color:#759552;
	margin:1.5em 0 .75em 0;
}
#content h3.first {
	margin-top:.5em;
}
#content ul,
#content ol {
	margin:1em 0;
	padding: 0;
}
#content ul li,
#content ol li {
	margin:1em 1em 0em 2em;
	padding: 0;
	text-align:justify;
}
#content #subnav {
	width:207px;
	float:right;
	background:#f4f8cb;
}
#content #subnav ul {
	margin:16px 10px 16px 16px;
}
#content #subnav ul li {
	color:#313131;
	font:normal 16px/1 "Times New Roman", Times, serif;
	margin: 0 0 6px 0;
	list-style-type:none;
	text-align:left;
	}
#content #subnav ul li a {
		display:block;
		padding:0 0 0 14px;
		background:url(../_images/bullet1.gif) no-repeat 0 6px;
}
#content #subnav ul li a:hover,
#content #subnav ul li a.on {
		display:block;
		padding:0 0 0 14px;
		background:url(../_images/bullet1on.gif) no-repeat 0 6px;
		color:#529c79;
}
#content #subnav ul li a.off:hover {
		display:block;
		padding:0 0 0 14px;
		background:url(../_images/bullet1.gif) no-repeat 0 6px;
		cursor:default;
		color:#313131;
}
#content #subnav ul ul {
	margin:14px 0;
}
#content #subnav ul ul li {
	color:#313131;
	font:normal 14px/1 "Times New Roman", Times, serif;
	margin:0 0 6px 14px;
	}
#content #subnav ul ul li a {
		display:block;
		padding:0 0 0 14px;
		background:url(../_images/bullet2.gif) no-repeat 0 6px;
}
#content #subnav ul ul li a:hover,
#content #subnav ul ul li a.on {
		display:block;
		padding:0 0 0 14px;
		background:url(../_images/bullet2on.gif) no-repeat 0 6px;
		color:#529c79;
}
#content #subnav a {
	color:#313131;
	text-decoration:none;
	border:none;
}
#content .float_left {
	float:left;
	margin:0 18px 0 0;
	}
#content .float_right {
	float:right;
	margin:0 0 0 18px;
	}
#content .float_left#rose {
	margin:20px 0px 18px 18px;
	}
#content .float_left#grace {
	margin:18px 18px 0 0;
	}
.float_left cite {
	display:block;
	text-align:center;
	padding:4px 0;
	background:#fdf7b4;
	}
#content .text {
	padding-top:6px;
	}
#tx_avatar {
	margin-left:356px;
	}
#tx_duce {
	margin-left:249px;
	}
#tx_teacher {
	margin-left:295px;
	}
#tx_participation {
	margin-left:420px;
	}
#tx_schools {
	margin-left: 15px;
	}
#tx_history {
	margin-left:24px;
	margin-right:24px;
	}
#tx_celebrating {
	margin-left:321px;
	}
#tx_sanctuary {
	margin-right:208px;
	padding:0 10px 0 20px;
}
.text h3 {
	color:#486557;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	margin-top:6px;
	}
#tx_contact p {
	padding-left:12px;
	}
.text ul {
	margin:6px 18px 18px 24px;
	}
.text ul li.diamond{
	list-style: url(../_images/bullet_diamond_gold.png);
	}
.text ul.n-dash li{
	list-style: url(../_images/bullet_n-dash.png);
	}
.text ul.greenBG{
	list-style: url(../_images/bullet_diamond_green.png);
	margin-bottom: 0;
	padding-bottom: 0;
	}
.text ul.greenBG li{
	margin-bottom: 0;
	padding: 0;
	}
#content .text blockquote {
	margin:0 36px 18px 36px;
	color:#4c3517;
	font-size:14px;
	font-style:italic;
	}
#content .text blockquote cite {
	display:block;
	margin:18px 0 18px 0;
	text-align:right;
	font-size:13px;
	color:#313131;
	}
#content .text p {
	margin:6px 18px 18px 0;
	}
#content a {
	color:#8da930;
	text-decoration:none;
	border-bottom:1px dotted #8da930;
	}
#content a:hover {
	color:#70b192;
	border-bottom:1px solid #70b192;
	}
	#tx_sanctuary a {
	color:#8da930;
	text-decoration:none;
	border-bottom:1px dotted #8da930;
	}
	#tx_sanctuary 	a:hover {
	color:#70b192;
	border-bottom:1px solid #70b192;
	font-family: Arial, Helvetica, sans-serif;
	}
#content a img {
	border-color:#8da930;
	background:#8da930;
}
#content a:hover img {
	border-color:#70b192;
	background:#70b192;
}
#content table.photos img {
	border:2px solid #c7d17d;
}
#content table.photos td {
	vertical-align:top;
	font:normal 12px/1.2 Arial, Helvetica, sans-serif;
	text-align:justify;
}
#content table.photos td.rightimg {
	padding:8px 0px 4px 14px;
}
#content table.photos td.righttxt {
	padding:4px 0px 12px 14px;
}
#content table.photos td.righttxt h3 {
	margin:0;
}
#content table.photos td.leftimg {
	padding:8px 0 4px 0;
}
#content table.photos td.lefttxt {
	padding:4px 8px 12px 0;
}
#content table.photos td.lefttxt h3 {
	margin:0;
}
#content table.photos td.widetext {
	padding:4px 0px 18px 2px;
}
#content table.photos td.centerimg {
	text-align:center;
}
#content table.photos td.centertxt {
	padding:4px 196px 12px 194px;
}
.answer {
	padding: 0;
}
.answer img {
	margin: 0 10px;
}
.question {
	padding:0 0 0 10px;
}
.press a {
	white-space:nowrap;
}
.press .visuals p {
	padding-left:120px;
}
#content .press .visuals img.float_left {
	margin-top:8px;
}
.navigation {
	height:1.2em;
}
.navigation span {
	display:block;
	width:49%;
}
.navigation .previous {
	float:left;
}
.navigation .next {
	float:right;
	text-align:right;
}
.brochures td {
	padding-bottom:20px;
}
.callout {
	margin:30px 0 0 0;
	background:#f4f8cb;
	padding:10px;
	height:136px;
	}
html body #content .callout h3,
html body #content .callout p {
	width:350px;
	margin:10px 10px 15px 10px;
	height:auto;
	text-align:left;
}
html body #content .callout p.last {
	margin-bottom:0;
}
#large-flash {
	background:url(../new_sanctuary/gallery/1.jpg) no-repeat;
}
#small-flash {
	background:url(../new_sanctuary/visualizing/gallery/1.jpg) no-repeat;
}
#home-flash {
	width:200px;
	height:116px;
	float:right;
	margin:10px;
	background:url(../_images/callout/2A-busstop.jpg);
}

/* --
***** Home
-------------------------------------------------------------------------*/
#col_left {
	width:279px;
	float:left;
	}
#col_left img {
	padding:12px 24px;
	background:#fdf7b4;
	}
#content .column h3 {
	height:36px;
	margin-top:2px;
	margin-bottom:0;
	}
.column h3 span {
	position:absolute;
	width:100px;
	margin-left:-9999em;
	}
#col_left h3 {
	background:#fdf7b4 url(../_images/h3_murshida.gif) no-repeat center center;
	}
#col_content {
	margin:0 18px 0 279px;
	padding:6px 18px 18px 18px;
	}
.column p {
	margin:6px 0 18px 0;
	text-align:justify;
	}
.column ul {
	margin:-6px 0 18px 18px;
	}
.column li {
	margin:0 0 4px 0;
	}
/**************************************************************************
-------------------------------- ADDED BY TONY -----------------------------------
**************************************************************************/
#content .listBox {
	width: 675px;
	border: 1px solid #C2DB93;
	margin-left: 20px;
	padding: 0 7px;
	background-color: #F4F8CB;
	}
#content .infoBox {
	width: 680px;
	border: 1px solid #C2DB93;
	padding: 5px 15px 0 30px;
	background-color: #F4F8CB;
	}
#content h4 {
	color: #759552;
	font: 20px "Times New Roman", Times, serif;
	margin:0;
	padding: 8px 0;
	font-weight: normal;
	}
#content table.outline img {
	border:2px solid #c7d17d;
	margin: 0;
	}
#content table td.caption {
	font-size: 13px; font-style: italic; padding: 5px 20px 15px 20px;
}
#content table td.centerimg {
	text-align:center;
}
.clear {
	clear: both;
	font-size: 0; line-height: 0;
	}
	.clearL {
	clear: left;
	font-size: 0; line-height: 0;
	}
	.clearR {
	clear: right;
	font-size: 0; line-height: 0;
	}
.noHeight {
	font-size: 0; line-height: 0;
	}
.left {float: left;}
.right {float: right;}
strong {
	color: #666;
}
#content .text14 {font-size: 14px}
#content .normal {
	font-style: normal;
}
#content .caption {font-size: 11px; font-style: italic; padding: 5px 20px 15px 20px;}
#content table.doubleImage td {
	padding: 0 7px 0 0;
}
#content table.doubleImage td img{
	border:2px solid #c7d17d;
}
#content table.doubleImage td.lastImg {
	padding: 0;
}
.pad4 {
	padding: 4px 0;
	}
.pad8 {
	padding: 8px 0;
	margin:0;
	}
.pad12 {
	padding: 12px 0;
	}
.pad12B {padding-bottom: 12px;}
td.padB5 {padding-bottom: 5px;}
.spacer10 {line-height: 10px; font-size: 10px;}
.spacer20 {line-height: 20px; font-size: 20px;}
.alignleft {text-align: left;}
.justify {
	text-align: justify;
}
.center{text-align: center;}

#content .greenBG span.font16 {
	font-size: 16px;
	font-weight: bold;
	color: #666;
}
.right {text-align: right;}
.italic {font-style: italic;}
.txtsmall {font-size: 12px;}
.red {color: #ad2f22;}
.indent20 {text-indent: 20px;}
.letter {font: 15px/22px "Century Schoolbook", Palatino, "Times New Roman", Times, serif; color:#555; background-color: white; padding:40px 20px 30px 40px; margin-right: 15px; border: 1px solid #BBB}
/**************************************************************************
-------------------------------- FOOTER -----------------------------------
**************************************************************************/
#footer {
	clear:both;
	background:#edf6cf url(../_images/heart_wings.jpg) no-repeat 50% 10px;
	min-height:63px;
	margin-top:3px;
	}
#footer p {
	text-align:center;
	}
#footer a {
	display:block;
	width:117px;
	height:25px;
	margin:0 auto;
	position:relative;
	top:27px;
	background:url(../_images/nav_home.gif) 0 0;
	}
#footer a:hover {
	background:url(../_images/nav_home.gif) -100% 0%;
	}
#footer a span {
	position:absolute;
	width:100px;
	margin-left:-9999em;
	}


/** -- Third Level  -- **/

/* fourth level */