@charset "utf-8";
/* CSS Document */

body {
background-image:url(../images/sufismus_background_line.png);
background-repeat:repeat-x;
margin:0px;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
direction:rtl;
}



#container
{
    width:1300px;
    height:700px;
    margin:auto;
}



#header {
	background-image: url(../images/sufismus_header_english.png);
	background-repeat:no-repeat;
	position:absolute;
	top:60px;
	width:1300px;
	height:380px;
	z-index:1;
}






#content {
	position: relative;
	top:443px;
	left:0px;
	width:1300px;
	z-index:2;
}






#MTOreleated {
	background-color:#FFFFFF;
	position:absolute;
	top:20px;
	width:200px;
	height:170px;
	z-index:3;
}









a:link {color: #FFFFFF; text-decoration:none;  }
a:visited { color: #FFFFFF;  text-decoration:none; }
a:actived  { color:  #FFFFFF;    text-decoration:none; }
a:hover { color: #6666FF; 	text-decoration:none; 	}




.h1 { 	color:#FFFFFF;
	font-family: Impact,Charcoal,sans-serif;
	font-size: 1.9em;
	font-weight: bold;
	background-color:#F33; }
.h2 { font-size:12px; color:#FFFFFF;}
.h3 { font-size:15px; color:#FFFFFF;}
.h4 { font-size:18px; color:#FFFFFF;}
.h5 { font-size:22px; color: #9999FF}
.h6 { font-size:16px; color:#FFCCCC;}
.h7 { font-size:32px; color:#FFFFFF;}
.h8 { font-size:8px; color:#FFFFFF;}
.h9 { font-size:11px; color:#FFFFFF;}
.h10 { font-size:21px; color:#99FF66;}
.h11 {
	color:#4a3a30;
	font-family: Impact,Charcoal,sans-serif;
	font-size: 1.8em;
	font-weight: bold;
}
.h12 {
	font-size:14px;
	color:#4a3a30;
}




































#menu {
	font-family: Impact,Charcoal,sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	text-transform: uppercase;
	position:relative;
	top:-47px;
	left:160px;
}

    #menu ul { list-style: none; margin: 0; padding: 0; width: 180px; float: left; 
    } 

    #menu a, #menu h2
      {
      display: block; border-width: 0px;
      
      margin: 0; font-size:16px; } 

    #menu h2 {
	color: #ffffff;
    font-size: 1.4em;
    font-weight: bold;
    text-transform: uppercase;
	/* background-color: #ffcf9b; */


    } 

    #menu a { color: #fffff ;
	text-decoration: none;   

	font-size:18px;  }

    #menu a:hover {  color: #0CC; background-color:#453830;	font-family: Impact,Charcoal,sans-serif;
	font-size: 1.6em;
	font-weight: normal;}

    #menu li {position: relative; } 

    #menu ul ul { position: absolute; z-index: 500;}

    #menu ul ul ul { position: absolute; top: 0; left: 100%; } 

    div#menu ul ul,
    div#menu ul li:hover ul ul,
    div#menu ul ul li:hover ul ul
      {display: none; } 

    div#menu ul li:hover ul,
    div#menu ul ul li:hover ul,
    div#menu ul ul ul li:hover ul
      {display: block;}