/* Background Color and Images */

 body
 {
  background-color:#CCCCCC;
  color:black;
  margin:0;
 }

/* ATTRIBUTES */

/* COMMON ELEMENTS */

 #container
 {
  width:960px;
  margin:0 auto;
  top:0px;
  left:0px;
 }

 #banner_social
 {
  width:970px;
  top:0px;
  margin:1px solid black;
  padding-left:5px;
  padding-top:5px;
  height:25px;
 }

 div.social
 {
  float:left;
  position:relative;
 }

 #banner_social img
 {
  border-style:none;
  margin-left:3px;
 }

 #banner
 {
  width:970px;
  height:180px;
  background-color:white;
  border:1px solid black;
  box-shadow:5px 5px 5px #888;
 }

 #logo
 {
  float:left;
  position:relative;
  height:163px;
  width:168px;
 }

 #social_fb
 {
  float:left;
  position:relative;
  width:75px;
  height:21px;
  margin-left:820px;
 }

#nav {
 position: relative;
 width: 970px;
 margin-bottom:10px;
 clear:both;
 left:0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size:75%;
 background-color:#C0C0C0;
 border:1px solid black;
 box-shadow:5px 5px 5px #888;
}

#sddm
{	margin: 0;
	background-color:#COCOCO;
	padding: 0;
	z-index: 100}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	}

#sddm li a
{	display: block;
	margin: 0 0 0 0;
	padding: 10px 10px;
	width: 170px;
	background: #C0C0C0;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	background: #000}

#sddm div
{
	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #F5F5F5;
	border: 1px solid #06F;
	z-index:100;
	width: 139px;
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #F5F5F5;
		color: #2875DE;
		font: 11px arial}

	#sddm div a:hover
	{	background: #49A3FF;
		color: #FFF}

 #body
 {
  width:960px;
  height:555px;
  background-color:white;
  border:1px solid black;
  padding:5px;
  box-shadow:5px 5px 5px #888;
  font-family: Arial, Helvetica, sans-serif;
 }

 #body_content
 {
  float:left;
  position:relative;
  width:658px;
  height:330px;
  background-color:white;
  border:1px solid black;
 }

 #body_general
 {
  float:left;
  position:relative;
  width:658px;
  height:552px;
  background-color:white;
  border:1px solid black;
 }
 
 #body_text
 {
	float:left;
	position:relative;
	width:648px;
	height:497px;
	padding:5px;
	overflow-y:scroll;
 }
 
 div.subject
 {
	float:left;
	position:relative;
	width:100px;
	height:100px;
	margin:5px 0px 0px 5px;
	border:1px solid black;
	text-align:center;
	vertical-align:middle;
	font:90% Arial, Helvetica, sans-serif;
 }

 p.main
 {
  font:90% "Palatino Linotype",Palatino,Times,serif;
  text-align:justify;
  padding-left:5px;
  padding-right:5px;
  padding-top:5px;
 }

 p.body
 {
  font:90% "Palatino Linotype",Palatino,Times,serif;
  text-align:justify;
  padding-left:5px;
  padding-right:5px;
 }
 
 p.main_quote
 {
	 font:90% Arial, Helvetica, sans-serif;
	 text-align:justify;
	 margin:0px 10px 0px 10px;
 }
 
 p.small_quote
 {
	 font:85% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 text-align:justify;
	 margin:0px 0px 5px 120px;
 }
 
 p.quote_lead
 {
	 font:85% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 text-align:justify;
	 margin:15px 40px 0px 40px;
 }
 
 p.quote_body
 {
 	 font:85% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 text-align:justify;
 margin:0px 40px;
	 text-indent:20px;
 }
 
 p.quote_end
 {
	 font:85% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 text-align:justify;
	 margin:0px 40px 15px 40px;
	 text-indent:20px;
 }
 
 p.quote_single
 {
	 font:85% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 text-align:justify;
	 margin:15px 40px;
 }
 
 p.intro
 {
	 font:90% "Palatino Linotype",Palatino,Times,serif;
	 text-align:justify;
	 margin:0px;
 }
 
 p.text
 {
	 font:90% "Palatino Linotype",Palatino,Times,serif;
	 text-align:justify;
	 text-indent:20px;
	 margin:0px;
 }
 
 p.headline
 {
	 font:90% Arial, Helvetica, sans-serif;
	 text-align:justify;
	 margin:0px;
 }
 
 p.detail
 {
	 font:90% Arial, Helvetica, sans-serif;
	 text-align:justify;
	 text-indent:20px;
	 margin:0px;
 }
 
 p.note
 {
	 font:80% "Palatino Linotype", "Book Antiqua", Palatino, serif;
	 text-align:justify;
	 margin:15px 0px 0px 0px;
 }
 
 p.source
 {
	 font:75% Arial, Helvetica, sans-serif;
	 text-align:right;
	 margin:20px 0px 0px 0px;
 }
 
 ol.text
 {
	 font:90% "Palatino Linotype",Palatino,Times,serif;
	 text-align:justify;
	 margin:0px;
 }

 ul.text
 {
	 font:90% "Palatino Linotype",Palatino,Times,serif;
	 text-align:justify;
	 margin:0px;
 }

 p.subjects {
 	 font-size:90%;
 margin-top:0px;
	 margin-bottom:5px;
 }

 p.indentlist {
 	 font-size:90%;
 margin-top:0px;
	 margin-bottom:5px;
	 margin-left:10px;
 }
 
 p.subtitles {
	 font-size:100%;
	 margin-top:0px;
	 margin-bottom:0px;
 }

 div.body_title
 {
  float:left;
  position:relative;
  width:653px;
  height:30px;
  padding-left:5px;
  padding-bottom:15px;
  background-color: #CCC;
 }

 #connect
 {
  width:960px;
  height:50px;
  border:1px solid black;
  background-color:white;
  margin-top:10px;
  padding:5px;
  box-shadow:5px 5px 5px #888;
 }

 #connect_cta
 {
  float:left;
  position:relative;
  width:720px;
  height:35px;
  font-family: Arial, Helvetica, sans-serif;
  text-align:center;
 }

 #connect_social
 {
  float:right;
  position:relative;
  height:35px;
  padding-top:10px;
 }

 #connect_social div
 {
  float:left;
  position:relative;
  margin-right:2px;
 }

 #connect_social img
 {
  border-style:none;
 }

 #footer
 {
  width:960px;
  background-color:white;
  border:1px solid black;
  margin-top:10px;
  margin-bottom:10px;
  padding:5px;
  box-shadow:5px 5px 5px #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size:50%;
  text-align:center;
 }

 #FBstream
 {
  float:right;
  position:relative;
  width:292px;
  height:552px;
  background-color:white;
  border:1px solid black;
 }
 
 div.books_sidebar
 {
  width:282px;
  height:190px;
  margin:5px;
  padding-bottom:5px;
 }

 div.side_title
 {
  float:left;
  position:relative;
  width:287px;
  height:30px;
  padding-left:5px;
  padding-bottom:15px;
  background-color: #CCC;
  margin-bottom:5px;
 }

 div.book_image
 {
  float:left;
  position:relative;
  height:150px;
  width:100px;
  margin: 10px 0px 5px 28px;
 }

 div.book_image img
 {
  border:none;
 }

 div.book_desc
 {
  float:left;
  position:relative;
  height:140px;
  width:100px;
  margin-left:5px;
  padding:5px;
  border:1px solid black;
 }
 
 img.store
 {
	 border:none;
	 margin:0px 2px 5px 0px;
 }
 
 img.books
 {
	 float:right;
	 padding:5px 0px 0px 5px;
 }

/* BOOKSTORE ELEMENTS */

 #store_mini
 {
  float:left;
  position:relative;
  width:658px;
  height:215px;
  border:1px solid black;
  margin-top:5px;
 }

 #books_recent
 {
  float:left;
  position:relative;
  padding-left:5px;
  padding-top:10px;
  border:none;
 }
 
 #books_recent div
 {
  float:left;
  position:relative;
 }

 #books_recent img
 {
  margin-right:6px;
  border:none;
 }

/* HIERARCHS ELEMENTS */
 div.hierarchs
 {
	float:left;
	position:relative;
	width:200px;
	height:320px;
	padding:5px;
 }

 div.hierarch_photos
 {
  position:relative;
  float:left;
  width:140px;
  height:210px;
  margin:0px 0px 5px 0px;
 }

 div.bio
 {
  position:relative;
  float:left;
  width:200px;
  height:100px;
  margin:0px;
 }
 
 .bio h1
 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:80%;
	 font-weight:bold;
	 margin:0px;
 }

 .bio h2
 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:100%;
	 font-weight:bold;
	 margin:0px 0px 5px 0px;
 }

 .hierarch_photos img
 {
  height:200px;
  border:2px black;
 }
 
 p.bishop_title
 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:70%;
	 margin:0px;
 }
 
  p.bishop_desc
 {
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:70%;
	 text-indent:10px;
	 margin:0px;
 }
 
 
/* HIERARCHS ELEMENTS */

 #photos
 {
  position:relative;
  float:left;
  width:658px;
  height:200px;
  margin-top:10px;
  margin-left:5px;
 }

 #photos img
 {
  height:150px;
 }

 #photos div
 {
  position:relative;
  float:left;
 }

 div.frame
 {
  position:relative;
  float:left;
  text-align:center;
  height:200px;
  width:102px;
  margin-right:20px;
  margin-bottom:40px;
  font-size:65%;
 }

 div.frame img
 {
  width:102px;
  height:150px;
 }
 
 .bishops
{
font-family:Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

.bishops td, .bishops th 
{
font-size:75%;
border:1px solid #000;
padding:3px 7px 2px 7px;
}

.bishops th 
{
font-size:80%;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#039;
color:#fff;
}

.bishops tr.alt td 
{
color:#000000;
background-color:#FFF
}

#myTable
{
}

#myTable.bishops th {
	cursor: pointer;
}

#myTable.bishops tr.even {
	background-color:#FFF;
}