/*global styles*/
aside, article, section, header, footer, nav {
	display: block;
}
html, body {
	margin: 0;
	padding: 0;
}


a:link {
	text-decoration: none;
	color:#2a74bb;
	
}
  #pg1 img{
	border:5px solid #2a74bb;
	padding:5px;
	margin-top:40px;
	vertical-align:middle;
	margin-bottom: 158px;
	margin-bottom: 9px;
}
a:visited {
	text-decoration: none;
	color:#fff;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.img {
	border:none;
}


.buttontype{
  
  padding     : 0;
  border      : 0;
  /*background  : #7e2e2f;*/
  background  : #11543b;
  font-family : arabic;
  font-size   : 1em;
  color:#fff;
  cursor      : pointer;
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
  height:40px;
}

.linktype{
  
  padding     : 0;
  border      : 0;
  /*background  : #7e2e2f;*/
  background-color:#11543b;
  font-family : arabic;
  font-size   : 1em;
  color:#fff;
  cursor      : pointer;
  
  height:30px;
}

button::-moz-focus-inner{
  padding : 0;
  border  : 0;
}
@font-face {
    font-family:arabic;
    src:"fonts/arabic.ttf";
}
/*mobile styles*/
@media (min-width:320px) and (max-width:479px) {
#pg1 {
    margin-top: -0.5em !important;
}
.col-xs-6 {
    width: 100%;
}
.testrigt{
float:none;
}
.testrigt {
    float: none;
    text-align: -moz-right;
    white-space: pre;
}
.breadcrumb {
    padding: 0px 42px !important;
}
}

@media only screen and (max-width:479px) {
.col-xs-6 {
    width: 100%;
}
body {
		/*width:100%;*/
		padding:5px 2px;
		
		
}
/*
@media only screen and (min-width:768px) and (max-width:992px) {
.menualign {
		margin-left: 63px !important;*/
	
}
@media only screen and (min-width:768px) and (max-width:992px) {
.tagline {
		
    text-align: center;
    margin-top: 20px;
    margin-left: 120px;
    color: #18285c;
}
	

#outer{
   	
	background: #ffffff; /*white background */
   max-width:320px;
} 
pre {
	font-size: 1em;
	padding: .5em; 
	white-space: -moz-pre-wrap !important; 
 	white-space: -pre-wrap;
 	white-space: -o-pre-wrap; 
	white-space: pre-wrap;  
 	word-wrap: break-word; 
}


}
/*tablet styles*/
@media only screen and (min-width:480px) and (max-width:580px) {
.col-xs-6 {
    width: 100%;
}
	
body {
		width:100%;
		
}
pre {
	font-size: 1em;
	padding: .5em; 
	white-space: -moz-pre-wrap !important; 
 	white-space: -pre-wrap;
 	white-space: -o-pre-wrap; 
	white-space: pre-wrap;  
 	word-wrap: break-word; 
}
}

@media only screen and (min-width:581px) and (max-width:767px) {
.col-xs-6 {
    width: 100%;
}
	

body {
		width:100%;
		
}
pre {
	font-size: 1em;
	padding: .5em; 
	white-space: -moz-pre-wrap !important; 
 	white-space: -pre-wrap;
 	white-space: -o-pre-wrap; 
	white-space: pre-wrap;  
 	word-wrap: break-word; 
}
}


/*desktop styles*/
@media only screen and (min-width:768px) {
.testrigt{
float:right;
}

body {
		
		margin:auto;
		
}

pre {
	font-size: 1em;
	padding: .5em; 
	white-space: -moz-pre-wrap !important; 
 	white-space: -pre-wrap;
 	white-space: -o-pre-wrap; 
	white-space: pre-wrap;  
 	word-wrap: break-word; 
}
#header{
	background-color:#fff;
	border: 2px solid #7e2e2f;
	height:180px;
	margin-top:5px;
	
	
}
#logo{
	float:left;
	
}
#tagline{
	vertical-align:central;
	font-size:36px;
	margin-top:80px;
	color:#7e2e2f;
	float:left;
}

#donate{
	float:right;
	margin-top:15px;
	
}

#topmenu_container{
	
	/*background-color:#7e2e2f;*/
	background-color:#11543b;
	height:60px;
	border: 2px solid #a8ce44;
	margin-top:20px;
	
	
}
#topmenu_desktop{
	font-family: arabic;
	font-size:26px;
	font-weight:bolder;
	padding-top:10px;
	width:95%;
	margin-left:auto;
	
	
	
}
#topmenu_desktop li{
	display:inline;
	margin-left:5px;
	margin-right:5px;
	
	
}
#content1{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	border: 2px solid  #CCC;
	height:800px;
	margin-top:5px;
	
	
}


#page_title{
	font-size:18px;
	color:#7e2e2f;
	margin-top:20px;
	text-align:center;
	font-weight:bold;
	
}
#table_title{
	font-size:18px;
	color:#000;
	margin-top:10px;
	text-align:left;
	font-weight:bold;
	margin-left:20px;
	
	
}
#top_table{
	border: 3px solid  #CCC;
	width:95%;
	height:300px;
	margin-left:20px;
	margin-top:10px;
	border-collapse:collapse;
	
	
	
}

#row1{
	height:40px;
}
#row2{
	height:40px;
}
#row3{
	height:40px;
}
#row4{
	height:40px;
}
#row5{
	height:50px;
}

.c1{
	width:20%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
	
	
}
.c2 {
	width:30%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
}

.c3{
	width:50%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
}
.bc1{
	width:25%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
	
	
}
.bc2 {
	width:25%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
}

.bc3{
	width:25%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
}
.bc4{
	width:25%;
	border: 3px solid  #CCC;
	padding-left:5px;
	border-collapse:collapse;
}
.bc5{
	padding-left:10px;
	vertical-align:top;
	padding-top:20px;
	
}
#bottom_table{
	border: 3px solid  #CCC;
	width:95%;
	height:300px;
	margin-left:20px;
	margin-top:10px;
	border-collapse:collapse;
	
}

#t2title{
	font-size:18px;
	color:#000;
	margin-top:10px;
	text-align:left;
	font-weight:bold;
	margin-left:20px;
	
	}
#footerhome{
	/*background-color:#7e2e2f;*/
	background-color:#11543b;
	height:80px;
	border: 2px solid #a8ce44;
	margin-top:20px;
}
#footer{
	/*background-color:#7e2e2f;*/
	background-color:#11543b;
	height:80px;
	border: 2px solid #a8ce44;
	margin-top:80px;
	
}
#footertrustee{
	/*background-color:#7e2e2f;*/
	background-color:#11543b;
	height:80px;
	border: 2px solid #a8ce44;
	margin-top:110px;
	}
#footeractivites{
	/*background-color:#7e2e2f;*/
	background-color:#11543b;
	height:80px;
	border: 2px solid #a8ce44;
	margin-top:0px;
	
}

#footermenu{
	font-family: arabic;
	font-size:22px;
	font-weight:bolder;
	padding-top:10px;
	width:95%;
	margin-left:auto;
	float:left;
	
}




#footermenu li{
	
	display:inline;
	margin-left:20px;
	margin-right:15px;
}

#footer button{
  
  padding     : 0;
  border      : 0;
  /*background  : #7e2e2f;*/
  background-color:#11543b;
  font-family : arabic;
  font-size   : 1em;
  color:#fff;
  cursor      : pointer;
  height:30px;
}
#sm_icons{
	
	
	
}
#twitter{
	margin-left:10px;
	margin-right:25px;
	vertical-align: middle;
	display: inline;
	float:right;
	margin-top:-25px;
		
}
#fb{
	margin-left:10px;
	margin-right:10px;
	vertical-align: middle;
	display: inline;
	float:right;
	margin-top:-25px;
		
}
#lin{
	margin-left:10px;
	margin-right:10px;
	vertical-align: middle;
	display: inline;
	float:right;
	margin-top:-25px;
		
}

#copyright{
	color :#fff;
	font-size:18px;
	margin-top:50px;
	
}
	#copyrightcontact{
	color :#fff;
	font-size:25px;
	margin-top:50px;
	
}

#cr1{
	margin-left:10px;
	
}

#sme1{
	margin-right:10px;
	margin-left:300px;
}


/* main body starts here */	
#main_content_title{
	width:100%;
	font-family:Arabic;
	font-size: 22px;
	font-weight:bold;
	color:#7e2e2f;
	text-align:center; 
	margin-top:20px;
	
}   

/* photo gallery styling */
#pg1{
	
	margin-left:10px;
	margin-right:10px;
	text-align:center;
	
	} 
    #pg1 img{
	border:5px solid #2a74bb;
	padding:5px;
	margin-top:40px;
	vertical-align:middle;
	margin-bottom: 158px;
	margin-bottom: 9px;
}
	
	}
#topmost{
	
	
}
	#footergallery{
	/*background-color:#7e2e2f;*/
	background-color:#11543b;
	height:80px;
	border: 2px solid #a8ce44;
	margin-top:20px;
	}