/*	----------------	LAYOUT LEVEL 1	-------------------	*/

	/*	SET LINK COLOR	*/
	A:link	{ COLOR: #006699; TEXT-DECORATION: none}
	A:hover { COLOR: #FF6600; TEXT-DECORATION: underline }
	A:active { COLOR: #006633 }   		/* active links */
	A:visited { COLOR: #99ccff }    	/* visited links */

/*
link ngisor	FF3333	ABANG
link ngisor	22AA11	IJO
link ngisor	33CC00	IJO 2
*/

.floatLeft { FLOAT: left }
.floatRight { FLOAT: right }

BODY {
	/*	SET BOX	*/
	BACKGROUND: #EEEEEE; 
	PADDING: 0px; 
	MARGIN-TOP: 0px;		
	MARGIN-BOTTOM: 0px;	

	/*	SET FONT	font, font-family; -style -variant -weight -size	*/
	FONT-FAMILY: Verdana, Arial, Helvetica;		
	FONT-SIZE: 11px;

	/*	SET COLOR	color, background, background-color; -image -repeat -attachment - position	*/
	COLOR: #333333; 

	/*	SET TEXT	word-spacing, letter-spacing, text-decoration, vertical-align, text-transform,
					text-align, text-indent, line-height	*/
	TEXT-ALIGN: left;
	LINE-HEIGHT: 1.5em;
	LETTER-SPACING: -0.05em;	

	/*	SET CLASSIFY	display, white-space, list-style, list-style-type; -image -position */
	DISPLAY: block;		/* block | inline | list-item | none*/
	LIST-STYLE: none;
}	

/*	WRONG ID	

#01-string
no numbers	!!
only string	!!

*/

#A-TOP {
	background-color: #FFFFFF;		
	border-left: dotted 1px #999999;		
	border-right: dotted 1px #999999;		
	display: block;		
	width: 760px;			
	TEXT-ALIGN: center;
	MARGIN-TOP: 0px;		
	MARGIN-BOTTOM: 0px;	
	PADDING-TOP: 10px;		
	PADDING-BOTTOM: 0px;	
	}

	#A-TOP-LOGO {
/*		background-color: #CCEEFF;	*/
/*		background-color: #F0FFE0;	*/
		background-color: #F0F8F0;	
		border: solid 1px #80B860;		
		display: block;		
		width: 718px;			
		TEXT-ALIGN: center;
		PADDING-TOP: 5px;		
		PADDING-BOTTOM: 5px;	
		MARGIN-LEFT: 20px;		
		MARGIN-RIGHT: 20px;	
		}

#B-MAIN {	
/*	border: solid red 1px;		*/
/*	float: left;				*/
	border-right: dotted 1px #999999;		
	background: #FFFFFF;			
	display: block;		
	width: 760px;			
	TEXT-ALIGN: left;
	MARGIN-TOP: 0px;		
	MARGIN-BOTTOM: 0px;	
	/*	NO MARGIN PADDING , MARAI RA NENGAH	*/
	}

/*	#B-MAIN-LEFT {	*/
#B-MAIN-CONTENT {	/*	----------	LEFT	-----------	*/
	clear: both;
/*	border: solid red 1px;		*/
	border-left: dotted 1px #999999;		
	background:	#FFFFFF;			/*	#EEFFFF;	*/
	float: left;
	width: 500px;				
	/*	NO MARGIN PADDING , MARAI RA NENGAH	*/
	}

/*	#B-MAIN-RIGHT {	*/
#B-MAIN-NAV {		/*	----------	RIGHT	-----------	*/
/*	border: solid #aaaaaa 1px;		*/
/*	border-left: dotted 1px #999999;		*/
	float: left;
	width: 230px;
/*	background:#FFFFEE;		*/
	padding-bottom:20px;
}



/*	----------------	LAYOUT FOR MAIN-CONTENT SECTION	-------------------	*/
	#FEATURE-CAT {
/*	L2-cat {	*/
/*		border:solid blue 1px;			*/
		float:left; 				
		padding: 0px 0px 2px 10px;
		margin: 5px 5px 5px 5px;
		}

		#FEATURE-CAT SPAN {
			PADDING-TOP: 5px; 
			PADDING-BOTTOM: 0px; 
			PADDING-RIGHT: 0px; 
			PADDING-LEFT: 10px; 
			MARGIN: 0px; 
			FONT: bold 1.3em Verdana, Arial, Helvetica, sans-serif; 
			TEXT-TRANSFORM: uppercase;		
			TEXT-DECORATION: underline;		
			COLOR: #333; 
	/*		BACKGROUND-COLOR: #FFEECC;		*/
			}

		#FEATURE-CAT SPAN EM {
			COLOR: #FF3333;
			}

		#FEATURE-CAT UL {
		/*	LIST-STYLE: none;		*/
	/*		LIST-STYLE-IMAGE: ">";		*/
			LETTER-SPACING: 0.02em;
			LIST-STYLE-POSITION: inside;		
			LIST-STYLE-TYPE: disc;		
			FONT-SIZE: 1em;
			LINE-HEIGHT: 1em;
			MARGIN-TOP: 2px;
			MARGIN-LEFT: 15px;
			PADDING-LEFT: 0px;
			}

	#FEATURE-LINK {
/*	#L2-link {	*/
/*		border:solid blue 1px;			*/
		clear: both;
		padding: 0px 0px 2px 0px;
		margin: 5px 5px 5px 5px;
		}

		#FEATURE-LINK OL {
/*		border:solid blue 1px;			*/
			text-align: left;
/*			FONT-SIZE: 1.1em;		*/
/*			LINE-HEIGHT: 1.8em;		*/
/*			font-weight: 400;		*/
/*			letter-spacing: 0em;	*/
			FONT-SIZE: 1em;		
			LINE-HEIGHT: 1.6em;		
			font-weight: 400;		
			letter-spacing: -0.05em;	
			margin: 15px 0px 2px 0px;	
			padding: 2px 20px 2px 50px;	
			}

		#FEATURE-LINK OL H2 {
/*			COLOR: #006699;		*/
/*			border-bottom: solid 1px #99ccff;	*/
			DISPLAY: list-item;		/* block | inline | list-item | none*/
			LIST-STYLE-POSITION: outside;		
			LINE-HEIGHT: 1em;	
			text-align: left;
			padding: 20px 0px 0px 2px;
			margin: 0px 0px 0px 0px;
/*			font-size: 18px;	*/
/*			font-weight: 500;	*/
			font-size: 22px;	
			font-weight: 700;	
			letter-spacing: -1px;
			}

		#FEATURE-LINK P {
			DISPLAY: block;		/* block | inline | list-item | none*/
			border-bottom: solid 1px #cccccc;	
			margin: 0px 0px 0px 0px;	
			padding: 5px 0px 50px 0px;	
			}

		#FEATURE-LINK OL P img {
			margin: 5px 10px 2px 5px;
			padding: 0px 0px 0px 0px;
			CLEAR: both;
			float: left;		
			}

		#FEATURE-LINK OL P A EM {
			COLOR: #FF3333;
			}

		#FEATURE-LINK OL P EM {
			COLOR: #33CC00;
			}

		#FEATURE-LINK OL SPAN EM STRONG {
			COLOR: #006699;
			}

	#FEATURE-GUIDES-FULL {
/*		border:solid blue 1px;			*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 1em; 
		LINE-HEIGHT: 1.3em;
		MARGIN: 0px 0px 0px 0px; 
		PADDING: 5px 0px 5px 20px; 
		}

		#FEATURE-GUIDES-FULL H1 {
			background-color: #CCEEFF;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			FONT-SIZE: 1.2em; 
			LINE-HEIGHT: 1.2em;
			COLOR: #333; 
			MARGIN: 10px 0px 0px 0px; 
			PADDING: 0px 5px 2px 8px; 
	/*		TEXT-TRANSFORM: uppercase;		*/
	/*			TEXT-DECORATION: underline;		*/
			}

		#FEATURE-GUIDES-FULL H2 {
			FONT-SIZE: 1.1em; 
			LINE-HEIGHT: 1.2em;
			}

		#FEATURE-GUIDES-FULL H3 {
			FONT-SIZE: 1em; 
			LINE-HEIGHT: 1.3em;
			}

/*	#L2-news-full {		*/
	#FEATURE-NEWS {
		padding: 0px 0px 2px 0px;
		margin: 5px 0px 5px 5px;
		}

		#FEATURE-NEWS H1 {
			background-color: #CCEEFF;
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			FONT-SIZE: 1.6em; 
			LINE-HEIGHT: 1.2em;
			COLOR: #333; 
			MARGIN: 10px 0px 0px 0px; 
			PADDING: 0px 5px 2px 8px; 
			}

		#FEATURE-NEWS UL {
/*			LIST-STYLE-POSITION: outside;		*/
			LIST-STYLE-TYPE: none;		
			FONT-SIZE: 1em;
			LINE-HEIGHT: 1.4em;
			MARGIN-TOP: 2px;
			MARGIN-LEFT: 25px;
			PADDING-LEFT: 0px;
			}

		#FEATURE-NEWS UL LI {
			PADDING-TOP: 15px;
			}


/*	----------------	LAYOUT FOR BOXES	-------------------	*/
/*	#L3-ga-01 {		*/
	#BOX-02 {		/*	GA STYLE - NON BULLETED - AND LISTING /W DESCR	*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
/*		LETTER-SPACING: 0.03em;		*/
		padding: 0px 0px 2px 0px;
		margin: 15px 15px 5px 15px;
		}

		#BOX-02 H2 {					/*	FOR GUIDES TIP TRICKS LIST */
			DISPLAY: list-item;
			FONT-SIZE: 1.1em;
			LINE-HEIGHT: 1.2em;
			MARGIN: 0px;
			}

		#BOX-02 P {					/*	FOR GUIDES TIP TRICKS LIST */
			MARGIN-TOP: 2px;
			MARGIN-BOTTOM: 15px;
			}

		#BOX-02 H3 {
			DISPLAY: block;
			BACKGROUND-COLOR: #336699;		
			FONT-SIZE: 1.2em;
			COLOR: #FFFFFF;
			PADDING: 0px 0px 0px 10px; 
			MARGIN: 0px; 
			TEXT-TRANSFORM: uppercase; 
			BORDER-BOTTOM: #cccccc 1px solid
			}

		#BOX-02 SPAN {
			DISPLAY: block;
			BACKGROUND-COLOR: #336699;		
			FONT-SIZE: 1.2em;
/*			COLOR: #333;		*/
			COLOR: #FFFFFF;
			PADDING: 0px 0px 0px 10px; 
			MARGIN: 0px; 
			TEXT-TRANSFORM: uppercase; 
/*			TEXT-DECORATION: underline;		*/
			BORDER-BOTTOM: #cccccc 1px solid
			}

		#BOX-02 UL {
			LIST-STYLE: none;		
			FONT-SIZE: 1em;
			LINE-HEIGHT: 1.2em;
			MARGIN-TOP: 12px;
			MARGIN-LEFT: 15px;
			PADDING-LEFT: 0px;
			}

		#BOX-02 UL LI {
			MARGIN-TOP: 2px;
			MARGIN-BOTTOM: 15px;
			}

		#BOX-02 UL LI STRONG {
			LIST-STYLE: none;		
			FONT-SIZE: 1.1em;
			LINE-HEIGHT: 1.2em;
			}

		#BOX-02 UL EM {
			COLOR: #FF3333;
/*			COLOR: #22AA11;	33CC00	*/
			}

/*	#L3-nav-01 {			*/
	#BOX-01 {			/*	BOX AT LEFT SIDE - BULLETED FOR NAV	- AND LISTING W/O DESCR	*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
/*		LETTER-SPACING: 0.03em;		*/
		padding: 0px 0px 2px 0px;
		margin: 15px 10px 5px 10px;
		}

		#BOX-01 H3 {
			DISPLAY: block;
			BACKGROUND-COLOR: #336699;		
			FONT-SIZE: 1.2em;
/*			COLOR: #333;		*/
			COLOR: #FFFFFF;
			PADDING: 0px 0px 0px 10px; 
			MARGIN: 0px; 
			TEXT-TRANSFORM: uppercase; 
/*			TEXT-DECORATION: underline;		*/
			BORDER-BOTTOM: #cccccc 1px solid
			}

		#BOX-01 SPAN {
			DISPLAY: block;
			BACKGROUND-COLOR: #336699;		
			FONT-SIZE: 1.2em;
/*			COLOR: #333;		*/
			COLOR: #FFFFFF;
			PADDING: 0px 0px 0px 10px; 
			MARGIN: 0px; 
			TEXT-TRANSFORM: uppercase; 
/*			TEXT-DECORATION: underline;		*/
			BORDER-BOTTOM: #cccccc 1px solid
			}

		#BOX-01 UL {
			LIST-STYLE: square inside;		
			FONT-SIZE: 1em;
			LINE-HEIGHT: 1.4em;
			MARGIN: 5px 0px 0px 5px;
			PADDING: 0px;
			}

		#BOX-01 UL LI {
			BORDER-BOTTOM: solid #dddddd 1px;		
			}

		#BOX-01 UL LI EM {
			COLOR: #FF3333;
/*			COLOR: #33CC00;			*/
			BORDER-BOTTOM: solid #dddddd 1px;		
			}

/*	#L3-main-left {		*/
	#BOX-03 {		/*	FLOAT LEFT, NO UNDERLINE, FOR MAIN PAGE	*/
/*		clear: both;	*/
		float: left;		
/*		border:solid blue 1px;			*/
		width: 220px;
		padding: 0px 0px 2px 2px;
		margin: 5px 5px 5px 5px;
		}

		#BOX-03 P {
			DISPLAY: block;
			BORDER-BOTTOM: #eee 1px solid;
			BACKGROUND-COLOR: #EEEEEE;
			PADDING-TOP: 5px; 
			PADDING-BOTTOM: 0px; 
			PADDING-RIGHT: 0px; 
			PADDING-LEFT: 10px; 
			MARGIN: 0px; 
			FONT: bold 1.2em Verdana, Arial, Helvetica, sans-serif; 
			TEXT-TRANSFORM: uppercase; 
			TEXT-DECORATION: underline;
			COLOR: #333; 
			}

		#BOX-03 P UL {
	/*		LIST-STYLE-IMAGE: ">";		*/
			LIST-STYLE-POSITION: inside;		
			LIST-STYLE: square;		
			FONT-SIZE: 1em;
			LINE-HEIGHT: 1.4em;
			MARGIN-TOP: 2px;
			MARGIN-LEFT: 15px;
			PADDING-LEFT: 0px;
			}

/*	#L3-main-right {	*/
	#BOX-04 {		/*	FLOAT RIGHT, NO UNDERLINE, FOR MAIN PAGE	*/
		border-left:dotted #cccccc 1px;			
		float: right;	
		width: 230px;
		padding: 0px 0px 2px 12px;
		margin: 5px 5px 5px 5px;
		}

		#BOX-04 H2 {
			DISPLAY: block;
			BORDER-BOTTOM: #eee 1px solid;
			BACKGROUND-COLOR: #EEEEEE;
			PADDING-TOP: 5px; 
			PADDING-BOTTOM: 0px; 
			PADDING-RIGHT: 0px; 
			PADDING-LEFT: 10px; 
			MARGIN: 0px; 
			FONT: bold 1.2em Verdana, Arial, Helvetica, sans-serif; 
			TEXT-TRANSFORM: uppercase; 
			TEXT-DECORATION: underline;
			COLOR: #333; 
			}

		#BOX-04 P {
			PADDING-BOTTOM: 10px;		
/*			BORDER: SOLID BLUE 1PX;		*/
			}

		#BOX-04 P EM {
			COLOR: #FF3333;
			PADDING-BOTTOM: 10px;		
/*			BORDER: SOLID BLUE 1PX;		*/
			}

		#BOX-NAV-HORZ-01 {
			clear: both;
			TEXT-ALIGN: center;
			border-left: dotted 1px #999999;		
			border-right: dotted 1px #999999;		
			width: 760px;			
			BACKGROUND: #FFFFFF; 
			}

		#BOX-NAV-HORZ-02 {
			TEXT-ALIGN: center;
			BACKGROUND: #FFFFFF; 
			padding: 20px 20px 20px 20px;
			}

/*	----------------	TOP & LOGO	-------------------	*/
	#mainH1 DIV {
/*		border: solid blue 1px;		*/
/*		BORDER-BOTTOM: solid #EEEEEE 3px;	*/
		background-color: #CCEEFF;
		text-align: left;
		TEXT-TRANSFORM: uppercase; 
/*		TEXT-DECORATION: underline;		*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 1.5em;
		FONT-WEIGHT: 1.5em;
		LINE-HEIGHT: 1.6em;
		margin: 8px 0px 5px 10px;	
		padding: 0px 0px 0px 8px;	
		}


	#mainH1 H1 {
/*		background-color: #CCEEFF;	*/
		text-align: left;
/*		TEXT-TRANSFORM: uppercase;	*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 0.8em;
		FONT-WEIGHT: 400;
		LINE-HEIGHT: 1em;
		margin: 8px 0px 5px 10px;	
		padding: 0px 0px 0px 8px;	
		}

	#searchform {
		WIDTH: 760px;
		background-color: #FFFFFF;		
		border-left: dotted 1px #999999;		
		border-right: dotted 1px #999999;		
		display: block;		
		TEXT-ALIGN: center;
		MARGIN-TOP: 0px;		
		MARGIN-BOTTOM: 0px;	
		PADDING-TOP: 15px;		
		PADDING-BOTTOM: 15px;	
		}

	#boxdesc {	/*	FOR DECRIPTION AT TOP LOGO	*/	
		border: solid #CCCCCC 1px;
		background-color: #EEFFDD;		/* FFFFEE */
		float: right;	
		width: 300px;
		FONT-SIZE: 1em;
		FONT-WEIGHT: 1.5em;
		LINE-HEIGHT: 1.2em;
		LETTER-SPACING: -0.05em;
		margin: 0px;
		padding: 2px 3px 2px 3px;
		}

	.logo1 {
/*		background-color: #FFFFEE;	*/
/*		background-color: #EEEEEE;	*/
		margin: 0px 0px 0px 0px;
		padding: 0px;	
		font-size: 18px;
		font-weight: 600;
		letter-spacing: -2px
		}
	.logo2 {
		margin: 0px 0px 0px 0px;
		padding: 0px;	
		font-size: 12px;
		font-weight: 400;
		letter-spacing: -1px
		}
	.logo3 {
		margin: 0px 0px 0px 0px;
		TEXT-DECORATION: underline;
		padding: 0px;	
		font-size: 10px;
		font-weight: normal;
		letter-spacing: -1px
		}
		
/*	----------------	TOP & LOGO	-------------------	*/

	.comment {
/*		color: green;	*/
		text-align: left;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: -1px;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 2px 0px;
		}

	.small {
		text-align: left;
		font-size: 10px;
		font-weight: 400;
		letter-spacing: 0px;
		padding: 0px 0px 0px 5px;
		margin: 0px 0px 2px 0px;
		}

/*	---------------------------		DETAIL & COMMENT	----------------------	*/

/*	#L2-detail {	*/
	#FEATURE-DETAIL {
/*		border: solid blue 1px;			*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 1.2em;
		FONT-WEIGHT: 1em;
		LINE-HEIGHT: 1.6em;
		COLOR: #333; 
		margin: 0px 0px 0px 0px;
		padding:10px 0px 20px 10px;
		}

		#FEATURE-DETAIL H1 {
			PADDING: 5px 0px 0px 10px; 
			MARGIN: 0px; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			FONT-SIZE: 1.3em;
			FONT-WEIGHT: 1em;
			LINE-HEIGHT: 1.4em;
	/*		TEXT-TRANSFORM: uppercase;		*/
	/*			TEXT-DECORATION: underline;		*/
			COLOR: #333; 
			BACKGROUND-COLOR: #FFEECC;		
			}

		#FEATURE-DETAIL img {
			margin: 5px 10px 2px 5px;
			padding: 0px 0px 0px 0px;
			CLEAR: both;	
			float: left;		
			}

		#FEATURE-DETAIL P A EM {
			COLOR: #FF3333;
			}

/*	#L2-detail-comment {	*/
	#FEATURE-COMMENT {
/*		border: solid blue 1px;			*/
		FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
		FONT-SIZE: 1em;
		FONT-WEIGHT: 1em;
		LINE-HEIGHT: 1.6em;
		COLOR: #333; 
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 20px 10px;
		}

		#FEATURE-COMMENT H2 {
			PADDING: 5px 0px 0px 10px; 
			MARGIN: 0px; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			FONT-SIZE: 1.5em;
			FONT-WEIGHT: 1.4em;
			LINE-HEIGHT: 1.6em;
			COLOR: #333; 
			BACKGROUND-COLOR: #FFEECC;		
			}

		#FEATURE-COMMENT H3 {
			border:dashed #66CC33 1px;			
			background: #FFFFCC;				
			PADDING: 5px 0px 0px 10px; 
			MARGIN: 0px; 
			FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
			FONT-SIZE: 1.5em;
			FONT-WEIGHT: 1.4em;
			LINE-HEIGHT: 1.6em;
			COLOR: #333; 
			}

		#FEATURE-COMMENT UL {
	/*		border: solid blue 1px;		*/
	/*		LIST-STYLE: none;			*/
			LIST-STYLE-POSITION: outside;		
			LIST-STYLE-TYPE: disc;		
			PADDING: 0px 0px 10px 20px; 
			}

		#FEATURE-COMMENT UL P {
	/*		BACKGROUND-COLOR: #FFFFEE;		*/	/*	WARNA COMMENT	*/
			DISPLAY: list-item;
			PADDING: 5px 0px 10px 0px; 
			}

		#FEATURE-COMMENT UL P EM{
			BACKGROUND-COLOR: #EEEEEE;		
			}

		#FEATURE-COMMENT UL LI {
			DISPLAY: list-item;
			PADDING: 5px 0px 10px 0px; 
			}

		#FEATURE-COMMENT UL LI EM{
			BACKGROUND-COLOR: #EEEEEE;		
			}