﻿#nav 
{
	margin:0px;
	width:100%;
height: 38px;  list-style-type: none;  padding-left:60px; 
line-height:24px;overflow:hidden; background-image:url(../../images/tpk/index_navigationbg.gif);
} 
#nav a 
{
	padding-top:8px;
display: block; width: 100px; text-align:center; font-size:14px;
} 
#nav a:link  
{
	padding-top:8px;
color:#FFFFFF; width: 100px;text-decoration:none; 
} 
#nav a:visited  
{
	padding-top:8px;
color:#FFFFFF;width: 100px;text-decoration:none; 
} 
#nav a:hover  
{
	padding-top:8px;
color:#FFFFFF;width: 100px; text-decoration:none;background:#CC0000; 
} 
#nav li { 
float: left; width: 80px; 
} 
#nav li ul { 
line-height: 24px; 
list-style-type: none; 
text-align:left; 
left: -999px; 
width: 720px; //注意,这里一定要设置宽度; 
position: absolute; 
background-image:url(../../images/tpk/index_navigationbg.gif);
} 
#nav li ul li{ 
float: left;width: 80px; //float就是子菜单横向的关键,可以继承父菜单而省略float 
} 
#nav li ul a{ 
display: block; width: 65px;text-align:left;padding-left:15px; 
} 
#nav li ul a:link  { 
color:#FFFFFF; text-decoration:none; 
} 
#nav li ul a:visited  { 
color:#FFFFFF;text-decoration:none; 
} 
#nav li ul a:hover  { 
color:#FFFFFF;text-decoration:none;background:#C00; 
} 
#nav li:hover ul { 
left:25%; 
} 
#nav li.sfhover ul { 
left:25%; 
} 
#content { 
clear: left; 
