/* CSS Document */

body {
background-image:url(images/main_bg.jpg);
margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
}

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


#header_area {
background-color:#FFFFFF;
width:1003px;
float:left;
height:146px;
}

#logo {
width:116px;
float:left;
height:146px;
border-right:38px solid #FFFFFF;
}

#top_banner_area {
height:102px;
float:left;
width:849px;
}

#top_links {
width:251px;
float:right;
height:21px;
border-left:597px solid #FFFFFF;
}


#ban_area {
width:849px;
float:left;
}

#you_tube_link {
width:235px;
float:right;
border-top:35px solid #FFFFFF;
}

#image {
width:27px;
float:left;
height:27px;
text-align:center;
border-right:6px solid #FFFFFF;
}


#top_ban {
border-left:63px solid #FFFFFF;
width:462px;
height:62px;
float:left;
}

#top_ban img{
border:none;
}

#search_area {
background-image:url(images/search_bg.jpg);
background-repeat:repeat-x;
float:left;
width:825px;
height:35px;
border:1px solid #499EB3;
}

.top_links {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
}

.top_links:hover {
text-decoration:underline;
}

.search { 
color:#FFFFFF;
background-color:#499EB3;
width:53px; 
cursor:pointer; 
height:19px; 
border:none; 
}

.search1 { 
color:#FFFFFF;
background-color:#499EB3;
width:53px; 
font-size:12;
cursor:pointer; 
margin-left:5px;
height:19px; 
border:none; 
}



.comments { 
color:#FFFFFF;
background-color:#499EB3;
 
cursor:pointer; 
height:19px; 
border:none; 
}




.view_all { 
color:#FFFFFF;
background-color:#499EB3;
width:125px; 
cursor:pointer; 
height:19px; 
border:none; 
}

.view{ 
color:#FFFFFF;
background-color:#499EB3;
width:65px; 
cursor:pointer; 
height:19px; 
border:none; 
}

.go { 
color:#FFFFFF;
background-color:#499EB3;
width:32px; 
cursor:pointer; 
height:19px; 
border:none; 
}


.time_12{ 
color:#000000;
background-color:#FFFFFF;
width:70px; 
cursor:pointer; 
height:22px; 
border:none; 
}

#menu_area {
width:999px;
float:left;
height:39px;
border-bottom:5px solid #FFFFFF;
background-color:#FFFFFF;
padding-left:4px;
}

#menu {
background-image:url(images/menu_bg.jpg);
background-repeat:repeat-x;
float:left;
width:993px;
height:37px;
border:1px solid #CCCCCC;
}

#banner_areaa {
width:1003px;
float:left;
height:329px;
border-bottom:12px solid #FFFFFF;
background-color:#FFFFFF;
text-align:center;
}

#middle_area {
width:1003px;
float:left;
background-color:#FFFFFF;
border-bottom:6px solid #FFFFFF;
}

#mid_area_left {
width:207px;
float:left;
}

#ask_the_scholar {
padding:7px;
float:left;
width:190px;
background-color:#FFFFFF;
}

#ask_the_scholar ul {
list-style:none;
margin-left:-40px;
}
#ask_the_scholar ul li {
list-style:none;
}


.ask_text {
font-family:Verdana, Arial, Helvetica, sans-serifl;
font-size:14px;
color:#000000;
font-weight:bold;
}

.time {
font-family:Verdana, Arial, Helvetica, sans-serifl;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
}


.time_a {
font-family:Verdana, Arial, Helvetica, sans-serifl;
font-size:11px;
color:#FFFFFF;
}

.time_table {
font-family:Verdana, Arial, Helvetica, sans-serifl;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
azimuth:left;
text-algin:left;
}

#ad_area {
width:193px;
float:left;
text-align:center;
background-color:#FFFFFF;
padding:7px;
border-bottom:8px solid #FFFFFF;
}

#ad_areaa{
width:193px;
float:left;
text-align:center;
background-color:#FFFFFF;
padding:7px;
}

#ad_areaa img{

border:none;

}

#mid_area {
width:589px;
float:left;
}

#tv_area {
border:1px solid #A1C6E6;
background-image:url(images/tv_bg.jpg);
background-repeat:repeat-x;
float:left;
width:587px;
height:130px;
border-bottom:8px solid #FFFFFF;
}

#tv_areaa {
border:1px solid #A1C6E6;
background-image:url(images/tv_bg.jpg);
background-repeat:repeat-x;
float:left;
width:587px;
height:382px;
border-bottom:8px solid #FFFFFF;
}

#bait_area {
border:1px solid #A1C6E6;
background-image:url(images/bait_bg.jpg);
background-repeat:repeat-x;
float:left;
width:587px;
height:256px;
}

#name_area {
padding:5px;
float:left;
width:190px;
background-color:#FFFFFF;
text-align:center;
border-bottom:4px solid #FFFFFF;
}

#name_areaa {
padding:7px;
float:left;
width:190px;
background-color:#FFFFFF;
text-align:center;
}

#name_areaa img{

border:none;

}


#prayer_time_table {
background-image:url(images/prayer_time_table.jpg);
background-repeat:no-repeat;
float:left;
text-align:center;
width:196px;
height:220px;
border-left:6px solid #FFFFFF;
border-bottom:12px solid #FFFFFF;
}

#text {
width:193px;
border-left:7px solid #FFFFFF;
float:left;
border-bottom:1px solid #499EB3;
height:50px;
border-right:7px solid #FFFFFF;
}

.text {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
font-weight:bold;
text-align:center;
}

#live_tv_area {
width:587px;
float:left;
height:32px;
}


#bot_area {
background-image:url(images/bot_bg.jpg);
background-repeat:repeat-x;
float:left;
width:1003px;
height:370px;
}

.islamic_text {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
text-decoration:none;
font-weight:normal;
}

.islamic_text:hover {
text-decoration:underline;
}


.bait {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
text-decoration:underline;
font-weight:normal;
}

.bait:hover {
text-decoration:none;
}

.bot_link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-decoration:none;
font-weight:bold;
color:#000000;
}





.bot_link:hover {
text-decoration:underline;
}

.textField{
width:175px;
}


.image img{

border-width:1;
border-color:#000000;

}

.bot_link1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:right;
text-decoration:none;
font-weight:bold;
color:#000000;
}

#latest_videos{
	width:150px;
	float:right;
}

#videoitem{
	width:72px;
	height:70px;
	float:left;
	margin-right:12px;
}

.date-for{


color:#000000;
font-size:10px;
font-weight:600;
font:Arial, Helvetica, sans-serif;

}



/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
height:334px;	width: 994px;
	left:4px;

}



/*==============================================================*/
/*--Window/Masking Styles--*/
.window {
	height:334px;	width: 994px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
	left:0;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {
float: left;
border:none;

}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 55px; right: -7px;
	width: 250px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 45px;
	background: none;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: none;
	border: none;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}


/**=======================================================================================================/

*************** banner management ************/
/*************************
******** Arrows **********
**************************/	
div.jMyCarousel .prev{
	background: url('img/left.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}
div.jMyCarousel .next{
	background: url('img/right.png') center center no-repeat;
	width:40px;
	height:61px;
	border:0px;
}
div.jMyCarousel .up{
	background: url('img/up.png') center center no-repeat;
	width:61px;
	height:40px;
	border:0px;
}

div.jMyCarousel .down{
	background: url('img/down.png') center center no-repeat;
	width:47px;
	height:61px;
	border:0px;
}


/** carousel 1 **/
div.jMyCarousel{
width:400px;
}
div.jMyCarousel ul li{
	border:1px solid #fff;
	line-height:0px;
	margin-right:15px;
}

div.jMyCarousel ul li a{ /* in case of link */
	display:block;
	border:0px;
}

div.jMyCarousel ul li a img{
	display:block;
	border:0px;
}


.user{
padding-top:5px;
}

/*  work on nav  */

#primary-nav {
    background: none;
    height: 35px;
}
#primary-nav-inner {
    height: 35px;
    margin: 0 auto;
    padding-left: 1px;
    width: 939px;
}
#primary-nav ul {
    line-height: 35px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#primary-nav ul a {
    display: block;
    position: relative;
}
#primary-nav ul li {
    float: left;
    position: relative;
    z-index: 40;
}
#primary-nav ul li:hover {
    visibility: inherit;
}
#primary-nav ul ul {
    position: absolute;
    top: -9999em;
    width: 198px;
}
#primary-nav ul ul li {
    width: 100%;
}
#primary-nav ul li:hover ul, #primary-nav ul li.sfHover ul {
    left: 0px;
    top: 34px;
    z-index: 99;
}
#primary-nav ul li:hover li ul, #primary-nav ul li.sfHover li ul, #primary-nav ul li li:hover li ul, #primary-nav ul li li.sfHover li ul, #primary-nav ul li li li:hover li ul, #primary-nav ul li li li.sfHover li ul {
    top: -9999em;
}
#primary-nav ul li li:hover ul, #primary-nav ul li li.sfHover ul, #primary-nav ul li li li:hover ul, #primary-nav ul li li li.sfHover ul, #primary-nav ul li li li li:hover ul, #primary-nav ul li li li li.sfHover ul {
    left: -198px;
    top: -1px;
}
#primary-nav ul li li:hover ul {
    right: 198px;
    top: -1px;
}
#primary-nav ul li {
    padding: 1px 25px 0 0;
}
#primary-nav ul a {
    color: #fff;
    font:300 9pt verdana;
    padding:10px 15px;
	text-decoration:none;
}
#primary-nav ul a:hover, #primary-nav ul li.sfHover a, #primary-nav ul li.current-cat a{
    background:#D8EFFF ;
    color: #555555 ;

}
#primary-nav ul ul {
    background: none repeat scroll 0 0 #e8f6ff;
    padding: 0;
}
#primary-nav ul ul li {
    background: none repeat scroll 0 0 transparent;
    /* border-bottom: 1px solid #C5C5C5; */
    float: none;
    height: 35px;
    line-height: 35px;
}
#primary-nav ul ul li a {
    color: #666666;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
}
#primary-nav ul li.sfHover ul a {
        color: #666666;
}
#primary-nav ul li.sfHover ul a:hover {
    background:#F8F8F8;
    color: #555555;
}
#primary-nav ul ul ul {
    padding: 0;
}
#primary-nav ul ul li.sfHover, #primary-nav ul ul li.sfHover, #primary-nav ul ul a:focus, #primary-nav ul ul a:hover, #primary-nav ul ul a:active {
    outline: 0 none;
}
.menu-main-menu-container {
	margin:0 0 0 15px;
}
.copyrights {
	color:#fff;
	text-decoration:none;
}
.copyrights:hover {
	color:#000;

}
.sultani-title  a {
	color:#000;
	text-decoration:none;
}
.sultani-title  a:hover{
	text-decoration:underline;
}