/**
 * L4A styles
 **/

body { 
	background:#F1EBF0 url(http://images.khuddam.net/collections/images/l4a/page_bg.png) repeat-x scroll 0 0; 
}
body, #sitenav, h1, p, h2 { font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; color:black; }
.page-wrap-inner { float:left; border-left:1px solid #996600; border-right:1px solid #996600;}

#page_wrap { margin: 0px auto; padding:0; }
#header, #logo, #logo img, #sitenav, #body-wrap, #footer_wrap, .page-wrap-inner { width:998px; }
#header, #logo, #logo img { height:175px; }

#header {
	background:transparent url(http://images.khuddam.net/collections/images/l4a/l4a-header.jpg) no-repeat scroll left top;
    position:relative;
}

#header-custom { position:absolute; left:570px; top:3px; width:420px; height:100px; }
#header-links .content-box-wrap { float:left; }
#header-links ul { width:300px; }


#sitenav { 
	background:transparent none; padding-top:5px; text-align:center; height:auto; font-size:11px;
	border-bottom:10px solid #660066; border-top:0.5px dotted #996600; 
}
#sitenav ul { float:none; }
#sitenav ul ul { top:24px; margin-left:2px; }
#nav ul { background:none; border-color:#660066; }
#nav li { border:0; }
#sitenav ul ul li a { margin:0; border:0; border-top:1px solid silver; text-align:left; width:125px; }
#sitenav ul ul li a:hover { font-weight:bold; }
#sitenav li a { 
	background:#FFFFFF; border:1px solid #DCDCE9; color:#0D2474; display:block; height:22px; letter-spacing:0;
	line-height:22px; text-align:center; text-decoration:none; 
        margin: 0 2px; padding:0 15px;
}

#nav a:link, #nav a:active, #nav a:visited, #nav a:link, #nav a:active, #nav a:visited { 
	color:#0D2474; display:block; text-decoration:none; background:#FFFFFF;
}

#content_main, #content_main_top, #content_main_bottom { background:transparent none; border:none;  }
#content_main_top, #content_main_bottom { width:770px; }
#content_main_wrap { width:790px; float:left; overflow:hidden; }
#content_main_wrap .wrap-25, #content_side_wrap .wrap-20 { padding:10px; }
#content_side_wrap { 
    width:205px; float:right; border-left:thin dotted #990099; 
    margin-bottom:-32767px; padding-bottom:32767px;
    background-color: white;
}
.site-search input { border:1px solid #996600;  }

#content_main_wrap h1 { 
	background:transparent url(http://images.khuddam.net/collections/images/l4a/h1_bg.gif) repeat-x scroll 0 0;
	border-bottom:0.5px dotted #996600; border-top:0.5px ridge #996600; font-size:16px; padding:6px; text-align:center; 
	color: black; text-transform: uppercase; clear:both;
}

.article-wrap { 
    background-color:#FFFFFF; border:thin dotted #990099; 
    margin:20px; overflow:auto; padding:0; float:left;
    width:958px;
}
#content_main_wrap .article-wrap h1, #content_main_wrap .article-teaser h1,
#content_main_wrap .article-wrap h2 
{ font-size:14px; border:none; background:none; text-align:left; text-transform:none; padding:12px; margin:0; }
#content_main_wrap .article-wrap p { font-size:14px; text-align:justify; padding:12px; margin:0; }

#footer_wrap {float:left; background:#999999 none; margin:0; padding:0; }

#footer {width:980px; float:left;}
#footer_wrap .wrap-10 { padding:0; }

#footer p {margin:0; text-align:center;}

#video_grid_container { border:thin solid #990099;
margin:12px; overflow:auto; padding:0; }

#subsection_left { float:left; width:45%; }
#subsection_right { float:right; width:45%; }

#video_grid_content {
    background:#CCCCCC none repeat scroll 0 0;
    border:thin dotted #990099; float:left;
    margin:10px; padding:6px; width:90%;
}


#video_grid_content_hp { float:right; margin:0px; padding:2px; }
.article-wrap #video_grid_content_hp { margin:0 0 10px 10px; }

#video_grid_content object { margin:0 auto; display:block; }

body.about-us .article-wrap img,
body.service-to-humanity .article-wrap img,
body.islam .article-wrap img {
    margin-left:50px !important;
}

body.faqs-on-islam .article-wrap .headline,
body.brochure .article-wrap .headline{
    display:none;
}

#content_left, #content_right { float:left; margin:12px; text-align:justify; width:45%; }
#content_right { float:right;}
#press_release { 
    background:transparent url(http://images.khuddam.net/collections/images/l4a/horizontal_press_release_bg.png) no-repeat scroll right bottom;
    border:thin dotted #999999; margin:12px; padding:5px; width:95%; 
}
#content_main_wrap .article-wrap #press_release p {
    margin:0 12px; padding:5px;
}

body.brochure #content_main_wrap .article-wrap img {padding:20px;}
body.brochure #content_main_wrap .article-wrap p {clear:right;}

.object-list-sl, .object-list-msl { background-color:#FFFFFF; border:thin dotted #990099; float:left;
margin:0 0 10px 0; overflow:auto; padding:0; width:auto; padding:10px 0 0 10px; }

.object-list-sl ul, .object-list-msl ul { width:758px; }

.object-list-sl li, .object-list-msl li { float:left; margin: 0 10px 10px 0; width:366px; clear:none;
background:transparent url(http://images.khuddam.net/collections/images/l4a/horizontal_press_release_bg.png) no-repeat scroll right bottom;
border:thin dotted #999999; height:175px; overflow:hidden;
}
#content_main_wrap .object-list-msl h1 { padding:3px 0; }
.object-list-sl .article-teaser, .object-list-msl .article-teaser { padding:5px; border:0; }
.object-list-sl .teaser-image { float:right !important; margin:0 12px; padding:5px; border:0; }
.object-list-sl .fudge-date, .object-list-sl p,
.object-list-msl .fudge-date, .object-list-msl p { margin:0; padding:5px 12px; font-size:14px; line-height:20px; }
.object-list-sl .fudge-date, .object-list-msl .fudge-date { font-style:italic; }
.object-list-msl .fudge-date { font-size:12px; padding-left:0; }
.object-list-msl li { height:130px; }
.pagination { margin:0 0 10px 0; width:768px; border:thin dotted #999999; padding:0;
background:transparent url(http://images.khuddam.net/collections/images/l4a/horizontal_press_release_bg.png) no-repeat scroll right bottom; }
.pagination div { padding:5px !important; }


/** LIST CODA SLIDER **/

#slider, #content_main_wrap .article-wrap, #content_main_wrap .main-object {
    background-color:#FFFFFF; border:thin dotted #990099; padding:10px;
    width:auto; margin:0 0 10px 0;
}
#slider .scroll li {  
    background:url("http://images.khuddam.net/collections/images/l4a/horizontal_press_release_bg.png") no-repeat scroll right bottom transparent;
    border:thin dotted #999999; float:left; padding:5px; margin-top:10px;
}
#slider .scroll li .article-teaser { height:132px; width:356px; }
#slider .scroll li h1 { margin:2px 0 5px; padding:0; clear:right; }
#slider .scroll li .fudge-date { color:#808080; }
#slider .scroll li p { margin: 2px 0; }

.scroll li.itm_0, .scroll li.itm_2, .scroll li.itm_4, .scroll li.itm_6, .scroll li.itm_8 {
    margin-right:10px;
}

#slider { position: relative; }
.scroll { width:748px; overflow: hidden; clear: left; position: relative; /* fix for IE to respect overflow */ }
.scrollContainer div.panel { width: 748px; /* change to 560px if not using JS to remove rh.scroll */ }
.scrollButtons { position: absolute; top: 10px; cursor: pointer; }
.scrollButtons.left { left: -10px; display:none; }
.scrollButtons.right { right: -20px; display:none; }

#slider ul.navigation li { margin:0 8px; float:left; }
#slider ul.navigation.tc1 { display:none; }
#slider ul.navigation.tc2 { width:80px; }
#slider ul.navigation.tc3 { width:120px; }
#slider ul.navigation.tc4 { width:160px; }
#slider ul.navigation.tc5 { width:200px; }
#slider ul.navigation { margin:0 auto; }

#slider .navigation img { width:13px; height:16px; border:0; }
#slider .navigation a { float:left; background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/unselected.png) no-repeat scroll 0px 0px; }
#slider .navigation a.selected { background: transparent url(http://images.khuddam.org.uk/collections/images/k2_design/selcted.png) no-repeat scroll 0px 0px; }

#content_side_wrap .puff { width:185px; }
#content_side_wrap .puff img { width:185px; height:auto; }

#content_main_wrap .article-wrap h1 { width:748px; }
#content_main_wrap .article-wrap h1,
#content_main_wrap .article-wrap p { 
    margin:0; padding:12px 0; 
}


#content-head { background: url("http://images.khuddam.net/collections/images/l4a/h1_bg.gif") repeat-x scroll 0 0 transparent; border:0; }

#breadcrumb h1, #content_main_wrap .main-object h1 { background:none; border:none; margin:0; padding:0; text-transform:none; text-align:left; }
#breadcrumb h1 { font-size:14px; line-height:14px; }
#breadcrumb ul li.current { float:left; clear:none; }
#content_main_wrap .article-teaser h1, #content_main_wrap .main-object h1 { clear:none; }

#content_main_wrap .main-object { clear:both; float:left; margin-bottom:20px; }
.mm-audio, .mm-video { width: 748px; margin:0; }