@charset "utf-8";
/* Copyright 2009 Digital Gaia Solutions
   All rights reserved */
body {
	background-color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #999999;
	text-decoration: none;
	margin: 0px;
}

#wrapper { text-align:center; margin-left:auto;margin-right:auto; width:1000px; }
#header-outer-wrapper { width:100%; background-image: url(images/ukhwah_07.jpg);
	background-repeat: repeat-x; height:97px; }
#header-wrapper { /*width:950px ;*/ width:980px; margin-left:auto; margin-right:auto;  /* maybe need to remove  */ }
#header-left {
	float:left;
	background-image: url(images/ukhwah_01.jpg);
	background-repeat: repeat-x;
	}
#header { height:97px; float:left; }
#header-right { float:left;
	background-image: url(images/ukhwah_07.jpg);
	background-repeat: repeat-x; }
.bar {
	width:923px;
	height:44px;
	background-image: url(images/ukhwah_subpage_03.jpg);
	margin-left:12px;
}
#search {
	/*margin-top:10px;*/
	/*margin-top:0px;
	margin-right:5px;*/
	border: 1px solid #cbcbcb;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	width:200px; height:20px;
	margin-top:10px;
	/*padding:0px;*/
}
#searchbar { text-align:right;padding-right:20px; padding-top:0px;height:44px; margin:0px; vertical-align:top;}
#submit { /*margin:0px; /*padding-top:10px; */ margin-top:5px;}
#menu-outer-wrapper {width:100%; background-color:#f2f2f2; }	
#menu-wrapper { height:36px; width:980px;  margin-left:auto; margin-right:auto;}
#menu-left { float:left;}
#menu {
	float:left;
	width:923px;
	height:36px;
	background-attachment: scroll;
	background-image: url(images/ukhwah_10.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align:top;
	padding:0;
}
#menu-right {float:left;}
#menu ul { padding:0; margin:0; text-align:center; list-style:none;}
#menu li a:link, #menu  li a:visited, #menu  li a:active{
	float:left;
	list-style:none;
	margin:10px 25px 5px 25px;
	color:#FFFFFF;
	/*text-transform: capitalize;*/
	font-size: 12px;
	text-decoration:none;
	
}
#menu ul li a:hover { /*background-color:#CCCC66; padding:5px;*/ color:#FFCC00;}
#rss {
	float:right;
	margin:5px 15px 10px 0px;;
	padding:0;
	width:22px;
	height:22px;
	background-image:url(images/subscribe_rss3.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left top;
}
#body-outer-wrapper { width:100%; background-color:#f2f2f2; }
#body-wrapper { height:36px; width:980px;  margin-left:auto; margin-right:auto;background-color:#f2f2f2;  }
#body-left1 { 
	float:left; width:5px; height:100%;
	background-attachment: scroll;
	background-image: url(images/ukhwah_13.jpg);
	background-repeat: repeat-y;
	background-position: right top;}
#body-left2 { 
	float:left; width:10px; height:100%;
	background-attachment: scroll;
	background-image: url(images/ukhwah_14.jpg);
	background-repeat: repeat-y;
	background-position: right top;}
#body {
	float:left;
	text-align:center;
	width:979px; /*953 +12 + */
	height:1170px;
	padding:0;margin:0;
	background-color:#fff;
	
}
#splash { background-color:#FFFFFF; float:left; width:948px;; text-align:left; /*margin:0 10px 0 12px;*/}
#splash-content { /*margin:0 10px 0 12px;*/ width:926px; background-color:#FFFFFF;  float:left; margin-left:12px;}
	#slider{ width:923px;}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:923px;
		height:368px;
		overflow:hidden; 
		}	

#splash2 {width:100%; text-align:center; padding:0; margin:0 10px 0 12px; padding-right:12px; }
#jcontrol a:link, #jcontrol a:visited, #jcontrol a:active { color:#ffffff; }
#jcontrol a:hover { color:#FFCC00; }
#content { width:100%  ; margin-top:10px; background-color:#FFFFFF; height:auto;}
#content h2 {
	background-image:url(images/botbar.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
	font-size:15px;
	padding-top:0;
	margin-top:0;
	color:#24266f;
	font-family: Georgia, Helvetica, Verdana, Arial, sans-serif;
	
}
#content-left {
	width:38%;
	float:left;
	font-size:13px;
	padding:0 10px 10px 30px;
	color:#323232;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	 border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e9e9e9;
	
}
#content-mid { width:30%; float:left; font-size:13px; padding:0 0 10px 30px; color:#323232; 
	font-family: Helvetica, Verdana, Arial, sans-serif;margin-right:10px;
}
#content-mid ul, #content-mid li{ padding:0 0 0 10px; margin:0;}
#content-mid li {
	list-style-position: outside;
	list-style-image: url(images/arrow.jpg);
	list-style-type: none;
}
#content-left p a:link, #content-left p a:visited, #content-left p a:active, #content-mid p a:link, #content-mid p a:visited, #content-mid p a:active { text-decoration:none; color:#24266f; }
#content-left p a:hover, #content-mid p a:hover { text-decoration:none; color:#FFCC00; }
#content-left p {float:left; }
#content-left img {float:left; padding-right:10px;/* padding-bottom:2px; */}
.alignright { text-align:right; float:right;}
/*#content-mid { width:38%; float:left; }*/
#content-right {width:23%;  float:left;}
#content-right-bot { width:100%; clear:both; height:300px; float:left; }
/*Subpages */
#content-left-sub {
	width:58%;
	float:left;
	font-size:13px;
	padding:0 10px 10px 30px;
	color:#323232;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	 border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e9e9e9;
	
}
#content-mid-sub { width:30%; float:left; font-size:13px; padding:0 0 10px 30px; color:#323232; 
	font-family: Helvetica, Verdana, Arial, sans-serif;margin-right:10px;
}
#content-mid-sub ul, #content-mid-sub li{ padding:0 0 0 10px; margin:0;}
#content-mid-sub li {
	list-style-position: outside;
	list-style-image: url(images/arrow.jpg);
	list-style-type: none;
}
#content-mid-sub li a { text-decoration:none; color:#323232; }
#content-mid-sub li a:hover { text-decoration:none; color:#2164b1; }
#content-left-sub p a:link, #content-left-sub p a:visited, #content-left-sub p a:active, #content-mid-sub p a:link, #content-mid-sub p a:visited, #content-mid-sub p a:active { text-decoration:none; color:#24266f; }
#content-left-sub p a:hover, #content-mid-sub p a:hover { text-decoration:none; color:#FFCC00; }
#content-left-sub p {float:left; }
#content-left-sub img {
	float:left;
	/*padding-right:10px;/* padding-bottom:2px; */
	border: 5px solid #CCCCCC;
}
.alignright { text-align:right; float:right;}
/*#content-mid { width:38%; float:left; }*/
#content-right-sub {width:23%;  float:left;}
#content-right-bot { /*width:100%;*//* padding-left:20px;*/
	float:right;
	width:50%;
	height:120px;
	margin:0;
	padding:0;
	vertical-align: top;
}
/*#content-right-bot img { padding-left:20px;}*/
/* End subpages */
#content-footer { width:100%; background-color:#FFFFFF; clear:both; }
#footer1 {
	background-color:#FFFFFF;
	background-attachment: scroll;
	background-image: url(images/ukhwah_24.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:100%; height:19px;
}
#footer2 { 
    background-color:#F2f2f2;
	background-attachment: scroll;
	background-image: url(images/ukhwah_26.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:100%; height:90px;
	margin:0;padding:0; 
   }
#footer3 { width:100%; height:150px;  background-color:#F2f2f2;}
#footer3-1 { float:left; width:40%; padding:10px 5px 10px 30px; font-size:9px;}
#footer3-1 h3 {  padding-left:40px;}
#footer3-2 { float:left; width:54%; padding:10px 10px 10px 5px ;}
#footer3-1-1 {
	float:left;
	width:40%;
	font-size:11px;
	list-style-position: outside;
	list-style-type: none;
}
#footer3-1-2 {float:left; width:50% ; font-size:11px; list-style-position: outside; list-style-type: none;}
#footer3-1-1 li, #footer3-1-2 li { list-style-position: outside; list-style-type: none; }
#gallery  img {
		border: 5px solid #e2e0e0;
		border-width: 5px 5px 5px;
	}
	#gallery  a:hover img {
		border: 5px solid #ff9900;
		border-width: 5px 5px 5px;
		color: #fff;
	}
	#gallery  a:hover { color: #fff; }
#footer4 {
  
    background-color:#Fff;
	background-attachment: scroll;
	background-image: url(images/ukhwah_28.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width:100%; height:58px;
	margin:0;padding:48px 0 0 0;
	font-size:11px;
	text-align:center;
	vertical-align:bottom; }

#footer5 { background-color:#Fff;
	background-attachment: scroll;
	background-image: url(images/footerdgs.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	width:100%; height:50px;}
#footer5 span { width:100%; height:50px; display:block; }
#body-right1 {float:left; width:10px; height:100%;
	background-attachment: scroll;
	background-image: url(images/ukhwah_18.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	background-color:#FFFFFF;}
#body-right2 { float:left;width:6px; height:100%;
	background-attachment: scroll;
	background-image: url(images/ukhwah_19.jpg);
	background-repeat: repeat-y;
	background-position: left top; }
	
/* Ajax tab */
#img { float:left; width:283px;  }
#imgtop{ 
	background-image:url(images/imgtop.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: bottom; 
	width:283px; height:5px;
	/*margin-top:10px;*/}
#imgdisplay {
	width:277px;
	/*height:165px;*/
	padding-bottom:3px;
	padding-left:5px;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;}
#post {margin-top:20px;}
#story { float:left;  width:330px; padding:5px 5px 5px 10px; text-align:left; color:#000000;}
#story a:link, #story a:visited, #story a:active { text-decoration:none; color:#3399cc; }
#story a:hover { text-decoration:underline; color:#3399cc; }
#story h3 { margin-bottom:0 ; padding-bottom:0px; }
#story h4 { color:#999999; font-size:11px; padding-top:0px; margin-top:0px; font-weight:normal; }
.clearboth { clear:both; width:100%; height:20px; border-bottom: solid 1px #eaeaea; margin-bottom:10px;}

/*end ajax tab */
#Table_01 img { border:none; }
.boundingbox { background-image:url(images/boundingbox2.jpg); width:107px; height:22px;display:block;padding-left:13px;padding-top:10px; }
.orangminyak { display:none; }
.point {
	background-image:url(images/arrow.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left;
	padding-left:15px;
	
}
.download, .download a:link,  .download a:visited, .download a:active { font-weight:bold; color:#24266f; text-decoration:none; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;  }
.download a:hover { color:#FF9900;}
#xtvt img { border-bottom-color:#FFFFFF; border-bottom-style:solid; border-bottom-width:5px; 
border-left-color:#FFFFFF; border-left-style:solid; border-left-width:5px;
border-right-color:#FFFFFF; border-right-style:solid; border-right-width:5px;
border-top-color:#FFFFFF; border-top-style:solid; border-top-width:5px; }