/*
    Spiritual Truth web site CSS
    CSS Positioning version
    by Ahmed M.Kamal Elhamahmy
	Email: ahmedelhamahmy@yahoo.com
	Tel: +20 (0) 10 44 83 6 82
    Developed for David Cole
	http://www.spiritual-truth.co.uk
*/


/* ===== global styles ===== */

body  {
    font-family: Georgia, serif;    /* default page font */
    background: #bbb url(../images/page_background.jpg);/* the color of the back ground and the image as a background*/
    margin: 0;          /* shorthand for all margins = 0 */
    padding: 0;         /* no padding */
}

p, h1, h2, h3, h4, h5, h6, li {
    margin: .9ex .9em; /* Some margins between the objects */
}

/* outerDiv wraps around the rest of the page */
div#outerDiv {
    width: 770px;       /* sets the content width */
    margin: 0 auto;     /* no top/bottom margin, centered horizontally */
    background-color:#66cc99/* white content background, header image */
}
#mainLink{
	font-family: Arial,Georgia, serif; /*Main font for the main Links*/
    font-size: 1em;
	text-align:center;
    line-height: 1.4em;
    color: #fff;
    margin: 1ex 0 1ex 0;
}
/*--The Header in the meddle of each page*/
#mainContent p.mainHeader{
	font-family: Arial,Georgia, serif;
    font-size: 1em;
	/*text-align:center;*/
    line-height: 1.4em;
    color: #000;
    margin: 5px 0px 5px 100px;
}
#mainContent p.subHeader{
	font-family: Arial,Georgia, serif;
    font-size: 1em;
	/*text-align:center;*/
    line-height: 1.4em;
    color: #000;
    margin: 5px 0px 5px 200px;
}
/*--The Header in the left of each page*/
#mainContent p.lftHeader{
	font-family: Arial,Georgia, serif;
    font-size: 1em;
	line-height: 1.4em;
    color: #000;
    margin: 5px 0px 5px 0px;
}
/*-- The Red Sub header--*/

#mainContent p.lftHeaderRed{
	font-family: Arial,Georgia, serif;
    font-size: 1em;
	line-height: 1.4em;
    color: #ff0000;
    margin: 5px 0px 5px 0px;
}
/*-- This part to control the Testimonials --*/
#mainContent .letters{
	border-width: 1px 1px 1px 1px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: #663300;
	border-collapse: separate;
	background-color: #ffffcc;
}

#mainContent .letters p{
	font-family: Georgia, serif;
    font-size: .85em;
	line-height: 1.4em;
	text-align:justify;
    color: #660000;
    margin: 5px 0px 5px 0px;
}
#content .bird{
margin: 5px 0px 5px 35%;
}
/* Styling the Tables*/
#content table{
width: 650px;
}
/*Styling the Tabels*/
/**/
#content table.Tbl{
	margin: 5px 0px 5px 70px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 1.5px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: #000000;
}
#content table.Tbl th{

	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: #ffcccc;
	font-family: Arial,Georgia, serif;
	font-size: .8em;
	color: black;
	-moz-border-radius: 0px 0px 0px 0px;
}
#content table.Tbl td{
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: #ffffcc;
	font-family: Arial,Georgia, serif;
	font-size: .7em;
	color: black;
	-moz-border-radius: 0px 0px 0px 0px;
}

/* Styling the Tables in the main content*/
#mainContent table{
width: 540px;
}
/*Styling the Tabels*/
/**/
#mainContent table.Tbl{
	
	border-width: 0px 0px 0px 0px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: separate;
	background-color: #000000;
}
#mainContent table.Tbl th{

	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: #ffcccc;
	font-family: Arial,Georgia, serif;
	font-size: .8em;
	color: black;
	-moz-border-radius: 0px 0px 0px 0px;
}
#mainContent table.Tbl td{
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: black black black black;
	background-color: #ffffcc;
	font-family: Arial,Georgia, serif;
	font-size: .7em;
	color: black;
	-moz-border-radius: 0px 0px 0px 0px;
}
/* Al-Rishteeen */
#rishLeft{
	float: left;
    margin: 0px 0px 0 px 0 px;
	padding: 0px 0px 0 0px;
}

#rishRight{
	float: right;
    margin: 0px 0px 0 px 0 px;
	padding: 0px 0px 0 0px;
}
/*img id for the images in the meddle of the page*/
.GazaMid{
	margin: 5px 0px 5px 126px;
	padding: 0px 0px 0 0px;
}
/*vertical line- */

#vLine{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0 0px;
}

div#header {
    height: 110px;      /* set size equal to banner image*/ 
    position: relative;
} 

/*The Content Div */
div#content {
    background-color: #fff;
    padding: 5px;
}

/* ====- main content ===== */

#content div#mainContent {
    float: right;
    width: 550px;
    margin: 0px 0px 0 px 0 px;
    padding: 0px 0px 0 0px;
}

#mainContent p {
    font-family: Arial,Georgia, serif;
    font-size: 0.8em;
    line-height: 1.4em;
	text-align:left;
	color: #000035;
    margin: 1ex 0;
	padding: 0.1em 0.1em 0.1em 0.1em;
}

#mainContent p.firstP:first-letter{
	font-size:xx-large;
	font-weight:bolder;
}
#mainContent p.quot{
	font-family: century schoolbook,Georgia, serif;
	font-style:italic;
	font-size:normal;
	font-weight:bolder;
	background-color: #ffffcc;
	
}
#mainContent p.SmallHdr {
	font-family: Arial,Georgia, serif;
    font-size: small;
	text-align:Left;
	line-height: 1.4em;
    color: #141;
    margin: 1ex 0 1ex 0;
}
/* controling the paragraphs under the list itmes of the Unorderd list of the paragraphs in the main content*/
#mainContent p ul li p{
	font-family: Arial,Georgia, serif;
    font-size: small;
	text-align:Left;
    line-height: 1.4em;
    color: #141;
    margin: 1ex 0 1ex 0;
}
/* Carol photo to the left*/
#CarolLeft{
	float: left;
    margin: 0px 0px 0 px 0 px;
	padding: 0px 0px 0 0px;
}
#DavidRight{
	float: right;
    margin: 0px 0px 0 px 0 px;
	padding: 0px 0px 0 0px;
}
#DavidStandRight{
	float: right;
    margin: 0px 0px 0 px 0 px;
	padding: 1px 1px 1 1px;

}

/* 
	The Middle Paragraph
*/
#mainContent #meddleP {
	font-family: Arial,Georgia, serif;
    font-size: small;
	text-align:center;
    line-height: 1.4em;
    color: #D5009F;
    margin: 1ex 0 1ex 0;
}

#mainContent h1, #mainContent h2, #mainContent h3, #mainContent h4 ,#mainContent h5,#mainContent h6{
    font-family: Arial,Georgia, sans-serif;
}

#mainContent h1 {
    font-size: 1.6em;
    font-weight: bold;
    color: #000035;
    margin: 0 0 .4ex 0;
}

#mainContent h2 {
    font-size: 1.2em;
    color: #000035;
    margin: .4ex 0;
}

#mainContent h4 {
    font-size: 1.1em;
    font-weight: bold;
    color: #000035;
    margin: 1ex 0 -.2ex 0;
}


#mainContent ul {
    font-family: Georgia,Arial,serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
}
#mainContent ul.UsefulLinks {
    font-family: Georgia,Arial,serif;
    font-size: 0.9em;
    margin: 0 0 1.4ex 0;
	padding: 0em 0em 1em 0em;
}
/*-- Gap between the list items--*/
#mainContent ul.UsefulLinks li {
   	padding: 0em 3em 1em 0em;
}


div#youtubeVid {
    margin: 2ex 0 2ex 1em;
}

#mainContent #finalP {
	font-family: Georgia, serif;
    font-size: small;
	text-align:left;
    line-height: 1.4em;
    color: #D5009F;
    margin: 1ex 0 1ex 0;
}
#mainContent a {
	font-family: Georgia, serif;
    font-size: small;
	text-align:left;
    line-height: 1.4em;
    color: #D5009F;
    margin: 1ex 0 1ex 0;
}
#mainContent a:link, #mainContent a:visited {
	color: #002B55;
}
	
#mainContent a:hover {
	color: #000080;
	text-decoration: underline; color: red;
}

/*- Menu --------------------------- */
	
#menu {
	width: 200px;
	margin: 0px;
	padding: 0px;
}
	
#menu li a{
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #002B55;
	display: block;
	/*background:  url(../images/menu7.gif);
	padding: 8px 0 0 30px;*/
	}
	
#menu li a:hover {
	color: #000080;
	text-decoration: underline; color: red;
	/*background:  (../images/menu7.gif) 0 -32px;
	padding: 8px 0 0 30px;*/
	}
	
	
/* ===== sidebar ===== */

#content div#sideBar {
    float: left;
    width: 180px;
    padding: 0 0 0 0px;
    margin: 0ex 0ex 0ex 0ex;
}

#sideBar p {
    font-family: "Trebuchet MS",Arial, sans-serif;
    font-size: 0.8em;
    line-height: 1.2em;
    color: #660000;
    margin: 0 0 1ex 0;
}

#sideBar p.center {
    font-family: "Trebuchet MS",Arial, sans-serif;
    text-align:center;
	font-size: 0.9em;
	font-weight:bolder;
    line-height: 1.4em;
    color: #660000;
    margin: 0 0 2ex 0;
}

#sideBar p.whosayit {
    font-family: "Trebuchet MS",Arial, sans-serif;
    font-size: 0.8em;
    font-weight:bold;
	line-height: 1.2em;
    color: #0000ff;
    margin: 0 0 1ex 0;
}
#sideBar p.blueclm{
    font-family: "Trebuchet MS",Arial, sans-serif;
    font-size: 0.8em;
    font-weight:bold;
	line-height: 1.2em;
    color: #0033cc;
    margin: 0 0 1ex 0;
}

#sideBar h3 {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #006600;/*001B35;*/
    text-align: left;
    margin: 1ex 0 .5ex 0;
}

#sideBar img {
    margin: 0px 0px 0px 0px;
}

#sideBar img.photo {
    padding: 1px;
    border: 1px solid #999;
}
#sideBar div#seminaricon {   margin-left: 40px;}#sideBar img.morep {
    padding: 0px 0px 0px 0px;
    border: 0px;
}

#sideBar ol {
    margin: 0em 0 0em 0 ;
}

#sideBar li {
    font-family: "Trebuchet MS",Arial, sans-serif;
    font-size: 0.8em;
    color: #002B55;
    margin: 0em 0em 0em 0em;
}

/* ===== footer ===== */

div#footer {
    clear: both;
	width:760px;
    background: #66cc99;
    margin: 0 auto;
    padding: 5px;
}

#footer p {
    font-family: "Trebuchet MS",Arial, sans-serif;
    font-size: .75em;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

#footer a {
    color: #cc9933;
    text-decoration: none;
}
/* ===== miscellaneous styles ===== */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	border: 1px solid #000;
	margin-left: 1px;
	padding: 1px 1px 1px 1px;
	/*clear: both;*/
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	border: 1px solid #000;
	margin-right: 1px;
	padding: 1px 1px 1px 1px;
	/*clear: both;*/
}
.clear { clear: both }