BODY {
		FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
A:link , A:Active , A:Visited
{
	COLOR: #EF1921;
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;
}
A:hover {
	COLOR: #000049;
	FONT-SIZE: 12px; 
	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: 14px; COLOR: #EF1921; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma; 
}
P {
	FONT-SIZE: 12px; 
	margin: 0;
}
.Khairul_bodytxtJ {
	TEXT-ALIGN: justify; COLOR: #000000; 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: 12px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY:  Trebuchet MS, Verdana, Tahoma, Arial; 	
    TEXT-DECORATION: none;
	background-image:url(images/bgmenu2.gif);	    
}
.midmenu A:hover {
    COLOR: #A70715;
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;	
    TEXT-DECORATION: none;
	background-image:url(images/bgmenu1.gif);
}
.footmenu A:link, .footmenu A:Active, .footmenu A:Visited {
    COLOR: #ffffff;
   	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY:  Trebuchet MS, Verdana, Tahoma, Arial; 	
    TEXT-DECORATION: none;
}
.footmenu A:hover {
    COLOR: #A70715;
	FONT-SIZE: 12px; 
	FONT-WEIGHT: normal;
	FONT-FAMILY: Trebuchet MS, Verdana, Tahoma, Arial;	
    TEXT-DECORATION: none;
}

.Khairul_imgleft {
	BACKGROUND-COLOR: #B2ACB3; 
	BORDER-TOP: #CCCAB0 1px solid; 
	BORDER-BOTTOM: #2C2A2B 1px solid; 		
	BORDER-COLLAPSE: collapse 
}
.Khairul_imgright {
	BACKGROUND-COLOR: #B2ACB3; 
	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_leftfooter {
	BACKGROUND-COLOR: #1D1D50; 
}
.Khairul_BodyTbl {
	BACKGROUND-COLOR: #ffffff; 
}
TABLE {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 12px; COLOR: #000000
}
input, select {
	color : #000000;
	font-size : 12px;
	font-family : Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif;
}
INPUT {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Trebuchet MS, Verdana, Tahoma,  Arial, Helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 12px; FONT-WEIGHT: normal; FONT-FAMILY: Trebuchet MS, Verdana,  Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 12px; 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: 12px; FONT-FAMILY: Trebuchet MS, Verdana, Arial, sans-serif
}
RADIO {
	FONT-SIZE: 12px; 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
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 170px; /* Width of Menu Items */
	border-bottom: 0px 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: #1D1D50; /* Menu BG - IE6 Bug */
	padding: 5px;
	border: 0px 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: #B2ACB3;   /* 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; }