@charset "utf-8";

/**/

/* ----header @ footer---- */


#navigation{  width:100%; height:51px;  right:0; bottom:0; background:url(../../images/nav_bg.gif) 0 0 repeat-x;}
.ddsmoothmenu{ font-size:14px; color:#141414; width:1000px; margin:0 auto; height:39px; line-height:39px;}

.ddsmoothmenu ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left; text-align:center; padding-top:4px; background:url(../../images/nav_spar.gif) right 0px no-repeat;}
.ddsmoothmenu ul li.current { background:none;}
.ddsmoothmenu ul li.sel{background:url(../images/navigation.jpg) no-repeat 50% 100%; }
.ddsmoothmenu ul li.sel>a{ color:#141414;}


/*Top level menu link items style*/
.ddsmoothmenu ul li a{ display: block; height:42px; width:123px;  font-size:14px; color:#141414; font-family:"微软雅黑"; }

* html .ddsmoothmenu ul li a{ display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{}

.ddsmoothmenu ul li a.selected,.ddsmoothmenu ul li a:hover,.ddsmoothmenu ul li a.on{ color: #141414; background:url(../../images/nav_li_hover.png) 0 6px no-repeat;}

	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{position: absolute;left: 0;display: none;visibility: hidden;  }

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{display: list-item;float: none; background:none; padding-top:0; }

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{top: 0;}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{ background:#b69352; font-family:Arial, Helvetica, sans-serif; border-top-width: 0;color: #333;font-size: 12px;font-weight: normal;margin: 0; width:123px; height:36px; line-height:36px; text-align:center;}

1.ddsmoothmenu ul li ul li a.subnav_width2 { width:144px; }
1.ddsmoothmenu ul li ul li a.subnav_width3 { width:142px; }
1.ddsmoothmenu ul li ul li a.subnav_width4 { width:137px; }
1.ddsmoothmenu ul li ul li a.subnav_width5 { width:150px; }
1.ddsmoothmenu ul li ul li a.subnav_width6 { width:140px; }
1.ddsmoothmenu ul li ul li a.subnav_width7 { width:141px; }

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a.selected{
background:#d4b273; filter:alpha(opacity=100);opacity:1; color:#fff;
}


.ddsmoothmenu ul li ul li a:hover{
background:#d4b273; filter:alpha(opacity=100);opacity:1; color:#fff;
}

.ddsmoothmenu ul li ul li a.on { background:#09a7d5; filter:alpha(opacity=100);opacity:1; color:#fff;}

/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ /*shadow for NON CSS3 capable browsers*/
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity for NON CSS3 capable browsers. Doesn't work in IE*/
opacity: 0.6;
}