body {
	background-image: ;
	background-position: center;
	margin: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	color:#fff; 
	font-size:10px;
}
h1, h2, h3, h4 { font-family: Arial, Helvetica, sans-serif; color:#fff;}

/* General links have to be in this order : link,visited,hover,active */        
a { color:#ccc; }  
a:link { color:#ccc; }
a:visited { color:#333;}
a:hover { color:#FFFFFF; }
a:active{ color:#ccc;}

#nav, #nav ul {
	vertical-align:middle;
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}

#nav a { display: block; color: #444; text-decoration: none; }
#nav li { display:inline; float: left; padding: 0; }
#nav li a { height:35px; }                    
#nav li a i { height:35px; visibility:hidden; } 
/* Customise the 1st level Menu here */ 
#nav li#n_home a { height:35px;width:63px;background:url(../images/generic/btn_home.gif) top right no-repeat; }
#nav li#n_ringgit  a{ height:35px;width:76px;background:url(../images/generic/btn_ringgit.gif) no-repeat top right; }
#nav li#n_unittrust a{ height:35px;width:77px;background:url(../images/generic/btn_unittrust.gif) top right no-repeat; }
#nav li#n_prepaid  a{ height:35px;width:98px;background:url(../images/generic/btn_prepaid.gif) no-repeat top right; }
#nav li#n_insurance  a{ height:35px;width:74px;background:url(../images/generic/btn_insurance.gif) no-repeat top right; }
#nav li#n_about a{ height:35px;width:74px;background:url(../images/generic/btn_about.gif) no-repeat top right; }
#nav li#n_contact a{ height:35px;width:88px;background:url(../images/generic/btn_contact.gif) no-repeat top right; }          

/*  Depending on how the image is prepared, based on the current one, it's split in half, so just move to the left  */
#nav li#n_home a:hover, #nav li#n_home a.current,
#nav li#n_ringgit a:hover, #nav li#n_ringgit a.current,
#nav li#n_unittrust a:hover, #nav li#n_unittrust a.current,
#nav li#n_prepaid a:hover, #nav li#n_prepaid a.current,
#nav li#n_insurance a:hover, #nav li#n_insurance a.current,
#nav li#n_about a:hover, #nav li#n_about a.current,
#nav li#n_contact a:hover, #nav li#n_contact a.current { background-position:top left; }

/* Reset the 1st level Dropdown background image */
#nav li#n_unittrust ul li a, 
#nav li#n_insurance ul li a,
#nav li#n_prepaid ul li a,
#nav li#n_about ul li a,
#nav li#n_contact ul li a,
#nav li#n_ringgit ul li a { background-image:none; height:auto; width:auto; }

                                                

#nav li ul {  
	background:#333;
	position: absolute;
	left: -999em;
	height: auto;
	width: 10em;
	w\idth: 9.9em;
	font-weight: normal;
	margin: 0;  
	color:#222;
}                                                           

/*First Level Dropdown*/
#nav li ul li { width:100%; border-bottom:1px dotted #666; }
#nav li ul li a { display:block; color:#222; padding:.5em; }
#nav li ul a:hover {  color:#666; background:#fff; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; } 
                                                                     
/* Customise links background and hover color below */
#nav li ul#nav_unittrust { background:#fdc64e; } 
#nav li ul#nav_unittrust li a:hover, #nav li ul#nav_unittrust li a.current { color:#fff;background:#fdad00; }
#nav li ul#nav_insurance { background:#92dcd4; }                     
#nav li ul#nav_insurance li a:hover, #nav li ul#nav_insurance li a.current { color:#fff;background:#22dcc8; }
#nav li ul#nav_prepaid { background:#dccf92; } 
#nav li ul#nav_prepaid li a:hover, #nav li ul#nav_prepaid li a.current { color:#fff;background:#dcc140; }
#nav li ul#nav_about { background:#f7488a; }                     
#nav li ul#nav_about li a:hover, #nav li ul#nav_about li a.current { color:#fff;background:#f71e70; }
#nav li ul#nav_contact { background:#fff; } 
#nav li ul#nav_contact li a:hover, #nav li ul#nav_contact li a.current { color:#666;background:#ccc; }
#nav li ul#nav_ringgit { background:#d1f899; } 
#nav li ul#nav_ringgit li a:hover, #nav li ul#nav_ringgit li a.current { color:#fff;background:#bef86a; }


