/* CSS Document */

* {
margin: 0;
padding: 0;
}

body {
	margin: 0px;
	font-size:10pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	background-color: #666666;
}

#shadow{
    margin: 0px auto;
    background-image: url(../images/drop_shadow11.png);
    width: 900px;
}

#wrapper {
   margin: 0px auto;
   width: 850px;
    
  
}


#pageintro{
	width: 850px;
	height:60px;
	background-color:#510707;
	
}
#nextpage img{
	height:45px;
	width:110px;
	padding-left:400px;
	border:none;


}

/*header*/
#header {
   position: relative;
   height:240px; 
   background-image: url(../images/header11.png);
   
 }
 
#logo1{
width: 450px;
float:right;
 
 }
 
#logo1  img{	
  	border: none; 
   	height:200px;
   	width:500px;
	padding-top:15px;	
	border: none;
  
}

#logo2{
 
 width: 350px;
 float:left;
 
 }
 
#logo2  img{	  

   height:120px;
   width:100px;
   padding-left:50px;
   padding-top:10px;
   border: none;
  	
}

/* middle contents*/
#midcontent{
	 width: 850px;
	 height:auto;
	  background-color: #FFFFFF;	
	 /*background-color:#FFF1E6;	*/
	 /*background-image: url(../images/coloumn1.png);*/
}

#midleft { 
	float: left;
    width: 309px;
    padding: 8px;
	/*background-image: url(../images/pen1.jpg);*/
	
}
  
#midright{	
	float: left;
    width: 509px;  
    padding: 8px;
	height:auto; 
}

#introinfo1{
	display:block;
	margin: 8px 0px 20px 100px;
	width: 380px;   
	height:30px;
	background: #510707; 
	/*background-color:#9F9F00;*/
	/*border:1px dashed  #666600;*/

}
 #introinfo2{
 	display:block;
	margin: 30px 0px 20px 50px;
	width: 350px;   
	height:95px;
	/*background: #510707; */
	/*background-color:#9F9F00;*/
	border:1px dashed #666600;

}
h1{	
	
	padding-top:0px;
	padding-left:30px;
	color:#510707;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 25px;
	
}

h2{
	padding-top: 20px;
	padding-left:35px;	
	color: #666600;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 30px;
}


h2 a{
	text-decoration: none;
}
h2 a:link {
  color: #003399;
 } 
 
h2 a:visited{
  color: #003399;  
}

h2 a:hover {
  color: #CC0000;
}


 h3{
	padding-top: 20px;
	padding-left:20px;	
	color: #666600;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 30px;
}

h3 a{
    text-decoration: underline;
    
}
h3 a:link {
   color: #336600;
  }
 
h3 a:visited{
  color: #336600;
 
}
h3 a:hover {
  color:#990000 ;
}

h4{
	padding-top:12px;
	padding-left: 200px;
	padding-bottom:10px;
	font-size:22px;	
	color: #FFFFFF;
	font-family: "trebuchet ms", verdana, arial, sans-serif;

}

h7{	
	
	color: #003300;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 18px;
}

p.ramadan img{
width:250px;
height:179px;
padding: 0px 0px 10px 20px;

}

/*p{
	font-size:10pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	padding-left:2px;
	padding-top:3px;
}
p a{
	text-decoration: none;
	border-bottom:1px dashed;	
	
}

p a:link {  
  color:#006600;
  
  }
 
p a:visited{
   color:#006600;
 
}

p a:hover {
  color: #CC0000;
}*/

p.style101{
	padding: 5px 5px 5px 15px;	
	color: #FFFFFF;
	font-size: 11pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}
p.style101 a{
	text-decoration: none;

}

p.style101 a:link {  
  color:#FFFFFF;
  /*font-weight:bold;*/
  }
 
p.style101 a:visited{
   color:#FFFFFF;
 
}

p.style101 a:hover {
  color: #CECE00;
}

p.style102{
	padding: 10px 15px 5px 15px;	
	color: #510707;
	font-size: 14pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}



p.style1{
	padding-left:30px;	
	color: #000000;
	font-size: 10.5pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}
p.style1 a{
	text-decoration: none;
	/*border-bottom:1px dashed;	*/
	
}

p.style2{
	padding-left:38px;
	padding-top:0px;
	color: #666600;
	font-size: 12pt;
	font-weight:bold;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	background-color:#FFFFFF;
}

p.style3{
	padding-left:20px;
	padding-right:30px;	
	color: #000000;
	font-size: 10.5pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}


p.style4{
	padding: 10px 0px 4px 40px;
	color: #FFFFFF;
	font-size:13pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}


p.style5{
	padding: 10px 0px 0px 0px;
	color: #FFFFFF;
	font-size:13pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}
p.style5 a{
	text-decoration: none;
	
	
}

p.style5 a:link {  
  color:#FFFFFF;
  /*font-weight:bold;*/
  }
 
p.style5 a:visited{
   color:#FFFFFF;
 
}

p.style5 a:hover {
  color: #666600;
}

p.style6{
	padding: 30px 0px 4px 50px;
	color: #FFFFFF;
	font-size:20pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

p.style8{
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size:10pt;
	font-weight:bold;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}
p.style8 a{
	text-decoration: none;
	border-bottom:1px dashed;	
	
}

p.style8 a:link {  
  color:#006600;
  /*font-weight:bold;*/
  }
 
p.style8 a:visited{
   color:#006600;
 
}

p.style8 a:hover {
  color: #CC0000;
}

p.style9{
	padding: 10px 10px 5px 0px;
	color: #000000;
	font-size:10pt;
	font-weight:bold;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}
p.style9 a:link {  
  color:#006600;
  /*font-weight:bold;*/
  }
 
p.style9 a:visited{
   color:#006600;
 
}

p.style9 a:hover {
  color: #CC0000;
}
p.style12{
	padding: 15px 0px 10px 25px;
	color: #510707;
	font-size:10pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}


p.style15{
	padding: 0px 0px 10px 20px;
	color: #000000;
	font-size:10pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

p.style16{
	padding: 0px 0px 10px 30px;
	color: #000000;
	font-size:10pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

p.style17{
	padding: 0px 0px 4px 40px;
	color: #B05800;
	font-size:20pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}


ol.activity1 {
padding-left:20px;
}

ol.activity1 li a{
	text-decoration: none;
	border-bottom:1px dashed;	
	
}

ol.activity1 li a:link {  
  color:#006600; 
}
 
ol.activity1 li a:visited{
   color:#006600;
 
}

ol.activity1 li a:hover {
  color: #CC0000;
}


ul.activity2 {
padding-left:20px;
}

ul.activity2 li a{
	text-decoration: none;
	border-bottom:1px dashed;	
	
}

ul.activity2 li a:link {  
  color:#006600; 
}
 
ul.activity2 li a:visited{
   color:#006600;
 
}

ul.activity2 li a:hover {
  color: #CC0000;
}

.spanstyle1{
	font-size:18pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

.spanstyle2{
	font-size:10pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}


.spanstyle2 a{
	text-decoration: none;
	/*border-bottom:1px dashed;	*/
	
}

.spanstyle2 a:link {  
  color: #666600;
  /*font-weight:bold;*/
  }
 
.spanstyle2 a:visited{
   color:#666600;
 
}

.spanstyle2 a:hover {
  color: #510707;
}


.spanstyle2  img{	  

   height:6px;
   width:10px;
   padding-right:5px;  
   border: none;  	
}

.spanstyle3{
	padding: 10px 0px 4px 80px;
	color: #FFFFFF;
	font-size:13pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

.spanstyle4{
	padding: 0px 0px 60px 30px;
	color:#510707;
	font-size:13pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}

.spanstyle5{
	font-size:13pt;	
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	color:#510707;
}

.spanstyle6{
	padding: 0px 0px 60px 143px;
	color:#510707;
	font-size:10pt;
	font-family: "trebuchet ms", verdana, arial, sans-serif;
}
/* foodter*/


#footer {
   clear: both; 
   width: 850px; 
   }
   
   
#main1 {
width:850px;
clear: both; 
}
#main2 {
width: 55%;
float: left;
background-color: #919100;

/*width: 60%;
float: right;*/
}

#content {
/*background-color: #FFFFCC;*/
	height: 140px;
	float: right;
	width: 55%;
	border-left: solid 1px #FFFFFF;
}
#sidebar1 {
/*background-color: blue;*/
	height: 140px;
	margin-right: 40%;
 
}
#sidebar2 {
	background-color: #919100;
	height: 140px;
	width: 44.9%;
	float: right;
/*border-left: solid 1px #FFFFFF;*/

} 


#footintro{
	clear: both; 
	 width: 850px;
	 height:54px;
	 background-color: #510707;	
	 
}

#footintro1 { 
	float: left;
    width: 509px;	
    padding: 8px;
	
	
}
  
#footintro2{	
	float: left;
    width: 309px; 
	 padding: 8px;
	
}


/*#footer2 {
	width:850px;
	 clear: both; 

}
#main21 {
	width: 55%;
	float: left;
	background-color: #510707;

}

#content1 {
   background-color: #FFFFCC;
	height: 40px;
	float: right;
	width: 20%;

}
#sidebar11 {

	height: 45px;
	margin-right: 40%;
	width: 80%;
 
}
#sidebar21 {
	background-color: #510707;
	height: 45px;
	width: 49.9%;
	float: right;

} 
*/

ul#contentstyle1{    
   list-style: none; 
   color:#510707; 
   padding-top:0px;
  
	
}
ul#contentstyle1 li {
  
   color:#510707;
   font-family: "trebuchet ms", verdana, arial, sans-serif;
   font-size:18px;
   padding-top:10px;
   padding-left:10px;
  
 }  
ul#contentstyle1 a:link {
   	color:#510707; 
  }

ul#contentstyle1 a:hover {
  	color:#510707; 
  }
ul#contentstyle1 a{
	/* margin-left:10px;*/
	 text-decoration: none;	
	 color:#510707; 
	 
	 }

ul#contentstyle2{    
   list-style: none;
   /*font-size:12px;     */
   color:#510707; 
   padding-top:0px;

}

ul#contentstyle2 li {
  /* float: left;*/
   color:#510707;
   font-family: "trebuchet ms", verdana, arial, sans-serif;
   font-size:18px;
   /*font-weight: bold;*/
   padding-top:10px;
   padding-left:10px;
  
 }  
ul#contentstyle2 a:link {
   	color:#510707; 
  }

ul#contentstyle2 a:hover {
  	color:#510707; 
  }
ul#contentstyle2 a{
	/* margin-left:10px;*/
	 text-decoration: none;	
	 color:#510707; 
}
	 
	 
	 
#footer2{ 
clear:both;
     height: 45px; 	
	 background-color: #510707;
   /* padding: 10px 5px 20px 0px; */
}
ul#footstyle2{    
   list-style: none;
   font-size:12px;     
   color:#FFFFFF; 
   padding-top:12px;
  
	
}
ul#footstyle2 li {
   float: left;
   color:#FFFFFF;
   font-family: verdana, arial, sans-serif;
   font-size:13px;
   font-weight: bold;
   padding-left:70px;
 }  
ul#footstyle2 a:link {
  color: #FFFFFF;
  }

ul#footstyle2 a:hover {
  color: #FFFFFF;
  }
ul#footstyle2 a{
	 margin-left:10px;
	 text-decoration: none;
	/* text-transform: uppercase;*/
	 color: #FFFFFF;
}
   
#footer3{ 
	clear:both;
     height: 40px; 	
	 background-color: #999999;
   /* padding: 10px 5px 20px 0px; */
}
ul#footstyle3{    
   list-style: none;
   font-size:14px;     
   color:#510707; 
   padding-top:12px;
   padding-left:220px;	
	
}
ul#footstyle3 li {
   float: left;
   color:#510707;
   font-family: verdana, arial, sans-serif;
   font-size:12px;
   font-weight:500;
 }  
ul#footstyle3 a:link {
  color: #510707;
  }

ul#footstyle3 a:hover {
  color: #510707;
  }
ul#footstyle3 a{
	 margin-left:10px;
	 text-decoration: none;
	/* text-transform: uppercase;*/
	 color: #510707;
}

#footer4  {
    height:40px;
	background-color: #666666; 
		   

}

ul#footstyle4{    
   list-style: none;
   font-size:12px;     
   color:#FFFFFF; 
   padding-top:12px;
   padding-left:80px;	
	
}


ul#footstyle4 li {
   float: left;
   color:#FFFFFF
   font-family: verdana, arial, sans-serif;
   font-size:12px;
   font-weight:500;
 }  
ul#footstyle4 a:link {
  color: #FFFFFF;
  }

ul#footstyle4 a:hover {
  color: #FFFFFF;
  }
ul#footstyle4 a{
	 margin-left:10px;
	 text-decoration: none;
	/* text-transform: uppercase;*/
	 color: #FFFFFF;
}
#footer4 p{    
    padding-top:15px;
    padding-left: 170px;	
    color:#006AEE;
	font-family:  verdana, arial, sans-serif;
	font-size:13px;
	
}
#footer5{
	height:40px;
	background-color: #666666;
}

#footer5 p{    
    padding-top:15px;
    padding-left: 320px;	
    color: #FFFFFF;
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	
}
#shadow_bottom {
	 clear: both;
	/* width: 100%;*/
	 width: 900;
	 height: 10px;
	 background-image: url(../images/drop_shadow_bottom.png);
}