/*
 *********************************************
 *             Layout.css                    *
 * 											 *
 *		  IE6 Fixes: see ie6-Layout.css      *
 *		  IE7 Fixes: see ie7-Layout.css      *
 * 											 *
 *********************************************
 */

/* Base Grid
-------------------------------------------------------------- */
	
#page {
	background: #e7e4dd url(images/page-bk_fade.jpg) 0 0 no-repeat;
	margin: 0 auto;
	padding: 0 ; 
	width: 880px;
	overflow: hidden;
}

#white {
	background: #fff 
	margin: 0 auto;
	padding: 0 ; 
	width: 650px;
	overflow: hidden;
}

#left
{
	
	float: left;
	width: 172px; 
}

#main
{
	float: right;
	width: 688px; 
}

#main #hd {padding-bottom:10px;}

#ft {
	
	clear: both;
	width: 650px;
}

/* Navigation
-------------------------------------------------------------- */
.side-nav {
		font-size: 108%;
		margin-top: 0;
		margin-left: 1em;
}

.side-nav li {
	
		list-style: none;
		margin: 0 0 .2em;
		width: 159px;
}

.side-nav li a {
		color: #16606a;
		display: block;
		padding: .5em;
}

.side-nav li.current a,
.side-nav li a:hover {
	background: #76b4bc;
	color: #fff;
	text-decoration: none;
}

.side-nav li ul {
	margin-top: .2em;
	margin-bottom: .2em;
	
}

.side-nav li.current ul li a,
.side-nav li ul li a:hover {
	background: none;
	color: #16606a;
	text-decoration: none;
	
}

.side-nav li.current ul li.current a,
.side-nav li ul li a:hover {
	background: #aac8c6;
	text-decoration: none;
	
}

.side-nav .last {
	margin: 1em 0;	
}

.side-nav .library a {
		background: #d89913!important;
		color: #fff;
}

.side-nav .teachings a {
		background: #4296A3!important;
		color: #fff;
}

/* Class of yellow is on the body tag */

.yellow .side-nav li.current a,
.yellow .side-nav li a:hover {
	background: #f1b73c;
}



/* left
-------------------------------------------------------------- */
#left {
	font-family: Arial, Helvetica, sans-serif;	
}

#flower {
	background: transparent url(images/flower.png) no-repeat;
	margin: 0 0 20px;
	padding-top: 176px;
	width: 186px;
}

.pagetitle {
	background: #4296a3;
	border: 1px solid #4296a3;
	color: #fff;
	font-size: 108%;
	margin: 0 0 1em;
	padding: .5em .3em .5em .5em;
	display: block;
	width: 78px;
}

.yellow .pagetitle {
	background: #d89913;
	border: 1px solid #d89913;
	color: #fff;
}

.logo {
	margin: 0;
	padding: 91px 0 0;
}

.logo a {
	border: none;
	display: block;
	outline: none;
	margin: 0;
	padding: 0;
}

.logo a img {
	margin: 0;
	padding: 0;
}


/* Main
-------------------------------------------------------------- */

.content {width: 650px; margin: 1em 0; overflow: hidden;}
.content .hd {background: transparent url(images/box-top.png) bottom no-repeat; height: 6px; width: 650px;}
.content .bd {background: transparent url(images/box-mid.png) repeat-y; padding: 1px 2.1em .8em; overflow: hidden;}
.content .ft {background: transparent url(images/box-btm.png) no-repeat; height: 6px; width: 650px;}
.content .bd h2 {background: #f7f3ef; font-size: 131%; font-weight: normal; padding: .7em;}
.content .bd p {font-size: 100%; text-align: justify;}
.content blockquote {color: #4296a4; font-size: 131.5%; font-weight: normal; line-height: 1.5; text-align: center;}
.content blockname {color: #4296a4; font-size: 60%; font-weight: normal; line-height: 1.5; text-align: center;}

#latest {margin-top: .5em; overflow: hidden;}
#latest .content .hd {background: transparent url(images/latest-top.png) no-repeat; height: 24px; margin-top: 12px; padding: 0.5em 0 0 0.7em;}
#latest .content .hd h3 {color: #135e68; font-size: 123.1%; margin: 0;}
#latest .content .bd {padding:1em 2em; overflow: hidden;}
#latest .content .bd ul {margin: 0; padding: 0; font-family: Georgia, Times New Roman, Times, serif; overflow: hidden;}
#latest .content .bd ul li { list-style: none; font-size: 85%; font-family: Georgia, Times New Roman, Times, serif; margin-bottom: .5em;}
#latest .content .bd ul li a {color: #135e68; text-decoration: underline;}

.praying-man {float: left; margin: 0 2em 2em 0;}

/* Footer
-------------------------------------------------------------- */
/*border-top: 1px solid #d1ccc1;*/

.ft-nav {
	margin: 0 auto 1em;
	padding: 1em 0;
	overflow: hidden;
	width: 650px;
	
}

.ft-nav li {
	float: left;
	font-size: 75%;
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin: 0 .85em 0;
	
}

.ft-nav li.last {
	margin: 0;	
}

.ft-nav li a {
	color: #666666;
	text-decoration: underline;
}	


/* Splash
-------------------------------------------------------------- */

#splash #page {
	background: #fff url(images/splash/splash-bk.jpg) top center no-repeat;
	min-height: 716px;
	_height: 716px;
	width: 880px;
}

 .sp-col1 {
	 float: left; 
	 width: 300px; 
	 padding: 60px 0 0 130px; 
	 text-align: center;
 }
 
 .sp-col2 {
	 float: left; 
	 width: 220px; 
	 padding: 94px 0 0 0; 
	 text-align: center;
 }
 
 .sp-col3 {
	 float: right; 
	 width: 300px; 
	 padding: 60px 130px 0 0; 
	 text-align: center;
 }
 
 /* Store
-------------------------------------------------------------- */
 
  .store-col1 {
	 float: left; 
	 width: 201px; 
	 padding: 0px 0 0 0; 
	 text-align: left;
 }
 
 .store-col2 {
	 float: left; 
	 width: 201px; 
	 padding: 0px 0 0 0; 
	 text-align: left;
 }
 
 .store-col3 {
	 float: left; 
	 width: 196px; 
	 padding: 0px 0 0 0; 
	 text-align: left;
 }
 
 
  /* Library Audio
-------------------------------------------------------------- */
 
  .lib-col1 {
	 float: left; 
	 width: 60px; 
	 height: 66px;
	 padding: 0px 0 0 0; 
	 text-align: left;
 }
 
 .lib-col2 {
	 float: left; 
	 width: 335px;
	 height: 26px;
	 padding: 8px 0 0 0; 
	 text-align: left;
 }
 
 .lib-col3 {
	 float: left; 
	 width: 200px;
	 height: 66px;
	 padding: 0px 0 0 0; 
	 text-align: right;
 }
 
 
   /* Library PDFs
-------------------------------------------------------------- */
 
.side-a {
	float: left;
	width: 80px;
	 text-align: left;
}

.side-b { 
	margin: 0;
	float: left;
	padding: 8px 20px 0 0; 
	width: 500;
	 text-align: left;
}


.side-bb { 
	margin: 0;
	float: left; 
    line-height: 5;
	width: 500;
	text-align: left;
}

.side-c { 
	margin: 0;
	float: right;
	padding: 0px 0 0 0px; 
	width: 20;
	text-align: right;
	
}
 
 
 /* Teachings
-------------------------------------------------------------- */

#teachings .ft-nav {
	
	margin-top: 55px;
	
	
}

.textright {
	padding-left: 188px;	
}

.textright_pdfs {
	padding-left: 105px;	
}

.textleft {
	padding-left: 0px;	
}

/* Library
-------------------------------------------------------------- */

#gallery-wrap {
	margin-top: .5em;
	position: relative; 
	background: #f7f3ef;
}

#prev-button {
	position: absolute; 
	cursor: pointer; 
	top: 249px; 
	left: 15.5px;	
}

#next-button {
	position: absolute; 
	cursor: pointer; 
	top: 249px; 
	right: 15.5px;	
}

#zoom {
	position: absolute; 
	top: 14px; 
	right: 14px;	
}