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

* {margin:0 auto;
   padding:0;}
body {          margin:0 auto;
                padding:0 auto;
				height:auto;
				background-image:url(../i/background.jpg);
				background-attachment:fixed;
				background-position:top;
				background-repeat:repeat;}
body {
behavior:url("csshover.htc");
}
				
#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;
			}
			

#wrapper { background-color:#180d05;
            margin:0 auto;
			margin-top:12px;
			height:100%;
		   width:805px;
		   
		   }
		   


#content { width:805px;
           height:312px;
		 
		   background-color:#000;
		  background-image: url(../i/canyon3.jpg);
		   background-repeat:no-repeat;
		   background-position:left;
		   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;
			}
			
#photodiv {width:300px;
           height:312px;
           display:block;
           float:left;
		   position:relative;
		  }

#photodiv img { height:312px; position:relative; float:left;}



#clear {clear:both;}
#name {height:40px;
         background-color:#930;
		 background-image:url(../i/images/navigation_01.jpg);
         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 */
			}
#name h1 {color:#FFF;font-size:21px; font-style:italic; text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe; padding-left:200px;}
			   
#bottom { width:805px;
          margin-top:-10px;
          height:100%;
		  background-color:#000;
		  background-image: url(../i/bookbg6.jpg);
		  background-repeat:repeat-y;
		  background-position:left;
		  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 */;
			
		 }
  
#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 */}

/* ================================================================ 
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;}
p.topru a {text-decoration:none; color:#FFF; text-align:right; padding-left:370px;}

#ul { display:block; float:right; width:250px; height:300px;}
ul.safari {color:#FC6; padding:26px 10px;}
ul.safari li a {text-decoration:none; color:#fff; padding-top:9px;}
ul.safari li a:hover { text-decoration:underline; color:#FC6;}
ul.safari li {list-style-type:disc;
              list-style-position:inside;
              text-align:left;
			 
             font-family: "Times New Roman", Times, serif;
			  font-size:17px;
			  color:#fff;
			  font-weight:bold;
			  padding-left:20px;
			  padding-top:10px;}
			  
#water p:first-letter {
	       font-family:"Times New Roman", Times, serif; sans-serif; font-size:23px; color:#FFC; font-weight:bold;}	
#water { 
          margin:0 auto;
		  height:100%;
		  width:805px;
		  background-image:url(../i/water.jpg);
		  background-repeat:repeat-y;
		  background-position:left;} 
#water p {
	       padding:15px 30px 15px 180px;
		   font-family:"Times New Roman", Times, serif; font-size:19px;
		   text-align: justify;
		   text-indent:45px; 
		   color:#fff} 			  
#water p b {
	         margin:0 auto;
			 text-decoration:underline;
			 font-style:oblique; 
			 text-align:center;}	
			 
#water p b.back a{
	               display:block;
				   float:right; 
				   margin:0 auto; 
				   text-align:center; 
				   color:#fff;
				   font-style:normal;
				   font-size:18px;
				   padding:5px 5px;}
				   
#water h1 {
	         color:#FF9;
			 font-size:22px;
			 padding-left:200px; 
			 text-decoration:underline;
			 margin:10px 0px;}
			 
#water h3 {
	        color:#FC6; 
			font-size:21px;
			padding-left:200px;
			margin:5px 0px;}
#water strong {
	            color:#FC6;
				text-decoration:underline;}
p.top a {
	     text-decoration:none;
		 color:#FFF;
		 text-align:right; 
		 padding-left:400px;}
p.top a:hover {text-decoration:underline;}
#pics { 
        width:610px;
		display:block;
		float:right;
		margin-bottom:10px;
		margin-top:5px;}

#pics img {
	        display:inline;
			float:left;
			border:2px #FFF solid;
			margin:5px 10px;}
			
#water h3.alot {font-size:18px;}