BODY {
		FONT-SIZE: 11px; COLOR: #333333; BACKGROUND-COLOR: #D7D7D7; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
A:link , A:Active , A:Visited
{
	COLOR: #EF1921;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;
}
A:hover {
	COLOR: #000080;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
	TEXT-DECORATION: none;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;
}

.Khairul_title  {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #EF1921; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma; 
}
.Khairul_Subtitle {
	FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #393D6E; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma; 
}
P {
	FONT-SIZE: 12px; 
	margin: 0;
}
.Khairul_bodytxtJ {
	TEXT-ALIGN: justify; COLOR: #333333; FONT-SIZE: 12px; LINE-HEIGHT: 18px; FONT-FAMILY: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif
}
.midmenu A:link , .midmenu A:Active , .midmenu A:Visited
{
    COLOR: #ffffff;
   	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial; 	
    TEXT-DECORATION: none
}
.midmenu A:hover
{
    COLOR: #333333;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;	
    TEXT-DECORATION: none
}
.footmenu A:link , .footmenu A:Active , .footmenu A:Visited
{
    COLOR: #333333;
   	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial; 	
    TEXT-DECORATION: none
}
.footmenu A:hover
{
    COLOR: #04B621;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;	
    TEXT-DECORATION: none
}
.javamenu A:link , .javamenu A:Active , .javamenu A:Visited
{
    COLOR: #ffffff;
   	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial; 	
    TEXT-DECORATION: none
}
.javamenu A:hover
{
    COLOR: #EEAE00;
	FONT-SIZE: 11px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;	
    TEXT-DECORATION: none
}

.Khairul_imgleft {
	BACKGROUND-COLOR: #2C2A2B; 
	BORDER-TOP: #CCCAB0 1px solid; 
	BORDER-BOTTOM: #2C2A2B 1px solid; 		
	BORDER-COLLAPSE: collapse 
}
.Khairul_imgright {
	background:url(images/bg_right.gif);
	BORDER-LEFT: #CCCAB0 1px solid; 
	BORDER-TOP: #CCCAB0 1px solid; 
	BORDER-BOTTOM: #2C2A2B 1px solid; 		
	BORDER-COLLAPSE: collapse 
}
.Khairul_bodytop {
	BORDER-TOP: #2C2A2B 1px solid; 
	BORDER-COLLAPSE: collapse 
}
.Khairul_lefttop {
	BACKGROUND-COLOR: #ffffff; 
	BORDER-RIGHT: #E3E0E0 1px solid; 
	BORDER-COLLAPSE: collapse 
}
.Khairul_leftmenu {
	BACKGROUND-COLOR: #393D6E; 
	BORDER-RIGHT: #E3E0E0 1px solid; 
	BORDER-COLLAPSE: collapse 
}
.Khairul_leftfooter {
	BACKGROUND-COLOR: #393D6E; 
	BORDER-RIGHT: #E3E0E0 1px solid; 
	BORDER-LEFT: #E3E0E0 1px solid; 
	BORDER-COLLAPSE: collapse 
}
.Khairul_leftfooterR {
	BACKGROUND-COLOR: #B49F70; 
	BORDER-TOP: #E3E0E0 1px solid; 
	BORDER-COLLAPSE: collapse 
}
.Khairul_BodyTbl {
	BACKGROUND-COLOR: #ffffff; 
	BORDER-RIGHT: #E3E0E0 1px solid;
	BORDER-LEFT: #E3E0E0 1px solid; 	 
	BORDER-COLLAPSE: collapse 
}
.Khairul_boxFeatured {
BORDER-RIGHT: #717171 1px solid; 
BORDER-LEFT: #717171 1px solid; 
BORDER-BOTTOM: #717171 1px solid; 
BORDER-COLLAPSE: collapse; 
BACKGROUND-COLOR: #2C2A2B;
}

TABLE {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 11px; COLOR: #333333
}
input, select {
	color : #333333;
	font-size : 11px;
	font-family : Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif;
}
INPUT {
	FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Trebuchet MS, Verdana,  Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 11px; FONT-WEIGHT: normal; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
INPUT.button {
	BORDER-RIGHT: 1px outset; BORDER-TOP: 1px outset; FONT-SIZE: 12px; BORDER-LEFT: 1px outset; COLOR: #a00000; BORDER-BOTTOM: 1px outset
}
CHECKBOX {
	FONT-SIZE: 11px; FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif
}
RADIO {
	FONT-SIZE: 11px; FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif
}
.Khairul_frame {
	BORDER-RIGHT: #C0C0C0 1px solid; BORDER-TOP: #C0C0C0 1px solid; BORDER-LEFT: #C0C0C0 1px solid; BORDER-BOTTOM: #C0C0C0 1px solid; BACKGROUND-COLOR: #DCE6F9
}
.Khairul_ECframe {
	BORDER-RIGHT: #C0C0C0 1px solid; BORDER-TOP: #C0C0C0 1px solid; BORDER-LEFT: #C0C0C0 1px solid; BORDER-BOTTOM: #C0C0C0 1px solid; BACKGROUND-COLOR: #DCE6F9
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}
	
ul li {
	position: relative;
	}
	
li ul {
	position: absolute;
	left: 169px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #F7F5F5;  
	background: #7197E8; /* Menu BG - IE6 Bug */
	padding: 5px;
	border: 1px solid #ccc;  /* IE6 Bug */
	border-bottom: 0;
/* UnComment if You Want have Shadow
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);
*/
        }

#nav ul li a:hover{ /*Theme Change here*/
	background-color: #F4C434;   /* bg on mouse event */
} 

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } 
li:hover ul ul, li.over ul ul {display: none;} 
ul ul li:hover ul, ul ul li.over ul {display: block; }