
.library-services
{
font-size:18px;
color:#333333;
font-family:georgia;
font-weight:bold;
}

.thumb {
  display:block;
  float:left;
  margin:0;
  padding:0 3px 3px 0;
   list-style:none;
  }
.thumb a, .thumb a:link, .thumb a:visited {
  background:none !important;
  display:block;
 
  border:none;
 /* text-indent:16px;
  width:120px;
  height:120px; */
  font-size:1px;
  line-height:1px;
  margin:16px;
  }





#homefeature {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; FLOAT: left; BORDER-LEFT: #000000 1px solid; WIDTH: 400px; BORDER-BOTTOM: #000000 1px solid; HEIGHT: 300px
}
#homefeaturetext {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-WEIGHT: normal; FONT-SIZE: 11px; PADDING-BOTTOM: 5px;  PADDING-TOP: 8px; FONT-FAMILY: verdana; HEIGHT: 73px; ;
}
#homefeaturetext H1 {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 7px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-Serif
}
A.homefeaturelink:link {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 7px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-DECORATION: none
}
A.homefeaturelink:visited {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 7px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-DECORATION: none
}
A.homefeaturelink:hover {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 7px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-DECORATION: underline
}
A.homefeaturelink:active {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 7px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans-Serif; TEXT-DECORATION: underline
}





















#masthead{
	padding: 0px 0px 0px 0px;
	
	width: 950px;
	margin:auto;
	
}


#toppart{
	
width: 950px;
margin: auto;
height:123px;
background: url(../images/bannertop.jpg) no-repeat;
	
}



#row01-col01{
	
float: left;
width: 590px;
margin: 0;
height:123px;
/*background: url(../images/logobanner.gif) no-repeat;*/
	
}

#row01-col02{
	
float: right;
width: 360px;
margin: 0;
height:123px;


	
}

#right01{
	

width: 360px;
margin: 0;
height:47px;
text-align:right;
line-height:45px;

}

#right02{
	

width: 360px;
margin: 0;
height:47px;

}

#right03{
	

width: 360px;
margin: 0;
height:15px;

}

#title01{

font-size:18px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#108ABD;
line-height:19px;
width: 590px;
margin: 0;
vertical-align:middle;

}

#title02{

font-size:24px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000085;
line-height:29px;
width: 590px;
margin: 0;
vertical-align:middle;

}


#title03{

font-size:12px;
font-weight:bold;
font-family:arial;
text-transform:uppercase;
/*color:#666666;*/
color:#ffffff;
line-height:15px;
width: 590px;
margin: 0;
padding-top:-3px;
vertical-align:middle;

}

/*

html>body #menu a{ 
font-family: arial;
	font-size: 12px;
	color: #000000;
	background-color:#ffffff;
}


#menu a:link
{
font-family: arial;
	font-size: 12px;
	color: #000000;
	background-color:#ffffff;
}





#menu a:active
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	background-color:#B8D3EE;
}

#menu a:hover
{
	font-family: arial;
	font-size: 12px;
	color: #000000;
	background-color:#B8D3EE;
	
	
	
}


*/



 #content-container /*background color for body in index.php*/
{
width: 950px;
/*clear:both;*/
margin: 10px auto;
background-color: #000000;
color: #333;
border: 1px solid #E7E8E6;
line-height: 130%;
background: url(../images/grad-1.gif) repeat-x bottom;
}

 #content-container-home
{
width: 950px;
clear:both;
margin: 10px auto;
background-color: #fff;
color: #333;

line-height: 130%;

}



#leftnav
{
float: left;
width: 180px;
margin: 0;
padding: 0px;
}


#rightnav
{
float: right;
width: 225px;
margin: 0;
padding: 10px;
}


#content
{
margin-left: 180px;
border-left: 1px solid #E7E8E6;
margin-right: 245px;
border-right: 1px solid #E7E8E6;
padding: 25px;

}



#leftnav-home
{
float: left;
width:460px;


border-right: 1px solid #E7E8E6;
padding:20px;



}


#rightnav-home
{
float: right;
width: 225px;
margin: 0;
border-left: 1px solid #E7E8E6;
}


#content-home
{
float: left;
width: 180px;
margin: 0;

}



 #content-container-home
{
width: 950px;
clear:both;
margin: 10px auto;
background-color: #fff;
color: #333;
background: url(../images/grad-1.gif) repeat-x bottom;
}







#menu-title
{

font-size: 14px;
font-family:arial;
padding:5px 10px;
color:#000000;
font-weight:bold;
}

#menu-title2
{

font-size: 14px;
font-family:arial;
padding:0px 0px 0px 10px;

color:#ffffff;
font-weight:bold;
background: url(../images/menugbg.gif) repeat-x bottom;
line-height:30px;

}


#menu-title3
{

font-size: 14px;
font-family:arial;
padding:0px 0px 0px 10px;

color:#ffffff;
font-weight:bold;
background: url(../images/menugbg2.gif) repeat-x bottom;
line-height:30px;

}



#bottom{
	width:950px;
	clear: both;
	color: #cccccc;
	padding-top:30px;
	height:30px;
		
	
}

#bottom-l{
	float:left;
	width:650px;
	text-align:left;
	color: #666666;
	
		
	
}

#bottom-r{
		float:right;
	text-align:right;
	
		
	
}



#siteInfo{
	width:950px;
	clear: both;
	color: #666666;
	margin:auto;
	padding: 10px 10px 10px 10px;
}

#bottom_left{
	float:left;
	padding:10px 0px;
	width:500px;
}

#bottom_right{
	float:right;
	padding:10px 0px;
	text-align:right;
}


body{
	font-family: verdana;
	color: #333333;
	font-size:11px;
	margin: 0px;
	padding: 0px;
	line-height:130%;
        background-image:url('/Pustaka-Sarawak/images/newBg.jpg');
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-position:center top;
	
}

a{
	color: #1F4063;
	text-decoration: none;
}

a:link{
	color: #1F4063;
	text-decoration: none;
}

a:visited{
	color: #1F4063;
	text-decoration: none;
}

a:hover{
	color: #006699;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 color: #194E84;
 font-size: 20px;
 font-weight:normal;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 14px;
 color: #3B6B9C;
 margin: 0px;
 padding: 0px;
}

.subtitle{
 font-family: georgia;
 font-size: 15px;
 font-weight: bold;
 color: #4A8E94;
 margin: 0px;
 padding: 4px 0px;
}

.subtitle2{
 font-family: georgia;
 font-size: 13px;
 font-weight: bold;
 color: #000000;
 margin: 0px;
 padding: 4px 0px;
}

h5{
font-family: georgia;
 font-size: 12px;
 font-weight: bold;
 color: #4A8E94;
 margin: 0px;
 padding: 4px 0px;
}



label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}



.relatedLinks{
	position: relative;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font-size: 90%;
}

.relatedLinks h3{
	padding: 10px 0px 2px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block; 
}




/* Login Form */
#ja-login {
	position: relative;
	top: 0px;
	float: right;
	
	direction: ltr;
	right: 0;
	background: url(../images/grad4.gif) repeat-x bottom #F8F8F7;
	padding: 5px 3px;
	border: 1px solid #dddddd;
	
	font-family: "Tahoma", Arial, sans-serif;
	
}

#ja-login form {
	float: left;
}


#ja-login form input {
	font-size: 11px !important;
	float: left;
	font-family: "Tahoma", Arial, sans-serif;
	border:1px solid #dddddd;
}

#ja-login form a {
	color: #858783;
	background: url(../images/vline.gif) no-repeat 4px 1px;
	
	text-decoration: none;
	font-size: 92%;
	font-family: "Tahoma", Arial, sans-serif;
}

#ja-login form a:hover,
#ja-login form a:active,
#ja-login form a:focus {
	color: #858783;
	font-family: "Tahoma", Arial, sans-serif;
	text-decoration: underline;
}

.ja-login-links {
	padding-top: 1px;
	clear: both;
	font-family: "Tahoma", Arial, sans-serif;
	
}



/*left navigation menu*/

ul.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu li {
	background: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu li a {
	display: block;
	margin:0;
	outline: none;
	font-family: "Tahoma", Arial, sans-serif;
	padding: 5px 20px;
/* 	padding-right: 25px !important;
	float: right; */
	color: #626A69;
	/* text-align:right; */
	border-bottom: 1px solid #E7E8E6;
	background: url(../images/arrow.gif) no-repeat 2% center;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
	color: #2C79B3;
	/* text-align:right; */
	background: url(../images/arrow2.gif) no-repeat 2% center;
	text-decoration:none;
	background-color:#eeeeee;
}

ul.menu li.active a {
	color: #2C79B3;
	font-weight: bold;
}

ul.menu li ul {
	list-style: none;
	margin: 0;
	padding:0px 5px 0px 18px ;
}


ul.menu li li {
	list-style: none;
	margin: 0;
	
}

ul.menu li li a {
	
	background: url(../images/bullet.gif) no-repeat 10px 8px  center center;
	
	font-family: "Tahoma", Arial, sans-serif;
	font-weight: normal ;
	padding:5px 5px 5px 20px ;
	list-style:none;
	 /*need for ie6 transparent*/
}

ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
	background: url(../images/bullet.gif) no-repeat 10px 8px  center center;
}

/*CSS drop down menu */


#menu
{
clear:both;
width:950px;
margin:auto;
font-size: 12px;
font-family:arial;
color:#ffffff;
font-weight:bold;

background:url(../images/grad2.gif) repeat-x;
}




.chromestyle{

font-weight: bold;
padding-left:0px;


}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{



padding: 7px 0px;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #ffffff;
padding: 5px 7px;
margin: 0;
text-decoration: none;

}

.chromestyle ul li a:link{
color: #ffffff;
padding: 5px 7px;
margin: 0;
text-decoration: none;

}


.chromestyle ul li a:hover{
color: #000000;
padding: 6px 7px;
margin: 0;
text-decoration: none;
background:url(../images/greenbg.gif) repeat-x;



}


body#homenav li#homenav, 
body#aboutus li#aboutus, 
body#ourservices li#ourservices,
body#membership li#membership,
body#ahli li#ahli,
body#ourservices li#ourservices,
body#smartpartners li#smartpartners,
body#rlinks li#rlinks,
body#media li#media,
body#contactus li#contactus,
 { 

padding:6px 0px;
color:#ffffff;
background:url(../images/greenbg.gif) repeat-x;
  }

.chromestyle li ul{
margin:0px; 
padding: 0; 
	list-style: none; 
font-family:arial;


}

.chromestyle li li{
	
	padding: 0; 
	margin: auto; 
	color: #000000; 
		
}

.chromestyle li li a{
	display: block; 
	position: relative; 
	
	color: #000000; 
	text-decoration: none; 
	padding-left: 0px;
}

.chromestyle li li a:hover{
display: block; 
	position: relative; 
	color: #000; 
	text-decoration: underline; 
	
	
}

.col1 {
margin-left:0px;

clear:both;

}
 
.col2 {
margin-left: 140px;
clear:both;
}
 
.col3 {
margin-left: 140px;
clear:both;
}


.col4 {
margin-left: 185px;
clear:both;
}

 
 .coltopper {
 margin-top: -235px;
 clear:both;
 

 }	
 
  .coltopper2 {
 margin-top: -160px;
 clear:both;
 

 }	
  .colleft {
 margin-left: -25px;

 

 }

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
padding-top: 5px;
border: 2px solid #6DA3DF; /*THEME CHANGE HERE*/
font:normal 11px arial;
line-height:12px;
background-color: white;
width: 320px;
visibility: hidden;
height: 180px;

}


.dropmenudiv a{
width: auto;
display: block;

padding: 1px 0;
text-decoration: none;
color:#000000;

}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
color:#000000;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
text-decoration:underline;

}




.dropmenudiv2{
position:absolute;
padding-top: 5px;
border: 2px solid #6DA3DF; /*THEME CHANGE HERE*/
font:normal 11px arial;
line-height:12px;
background-color: white;
width: 360px;
visibility: hidden;
height: 250px;

}


.dropmenudiv2 a{
width: auto;
display: block;

padding: 1px 0;
text-decoration: none;
color:#000000;

}

* html .dropmenudiv2 a{ /*IE only hack*/
width: 100%;
color:#000000;
}

.dropmenudiv2 a:hover{ /*THEME CHANGE HERE*/
text-decoration:underline;

}

.dotted_line
{
width:100%;

background:url(../images/dotted.gif) repeat-x center;
height:10px;

}


.button{
background:url(../images/grad4.gif);
padding:2px 6px;
border:1px solid #cccccc;
height:20px;
line-height:20px;
font-size:11px;
font-family:arial;
font-weight:bold;
margin-right:10px;
display:inline-block;
text-decoration:none;
}


.main-title
{
border-bottom:1px solid #D9E7EE;
font-size: 25px;
border-top:1px solid #D9E7EE;
color:#17366E;
line-height:40px;
padding:0px 5px;
font-family:Georgia, "Times New Roman", Times, serif;
background:url(../images/bgblue.gif) repeat-x;
}



#eng {
	display: block;

	
}
#bm {
	display: none;

	
}

p
{

margin-top:5px;
}




.urbangreymenu{
width: 175px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 11px Verdana;
border-bottom: 1px solid #81B8A6;
background: url(../images/arrow.gif) no-repeat 2% center;
color: #000000;
/*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
padding: 7px 0px 7px 18px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;

color: #000000;
display: block;
}





.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding: 1px 3px 1px 10px; /*bottom spacing between menu items*/

}

.urbangreymenu ul li a{
font: normal 11px verdana;
border-bottom: 1px solid #dddddd;
color: black;

display: block;
padding: 3px 8px;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
text-decoration: none;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #9AD0BE;
text-decoration: none;
}



.menu-tab {background-color:#ececec; color:#272727; border-bottom:1px solid #d7d7d7; height:23px;width:700px;}
.menu-tab ul {margin:0px; padding:0px; list-style:none; text-align:center;}
.menu-tab li {display:inline; line-height:23px;}
.menu-tab li a {color:#000000; text-decoration:none; padding:4px 5px 6px 5px;  border-left:1px solid #ececec; border-right:1px solid #ececec;}
.menu-tab li a.tabactive {border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#CCCCCC; font-weight:bold;  position:relative;}
#tabcontent1,#tabcontent2,#tabcontent3 {border:1px solid #ececec; width:658px;padding:6px 20px; font-size:11px; margin-bottom:5px;}
#tabcontent4 #tabcontent5 {border:1px solid #ececec; width:658px;padding:6px 20px; font-size:11px; margin-bottom:5px;}
