<!--
html{
height:100%;
background-image:url(images/img01.jpg);
background-repeat:repeat-x;
background-position:top;
background-color: #FFFFFF;
}
body {
/*height:100%;
*/	
/*
	background-image:url(images/ramadan.gif);
	background-repeat:no-repeat;
	*/
	color:#666666;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:25px;
	text-align:justify;
	/*background-position:right bottom;
	background-image:url(images/logo-gray.gif);
	background-repeat:no-repeat;
  background-attachment:fixed;*/
  margin-top:5px;
  
	
}
.hedin{
display:none;
}

.container{
width:820px;
margin-left:auto;
margin-right:auto;
display:table;
/*background-color:#FFFFFF;*/
/*border-color:#EAEAEA;
border-style:solid;
border-width:1px;
border-top-style:none;*/

}
.header{
height:65px;
width:810px;
margin-right:5px;
float:right;
text-align:right;

}
.headerpannel{
height:37px;
width:700px;
float:left;
margin-top:10px;
text-align:right;


}
.footer{
width:100%;
text-align:center;
float:right;
font-size:12px;
line-height:20px;
}
.footer a {
text-decoration:none;
color:#999999;
}
.banner{
width:810px;
height:200px;
float:right;
background-color:#FAFAFA;
border-color:#EAEAEA;
border-style:solid;
border-width:1px;
margin-right:4px;
}
.content{
width:780px;
min-height:500px;
float:right;
background-color:#FAFAFA;
border-color:#EAEAEA;
border-style:solid;
border-width:1px;
direction:rtl;
padding:14px;
background-image:url(images/bagebg.jpg);
	background-repeat:repeat-x;
	margin-right:5px;
	
}

.logo{
height:37px;
width:800;
float:right;
margin-top:10px;
display:block;
}
.pannel{
height:40px;
width:800px;
float:right;
text-align:left;
margin-top:5px;
z-index:-99;
margin-right:4px;
}
.twitter{
height:41px;
width:32px;
background-image:url(images/twiitir.gif);
display:block;
float:left;
}
.twitter:hover{
height:41px;
width:32px;
background-image:url(images/twiitir_animated.gif);
}

.facebook{
height:37px;
width:37px;
background-image:url(images/facebook.gif);
display:block;
float:left;
}
.facebook:hover{
background-image:url(images/facebook2.gif);
}
.rss{
height:37px;
width:37px;
background-image:url(images/rss.gif);
display:block;
float:left;
}
.rss:hover{
background-image:url(images/rss2.gif);
}
.block{
width:246px;
height:220px;
padding:7px;
margin:2px;
background-color:#FFFFFF;
border-color:#DBDBDB;
border-style:solid;
border-width:1px;
float:right;
direction:rtl;
text-align:right;
}
.style1 {width: 246px; height: 220px; padding: 7px; margin: 2px; background-color: #FFFFFF; border-color: #E0E0E0; border-style: solid; border-width: 1px; float: right; direction: rtl; text-align: right; color: #333333; }
.servTitle{
color:#0066FF;
font-size:16px;
font-weight:bold;
text-align:right;
display:block;
float:right;
width:246px;
}


.newsTitle{
color:#0066FF;
font-size:16px;
font-weight:bold;
text-align:right;
display:block;
float:right;
width:548px;
margin-bottom:5px;
margin-right:20px;
}
.servText{
color:#999999;
font-size:14px;
display:block;
text-align:right;
float:right;
direction:rtl;
width:246px;
}
.newsText{
color:#999999;
font-size:14px;
display:block;
text-align:right;
float:right;
direction:rtl;
width:548px;
line-height:20px;
}

.servImage{
padding:5px;
}
.readmore{
display:block;
float:left;
width:70px;
padding-left:23px;
background-image:url(images/readmore1.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
font-size:16px;
color:#2A72D8;
position:absolute;
top:210px;
}
.readmore:hover{
display:block;
float:left;
width:70px;
padding-left:23px;
background-image:url(images/readmore2.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
font-size:16px;
color:#D88829;
position:absolute;
top:210px;
}
.nreadmore{
display:block;
float:left;
width:70px;
padding-left:23px;
background-image:url(images/readmore1.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
font-size:16px;
color:#2A72D8;
position:absolute;
top:160px;
}
.nreadmore:hover{
display:block;
float:left;
width:70px;
padding-left:23px;
background-image:url(images/readmore2.gif);
background-position:left;
background-repeat:no-repeat;
text-decoration:none;
font-size:16px;
color:#D88829;
position:absolute;
top:160px;
}

.searchtext{
display:block;
width:180px;
height:25px;
margin-right:5px;
margin-top:5px;
background-image:url(images/magnifier.png);
background-position:right;
background-repeat:no-repeat;
direction:rtl;
padding-right:30px;
border-style:solid;
border-width:1px;
border-color:#CCCCCC;
color:#999999;
}
.searchtext:hover,.searchtext:focus{
border-width:1px;
border-color:#B6B6B6;
background-color:#FFFFCC;
}

.newsscroll{
direction:rtl;
text-align:right;
}
.leftscroll{
width:570px;height:190px; background-color:#FFFFFF;float:right; margin-top:5px; border-color:#EAEAEA; border-style:solid; border-width:1px;
}
.rightbanner{
width:222px;height:190px; background-color:#F2F2F2;float:right; margin:5px;border-color:#EAEAEA; border-style:solid; border-width:1px; direction:rtl;
background-image:url(images/banner2.jpg);
background-repeat:no-repeat;
}

.cuftextarea{
width:740px;
height:200px;
border-style:solid; border-color:#DADADA; border-width:1px;
}
.cuftextareaerr{
width:740px;
height:200px;
border-style:solid; border-color:#FF8000; border-width:1px;
background-image:url(images/unchecked.gif);
background-position:left top;
background-repeat:no-repeat;
}

.cuftextarea:hover{
border-color:#FFCC66;
}
.cuftextarea:focus{
border-color:#FDE1A2;
background-color:#F9FDFF;
}

.cuftinput1{
width:200px;
height:20px;
border-style:solid; border-color:#DADADA; border-width:1px;
}
.cuftinput1:hover{
width:200px;
height:20px;
border-style:solid; border-color:#FDE1A2; border-width:1px;
}
.cuftinput1:focus{
width:200px;
height:20px;
border-style:solid; border-color:#FDE1A2; border-width:1px;
background-color:#F9FDFF;
}
.cuftinput2{
width:500px;
height:20px;
border-style:solid; border-color:#DADADA; border-width:1px;
}
.cuftinput2err{
width:500px;
height:20px;
border-style:solid; border-color:#FF8000; border-width:1px;
background-image:url(images/unchecked.gif);
background-position:5px;
background-repeat:no-repeat;
}

.cuftinput2:hover{
border-style:solid; border-color:#FDE1A2; border-width:1px;
}
.cuftinput2:focus{
border-style:solid; border-color:#FDE1A2; border-width:1px;
background-color:#F9FDFF;
}
.cuflabel{
display:block;
float:right;
width:90px;
height:23px;
color:#009900;
padding:3px;
text-align:left;
}
.cufin1{
float:right;
width:200px;
padding:3px;
}
.cufin2{
float:right;
width:600px;
padding:3px;
}
.mooo{
visibility:hidden;  
display:none;  
}
/* ================================================================ 
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/dd_valid.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.
=================================================================== */
/* common styling */
.menu {font-family:Tahoma; width:550px; height:30px; position:relative; font-size:14px; z-index:100; margin-top:25px; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; height:25px; text-align:center; color:#3A61F1;  line-height:20px; font-size:14px; overflow:hidden; padding:7px; margin-right:5px;  min-width:60px; font-weight:bold;font-size:12px;
background-image:url(images/menuu.png); background-position:bottom; background-repeat:repeat-x;
border-top-style:solid;
border-top-width:1px;
border-top-color:#F5F5F5;

border-right-style:solid;
border-right-width:1px;
border-right-color:#E8E8E8;

border-left-style:solid;
border-left-width:1px;
border-left-color:#F5F5F5;
}
.menu ul {padding:0; margin:0; list-style: none; margin-top:10px;}
.menu ul li {float:right; position:relative; }
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#009900; border-bottom-style:solid;border-bottom-color:#D4D4D4; border-bottom-width:1px; background-image:url(images/menuh.png); background-position:bottom; background-repeat:no-repeat; }
.menu ul li:hover ul {display:block; position:absolute; top:30px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;  color:#000; width:150px; height:20px; border-bottom-style:solid;border-bottom-color:#DBDBDB; border-bottom-width:1px; border-right-style:solid;border-right-color:#DBDBDB; border-right-width:1px; border-left-style:solid;border-left-color:#DBDBDB; border-left-width:1px;background-image:url(images/menubg.png); background-repeat:repeat;}
.menu ul li:hover ul li a:hover {background:#7DB4F0; color:#FFFFFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}


.row1{
float:right;
padding:5px;
color:#666666;
border-width:1px;
border-color:#EAEAEA;
background-color:#FFFFFF;
border-style: solid;
width:770px;
margin-bottom:5px;
}

.row2{
float:right;
padding:5px;
color:#666666;
border-width:1px;
border-color:#EAEAEA;
border-style: solid;
width:770px;
margin-bottom:5px;
}
.greenTilte{
color:#006600;
font-size:16px;
font-weight:bold;
}


/* 
	Grey Suits you Sir. Please host the images on your own server.
	written by Stuart Colville http://www.muffinresearch.co.uk
*/

table,td
{
	border               : 1px solid #CCC;
	border-collapse      : collapse;
  font                 : small/1.5 "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif;
}
table
{
	border                :none;
	border                :1px solid #CCC;
	min-width:300px;
}
thead th,
tbody th
{
	background            :  url(images/th_bck.gif) repeat-x;
	background-color:#EBEBEB;
  color                 : #666;  
	padding               : 5px 10px;
  border-left           : 1px solid #CCC;

}
tbody th
{
  background:#E1E1E1;
  background-image:url(images/th_body.jpg);
  background-repeat:repeat-x;
  border-top            : 1px solid #CCC;
  text-align            :  right;
  font-weight           : normal;
}
tbody tr td
{
	padding               : 5px 10px;
  color                 : #666;
}
tbody tr:hover
{
  background            : #FFF url(images/tr_bck.gif) repeat;
}

tbody tr:hover td
{
  color                 : #454545;
}
tfoot td,
tfoot th
{
  border-left           : none;
  border-top            : 1px solid #CCC;
	padding               : 4px;
  background            : #FFF url(images/foot_bck.gif) repeat;
  color                 : #666;
}
caption
{
	text-align            : left;
	font-size             : 120%;
	padding               : 10px 0;
	color                 : #666;
}
table a:link
{
	color                 : #666;
}
table a:visited
{
	color                 : #666;
}
table a:hover
{
	color                 : #003366;
	text-decoration       : none;
}
table a:active
{
	color                 : #003366;
}