body{

	position:relative; margin:auto;	padding: 0;	font-family: georgia, times, "Times New Roman",garamond,serif;

	color:#666;	text-align: center;	width: auto;font-size:11pt; 

	line-height:180%;/* background:#9cf url("/images/Bgroundz/red_bg.png") repeat;  */

	background:#000 url("/images/Bgroundz/small_dots.png") repeat;

	background-attachment:fixed;

	/* channels_bg.jpg siteBG.png TVsignal.jpg Eid_Mubarak.jpg Ramadhan.jpeg 

	circuit.gif greydots.jpg	background-position:100% 50%;*/ 

}

#content {

	/* Positioned relative to the body so that other content in it is ABSOLUTE to its body as well /DR_Backup*/

	position: relative;	color:#242424;	text-align:center;	width:900px; margin:10px auto;

	border:5px solid lightgrey; padding:10px; border-radius:10px; /* box-shadow:5px 5px 30px #BDBDBD;

	-moz-box-shadow:5px 5px 30px #BDBDBD; -webkit-box-shadow:5px 5px 30px #BDBDBD; */

	box-shadow:0 4px 4px 4px rgba(180, 180, 180, 0.5); -moz-box-shadow:0 4px 4px 4px rgba(180, 180, 180, 0.5); 

	-webkit-box-shadow:0 4px 4px 4px rgba(180, 180, 180, 0.5); -o-box-shadow:0 4px 4px 4px rgba(180, 180, 180, 0.5);

	background:#111 url("/images/Bgroundz/background.gif") repeat;

	background-attachment:fixed;	/* bubbles.gif */

	 

}

a:link {	color:#510; text-decoration:none;} a:visited { color:#699; }

a:hover{ color:#4F611C; text-decoration:none; } a:active{	color: #4F611C;}

a:link img{ text-decoration:none;border:transparent;}

#container{

 width:895px; position: relative; display:block; color:#666; float:left;

 background:white; min-height:100%; height:inherit; padding:3px;

 margin:10px auto 5px auto; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;

/*  box-shadow:0 3px 3px 3px rgba(0, 0, 180, 0.5); -moz-box-shadow:0 3px 3px 3px rgba(0, 0, 180, 0.5); 

 -webkit-box-shadow:0 3px 3px 3px rgba(0, 0, 180, 0.5); -o-box-shadow:0 3px 3px 3px rgba(0, 0, 180, 0.5); */

}

/* This part desbribes that structure of the content in the middle panels which hold information.

 Both panels will have round corners and lightgreen borders 

*/

#leftpanel{ 

 width:130px; background:transparent; position:relative; float:left; 

 padding:5px auto; display:block;overflow:hidden;

}

#leftpanel h4{ text-align:center; } #leftpanel p{ text-align:left;} #leftpanel hr{ clear:both; margin:2px; }

#tempLeftLink { text-decoration:none; font-weight:bold; text-align:left;}

#tempImg  {clear:both;display:block;position:relative;margin:4px auto;}

#tempImg img{ text-decoration:none;border:transparent;width:55px;height:40px;

border-radius:0px 0px 10px 10px;}



/* End of left side */

/* My right side of the page */

#rightpanel{

 margin:3px auto;width:135px;float:left;height:auto;display:block;padding:5px 2px; text-align:left; 

 overflow:hidden;color:#102000;border:0px;position:relative;-moz-border-radius:5px; 

 -webkit-border-radius:5px; border-radius:5px; /* box-shadow:0 2px 3px rgba(0, 0, 180, 0.5);

 -moz-box-shadow:0 2px 3px rgba(0, 0, 180, 0.5); -webkit-box-shadow:0 2px 3px rgba(0, 0, 180, 0.5);  */

}

#rightpanel a:link{ font-size:9px; }	#rightpanel a:link img{ border:transparent;}

/* All h4 heading inside the panels will be in blue, aligned left and 15px in size */

#leftpanel h4{ margin:3px auto; text-align:left; color:#660000;}

#rightpanel h4{ margin:3px auto; text-align:left; color:#330000; }



#middle{

 position:relative; width:610px; height:auto; float:left; display:block; 

 padding:5px; text-align:left;overflow:hidden;

}

#middle marquee img{ border:transparent; border-radius:5px;}

#middle a:link img{ border:transparent; height:10%; }

/* background:url("/images/Bgroundz/BlueBottom.jpg")left bottom repeat-x, 

url("/images/Bgroundz/BlueTop.jpg")left top repeat-x;  

*/

#middleBox { 

	clear:both;text-align:left;border:1px solid lightblue;margin:3px;

	border-radius:10px 0px 10px 0px; padding:10px;overflow:hidden;

}#middleBox table em{ font-size:10px }#middleBox img a{ max-height:50px; }

/* background:url("/images/Bgroundz/greydots.jpg")top repeat; */

#footer{

 position:relative; clear:both; margin-top:15px; width:880px; padding:10px; margin:auto; 

 -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; 

 -webkit-background-size: auto;-moz-background-size:auto; 

 background:#444 url("/images/Bgroundz/greyHeader.png") repeat top; -o-background-size: auto; 

 background-size: auto;  

}

#footer img{ border:transparent; border-radius:5px; }

#footer a:link{ 	color:red; text-decoration:none;} #footer a:hover{ color:#110; 

text-decoration:underline; }

/* :::::::::::: End of footer area ::::: ***/