@charset "gb2312";
/* CSS Document */
/************************************************
Author: ÖìÆô±ê abelchu@Gmail.com
Development by: Chinasky.net
My website: http://www.qitag.net/
Last updated: 2008/07/09
************************************************/

#nav {float:left;padding:0 0 0;*padding:0 0 0 !important;*padding:3px 0 0;width:117px;height:17px;margin:-1px 0px 0px;*margin:0px 0px 0px} 
#nav ul {padding:0px; margin:0px;position:relative; z-index:200;}

#nav li {float:left;}
#nav li li {float:left;/*float:none;*/}
/* a hack for IE5.x and IE6 */
* html #nav li li {float:left;}

#nav li a {letter-spacing:-0.05em;background:#fff;display:block;font-size:12px;font-weight:500;float:left; height:18px; line-height:18px; width:117px;text-decoration:none; /*white-space:nowrap;*/}
#nav li li a {text-align:left;padding-left:5px;width:95px;padding-top:2px;height:16px;line-height:16px;text-decoration:none; float:none;font-weight:normal;color:#5A5453;;border-right:1px solid #b6a587; border-left:1px solid #b6a587;/*border-bottom:1px solid #b6a587;*/}
#nav li li a:hover{ background:#fff;text-decoration:none; color:#ac955f; }

#nav li:hover {position:relative; z-index:300;}
#nav li:hover ul {left:0; bottom:2px;*bottom:4px; top:auto;}
/* another hack for IE5.5 and IE6 */
* html #nav li:hover ul {left:0px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}
/* yet another hack for IE5.x and IE6 */
* html #nav ul {width:1px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:-15px; margin-left:100%; bottom:-7px; top:auto;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover > a {text-decoration:underline; color:#57b;}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; margin-left:100%; bottom:-7px; top:auto;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:none; color:#ac955f;/*text-decoration:underline; color:#57b;*/}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#5A5453;}

#nav a.top{border-top:1px solid #b6a587;border-bottom:1px solid #b6a587;font-weight:bold;color:#4f4f4f;}

#nav a.bot{border-bottom:1px solid #b6a587;font-weight:bold;colr:#4f4f4f;}

#nav a.bot2{border-bottom:1px solid #b6a587;font-weight:normal;color:#5A5453;}
