a#sp_logo { background:url(images/logo_sgpools.jpg) no-repeat;display:block; width:52px; height:70px;}
a#chinese_tab { background:url(images/btn_chi.jpg) no-repeat;display:block; width:53px; height:24px;}
li#separator_nav {background:url(images/separator_nav_pink.jpg);width:5px; height:47px;}
td#main_nav_separator {background:url(images/separator_header.jpg);width:4px; height:18px;}
a#btn_add {background:url(images/btn_nav_add_pink.jpg) no-repeat;display:block; width:35px; height:45px;}
td#nav_pink {width:100%; background-image:url(images/bg_nav_all_pink.jpg); background-repeat:repeat-x;  }

/*Header Main Navigation*/
#navi_all { background:url(images/nav_lottery_all.jpg) no-repeat 0 0;display:block;height:15px;width:44px; position: relative;}
#navi_all:hover{background-position:0 -15px; }

#navi_sport { background:url(images/nav_lottery_sports.jpg) no-repeat 0 0;display:block;height:15px;width:65px; position: relative;}
#navi_sport:hover{background-position:0 -15px; }

#navi_lottery { background:url(images/nav_lottery_lottery.jpg) no-repeat 0 0;display:block;height:15px;width:68px; position: relative; background-position:0 -15px;}
#navi_lottery:hover{background-position:0 -15px; }

#navi_corporate { background:url(images/nav_lottery_corporate.jpg) no-repeat 0 0;display:block;height:15px;width:87px; position: relative;}
#navi_corporate:hover{background-position:0 -15px; }

/*Header Main Bottom */
tr#navi_main_bottom{font-size:10px;}

#navi_main_bottom a{ color:#373737; text-decoration:none; cursor:hand;}
#navi_main_bottom a:hover{ color:#000; text-decoration:underline;}
#navi_main_bottom a:visited{ color:#373737; text-decoration:none;}

/* Menu Background controller --- */
a em{display: block;float: left;background: url(images/bg_nav_pink.jpg) no-repeat;width: 5px;height: 32px;}
a span{display: block;float: left;background: url(images/bg_nav_pink.jpg) repeat-x;height: 32px;padding:0 2px 0 2px;}
a b{display: block;float: left;background: url(images/bg_nav_pink.jpg) no-repeat;width: 5px;height: 32px;} 

a:hover em{display: block;float: left;background: url(images/bg_nav_all_left_pink.jpg) no-repeat;width: 5px;height: 31px;}
a:hover span{display: block;float: left;background: url(images/bg_nav_all_mid_pink.jpg) center repeat-x;height: 31px;padding:0 2px 0 2px;}
a:hover b{display: block;float: left;background: url(images/bg_nav_all_right_pink.jpg) no-repeat;width: 5px;height: 31px;} 


/* Dropdown Menu------- */

#nav_all_pink {width:100%; background-image:url(images/bg_nav_all_pink.jpg); font-size:10px; margin:0; padding:0; font-weight:bold; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; }		


/* remove the list style */
#nav {	margin:0;padding:0 0 0 10px; list-style:none;float:left;	}	
#nav ul {	list-style:none; }	
	
/* make the LI display inline */
/* it's position relative so that position absolute */
/* can be used in submenu */
#nav li span, em, b {margin: 0 0 0; padding:16px 0 0 0; }	
#nav li {float:left; display:block;	position:relative;z-index:500; margin:0 4px 0 4px;padding:0;}
		
/* this is the parent menu */
#nav li a {	display:block; text-decoration:none; color:#fff;cursor:hand; }
#nav li a:hover {color:#fff;}
#nav li a:visited{color:#fff;}
	
/* submenu, it's hidden by default */
#nav ul {position:absolute;	top:47px; left:-2px;display:none;margin:0; padding:0;list-style:none;}
		
/*submenu background color*/
#subnav li{color:#fff;background:#dd3775;}
#nav li#top {border-top:1px solid #e86e9c;}
#nav ul li {width:180px; float:left;border-bottom:1px solid #e86e9c; border-left:1px solid #e86e9c; border-right:1px solid #e86e9c; text-align:left;}
		
/* display block will make the link fill the whole area of LI */
#nav ul a {	display:block; height:10px;padding: 8px 5px; color:#fff;}
#nav ul a:hover {text-decoration:none;	background:#be0b50;	}

/* fix ie6 small issue */
*html #nav ul {	margin:0 0 0 -2px; width:200px;	}
		
/* End Dropdown Menu------- */	
	
		
/*nav elements*/
#nav_elements {float:right; margin-right:10px;}

/* News*/
#news {color:#0c618a; padding:2px 10px 2px 10px; font-weight:bold; height:15px; background:url(images/bg_header_news.jpg);}

 

