/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
.current {color:#fff; font-weight:bold;}
.current_index {  background: url(../../images/font/index20120420_23.jpg) no-repeat right -1px!important;
	color:#fff; font-weight:bold; width:70px !important;}
div#menu {height: 41px;background-color:#004A8F;padding:0px;background-repeat:repeat-x;font-size:14px;
}
div#menu { border-left:#ccc 1px solid;border-right:#ccc 1px solid; width:auto;}
div#menu ul {margin: 0;padding: 0;list-style: none;float: left;}
div#menu ul.menu { margin:0 auto;background-color:#004A8F; }
div#menu ul li a:hover{background:#003D76;}

div#menu li {position: relative;padding: 0;display: block;float: left;z-index: 9;min-width: 90px;max-width:140px;}
div#menu ul ul li {z-index: 9;}
div#menu li div {list-style: none;float: left;position: absolute;z-index: 11;top: 30px;left: 0px;visibility: hidden;width: 145px;background: url(images/submenu-bottom.png) no-repeat 7px bottom;}
div#menu li:hover>div { visibility: visible;}

div#menu a {
    position: relative;
    z-index: 10;
    height: 41px;
	/*width:90px;*/
	min-width:90px;
	max-width:140px;
    display: block;
    float: left;
    line-height: 41px;
    text-decoration: none;
    white-space: nowrap;
    width: auto;
    text-align: center;
	color:#fff;
}


/* menu::level1 */
div#menu a {
    line-height: 40px;
    height: 41px;
    /*width:90px;*/
    min-width:90px;
    max-width:140px;
	display:block;
    background: none;
}


div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: #003D76 no-repeat right -1px;
	color:#fff; font-weight:bold;
}

div#menu li.last { background: none; }



/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}

div#menu ul ul {
    padding-top: 10px;
}
div#menu ul ul a {
    padding: 0;
	margin:0;
    height: auto;
    float: none;
    display: block;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    z-index: -1;
    white-space: normal;
    text-transform: none;
}
    

div#menu li.current ul a,

div#menu ul ul a:hover {
     background: #294b7b;
}

div#menu ul ul a.parent {
	background-color:#345a99;
	background-repeat:no-repeat;
	background-position:138px 10px;
	width:185px !important;
    
}
div#menu ul ul a.parent:hover {
    background-color:#195B99;
}

div#menu ul ul a.only {
	background-color:#345a99;
	width:145px;
    
}
div#menu ul ul a.only:hover {
    background-color:#294b7b;
}


div#menu ul ul li.last { background: none; }
.secondW a{ width:133px !important; display:block;}
div#menu ul ul li {}
div#menu ul ul li a{
    width: 100%;
	background-color:#345a99;
}

/* menu::level3 */
div#menu ul ul div {
    
    padding: 5px 0px 8px 0px;
    margin: -31px 0 0 145px !important;
}
*+html div#menu ul ul div { height:10px }
*+html div#menu.ie7 ul ul div { height:auto }
div#menu ul ul ul {
    padding: 0 0px 5px 1px;
}
div#menu ul ul div li { /*三级*/
    position:relative;
    top:-4px;
	background-color:#345a99;
	/*margin-top:1px;*/
	border-top:none;
	

}


/* menu::level4 */
div#menu ul ul ul div {
    
    padding: 5px 0px 8px 0px;
    margin: -31px 0 0 145px !important;
}