*margin { margin: 0; padding: 0;}
body { font: normal normal 14px/1.4em Arial, Helvetica, sans-serif; color: #333;}
ul, li { list-style: none;}
img { border: 0;}
a:link, a:visited { color: #333; text-decoration: none;}
a:hove, a:active { color: #ff0000; text-decoration: underline;}

#main_nav { margin: 0px auto; width: 980px; background: url('/hk/images/c1.jpg') no-repeat top center;}
#main_nav ul { padding: 4px 0 0 40px; height: 31px; clear: both; overflow: hidden; }
#main_nav ul li { margin-left: 10px; width: 100px; height: 31px; float: left; display: inline; background: url('/hk/images/c2.jpg') no-repeat top center; text-align: center}
#main_nav ul li a { display: block; padding-top: 7px; width: 100px; height: 24px; float: left;}
#main_nav ul li a:link, #main_nav ul li a:visited { color: #fff; font-weight: bold;}
#main_nav ul li.current, #main_nav ul li a:hover { color: #883817; background: url('/hk/images/c4.gif') no-repeat 0 0;}
#main_nav ul li.current a, #main_nav ul li.current a:visited { color: #883817;}


#sub_nav {margin:0px auto; width: 200px;; border: 1px solid #ccc; border-bottom: none; padding:0; float: left}
#sub_nav li { width: 200px; height: 44px; border-bottom: 1px solid #ccc; background: #E7F0F9; text-align: center; font-weight: bold; margin:0px;}
#sub_nav li a { display: block; width: 200px; padding-top: 12px; height: 32px;}
#sub_nav li a:active { text-decoration: underline; background:#99CCFF}
#sub_nav li a:hover{text-decoration:underline}
#sub_nav li.current2 { background: #E9FFAA;}