html,body {
	margin:0;
	padding:0;
	height:100%; 
	font-family:verdana;
	font-size:small;
	background: #000000;
}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5e6060;
	font-style: normal;
	text-align:justify;
	line-height: 1.3em;
	padding-top: 20px;
	padding-left: 5px;
}


h1{
color:#48494b;
font-size: 11px;
font:Verdana, sans-serif;
display:inline;
padding-left: 3px;
}

h2{
color:#0f75bc;
font-size: 11px;
font:Verdana, sans-serif;
display:inline;
}


h3{
color:#76787b;
font-size: 20px;
font:Verdana, sans-serif;
display:inline;
padding-left: 10px;
font-weight: normal;
}


h4{
color:#0f75bc;
font-size: 14px;
font:Verdana, sans-serif;
display:inline;
}

h5{
color: #76787b;
font-size: 14px;
font: Verdana, sans-serif;
display: inline;
}



/******************************************menu****************************************************/
.menu{
background: url(../img/button.png) no-repeat;
width: 98px;
height: 34px;
padding-right: 0;
margin-right: 0;
color: #dfdfdf;
background-position: bottom;
}

.menu-selected{
background: url(../img/button-selected.png) no-repeat;
width: 98px;
height: 34px;
padding-right: 0;
margin-right: 0;
color: #dfdfdf;
background-position: bottom;
}
.menu-selected a{

}
.menu-selected a:hover{
color:#ffffff;
}
a{
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color:#dfdfdf;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
	text-decoration: none;
	position: 10 10 40 10;
}

a:hover{
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color: #af161b;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
	text-decoration: none;
}

#tabs p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5e6060;
	font-style: normal;
	line-height: 1.3em;
	margin-bottom:5px;
	text-align: justify;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin:0px;
}

#tabs .arabic{
font-family:Tahoma;
font-size: 14px;
text-align: right;
direction:rtl;
	color:#5e6060;
}

#vision ul, li{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#5e6060;
	font-style: normal;
	text-align:justify;
	line-height: 1.3em;
	margin-bottom:5px;
	padding-top: 10px;
	padding-left: 4px;
	padding-right: 4px;
	margin:0px;
}

/******************************************TABLE****************************************************/








/******************************************GRADIENT****************************************************/
.gradient-menu{
background:url(../img/gradient-menu.jpg) repeat-x;
height: 87px;
}


/******************************************GRADIENT****************************************************/

.copyright{
color:#b9b9b9;
font: Verdana, sans-serif;
font-size: 10px;
}

.reservation{
color:#b9b9b9;
font-size: 12px;
font:Verdana, sans-serif;
display:inline;
font-weight: normal;
text-align: right;
padding-right: 0;
margin-right:0;
}

/******************************* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 0px 0;
padding-top: 10px;
margin-left: 0;
margin-top: 5px;
margin-bottom: 2px;
padding-bottom:0px;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
margin-top: 10px;
padding-top: 20px;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 2px;
border: 0px solid #778;
color: #2d2b2b;
background: white url(../images/Gradient-Menu.jpg) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: none;
color: #000000;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
color: #ffffff;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(../images/Gradient-Menu- Hover.jpg);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}
/****************************** EVENTS ***********************************/	
.eventsmain{
	width:800px;
	height:auto;
	min-height:320px;
	margin:0 auto;
	position:relative;
	margin-bottom:20px;
	
}
.title{
	font-size:18px;
	color: #af161b;
	margin-top:20px;
	}

.eventsmain .title{
	font-size:18px;
	color: #af161b;
	margin-top:20px;
	}

.eventsmain .events {
	float:left;
	position:relative;
	width:970px;
	height:auto;
	min-height:400px;
	margin-top:15px;
	margin-left:5px;
	}
	

.eventsmain .events .eventsitems{
	width:300px;
	height:200px;
	position:relative;
	float:left;
	margin-bottom:50px;
	margin-right:20px;
	border:1px solid #333333;
	}
	.albumnames  {
	width:265px;
	position:absolute;
	text-align:left;
	font-size:15px;
	color:#333333;
	margin-bottom:10px;
	margin-top:5px;
	margin-left:2px;

	}
	
.eventsmain .events p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#cccccc;
	margin-bottom:10px;
	 }
	 
	 .newsmain{
	width:1000px;
	height:auto;
	min-height:320px;
	margin:0 auto;
	position:relative;
	margin-bottom:20px;
	
}


.newsmain .title{
	
	font-size:18px;
	color: #af161b;
	margin-top:20px;
	}


.newsmain .newsall .eachservice{
	width:970px; height:auto; min-height:120px; position:relative; margin:0; padding:0; overflow:hidden; margin-bottom:20px;
	}
	
.newsmain .newsall .servicesleft{
	float:left;
	position:relative;
	width:300px;
	height:auto;
	margin:0;
	padding:0;
	
	margin-right:15px;
	}
	
	
.newsmain .newsall .servicesmiddle{
	width:620px;
	height:auto;
	float:left;
	position:relative;
	padding:0; 
	margin-left:0;	
}

.newsmain .newsall .servicesmiddle .title{
	width:620px;
	height:auto;
	
	font-size:16px;
	color: #af161b;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	}
	
.newsmain .newsall .servicesmiddle .date{
	width:620px;
	height:auto;
	
	font-size:16px;
	color: #333333;
	margin:0;
	padding:0;
	margin-top:5px;
	margin-bottom:5px;
	}
	
.newsmain .newsall .servicesmiddle .description{
	width:530px;
	height:auto;
	font-size:15px;
	color: #666666;
	text-align: justify;
	margin:0;
	padding:0;
	}
	
.tabcontent a{
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color:#5E6060;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
	text-decoration: none;
	position: 10 10 40 10;
}

.tabcontent a:hover{
	font-family:Verdana, sans-serif;
	font-size: 11px;
	color: #5E6060;
	font-style: normal;
	text-align: left;
	line-height: 1.3em;
	text-decoration: none;
}