@charset "windows-1251";
/* CSS Document */

* {margin:0 auto;
   padding:0;}
   
body {
behavior:url("csshover.htc");
}

body {          margin:0 auto;
                padding:0 auto;
				height:auto;
				background-image:url(../i/background.jpg);
				background-attachment:fixed;
				background-position:top;
				background-repeat:repeat;}
				
#beforeheader {position:absolute; top:0; height:35px; width:100%; background-color:#FFF;}

#body {margin-top:40px; margin-bottom:40px;}
#header {margin:0 auto;
         padding-top:15px;
	     height:190px;
         width:805px;
		}

#header img.ghazala {display:block;
                     position:relative;
                       float:right; z-index:1}
					   
#header img.logo { position:relative;
	               display:block; 
                   float:left; 
				   margin-left:27px; 
				   margin-top:5px;
				   z-index:2}
				   
#whitebg {position:relative;
	       height:140px;
		   width:805px; 
		   background-color:#FFF;
		  box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */
			z-index:2;
			}
			
			
#content { width:805px;
           height:930px;
		   margin-top:12px;
		   background-color:#000;
		  background-image: url(../i/bookbg6.jpg);
		   background-repeat:repeat;
		   background-position:top;
		   box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */
			z-index:1;
			position:relative;}
			
#leftside {width:450px;
           height:740px;
           display:block;
           float:right;
		   position:relative; 
		   z-index:-100;
		   margin-top:50px;
		   border-left:1px dashed #FFC;}

#rules {display:block; float:left; padding-left:30px; width:310px; color:#FFF; padding-right:10px; font-family:"Times New Roman", Times, serif; font-size:18px; margin-top:30px; padding-top:10px;}
#rules ul {color:#FFC; font-family: "Times New Roman", Times, serif;
			   margin-bottom:15px; }
#rules ul li {list-style:disc; list-style-position:inside; line-height:20px; padding:5px 0px;}
#rules h3 {color:#FC6; text-align:center; font-style:italic;}

#managment {display:block; float:left; width:805px; margin-top:20px; margin-bottom:10px;}
#managment p {color:#FFC; font-family: "Times New Roman", Times, serif; font-size:21px; text-align:center; font-style:italic; padding:5px 20px;}
#managment p strong {color:#FC6;}

#bottom { width:805px;
          height:140px;
		  margin-top:12px;
		  background-image: url(../i/bt3.jpg);
		  background-repeat:no-repeat;
		  background-position:center;
		 
		  box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */}
#bottom p {
	         text-align:center;
             font-family: "Times New Roman", Times, serif;
			  font-size:19px;
			  padding-top:15px;
			  font-style:normal;
			  color: #FFC;
			  }
		   
#footer { margin-top:20px; height:75px; background-color:#FFF;padding-top:5px;}

#footer p {  
	         text-align:center;
             font-family: "Times New Roman", Times, serif;
			  font-size:16px;
			  font-style:normal;
			  color:#000;}

#footer p strong.g {font-size:17px;}
#footer p a { color: #000; text-decoration:none;}
#footer p a:hover {color: #009;}
#info { width:805px; 
	    height:50px; 
		margin:0 auto;
		background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x;
		box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */;
			position:relative;
			z-index:1000;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; margin:0 auto; padding:0; background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x; font-family:"Times New Roman", Gadget, sans-serif; font-weight:600; color:#fff;}
					 
#menu li {float:left; padding:0; margin:0 auto; position:relative; width:108px; height:2em; z-index:100; padding-left:2px;}
#menu li.s {width:140px;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
<!-- menu drops down in ie only if next -->
#menu li a:hover {border:0;}
<!-- end of comment -->

#menu li:hover dd, #menu li a:hover dd {display:block;}


#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 115px; margin: 0; padding: 0; background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x; }
#menu li.s dl {width:140px;}
#menu li.sp {width:80px;}
#menu dt {margin:0; padding:12px 5px 5px 20px; font-size:16px; height:30px;}

#menu li dt a:hover {color:#FFC; text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}	
#menu li dt:hover { background-image:url(../i/ahover.jpg); background-position:left; background-repeat:no-repeat;}

#menu dd {margin:0; padding:0; color:#fff; font-size:16px; text-align:left; font-style:normal;}
#menu .one dd {border-bottom:1px dashed #aaa;}
#menu .two dd {border-bottom:1px dashed #999;}
#menu .three dd {border-bottom:1px dashed #eee;}
#menu .four dd {border-bottom:1px dashed #999;}
#menu .five dd {border-bottom:1px dashed #aaa;}
#menu .six dd {border-bottom:1px dashed #e8e8e8;}
#menu .seven dd {border-bottom:1px dashed #eee;}
#menu dd.last {border-bottom:1px solid #fff;}

#menu dt a, #menu dt a:visited {display:block; color:#fff;}

#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:110px;}

#menu .one dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .two dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .three dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .four dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .five dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .six dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}

#menu .seven dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}


#menu .one dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .two dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .three dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .four dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .five dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}

#menu .six dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .seven dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}

#leftside img {margin-left:60px; margin-top:60px; border:3px solid #FFF;}
#leftside span {display:block;
float:right;
padding-right:80px;
width:350px;
height:61px; 
background-image: url(../i/bt4.gif); background-repeat:no-repeat; background-position:center;
margin-top:40px;}
#leftside a {text-decoration:none; color:#FFF; font-family:"Times New Roman", Times, serif; font-size:28px;  font-style:italic; display:block;
float:right;
padding-right:27px;
padding-top:13px;}

#leftside a:hover {color:#FC6;}