/*
注1：配合 TanULMenu.js 使用
注2：使用 UL、LI 制作下拉菜单：TanMenu、TanMenuLevel1 要与页面文件中的名称一致
注3：使用示例如下：

<div>
    <ul id="TanMenu">
        <li  class="TanMenuLevel1">
            <a href="#" >学院首页</a>
        </li>
        <li  class="TanMenuLevel1">
            <a href="#" style="font-weight: bold; color: #ca1d3e;">学院概况</a>
            <div><div></div></div>
            <ul style="margin-left: -265px;">
                <li>
                    <a href="#" >学院简介</a>
                </li>
                <li>
                    <a href="#" >领导班子</a>
                </li>
            </ul>
        </li>
        <li  class="TanMenuLevel1">
            <a href="#" >师资队伍</a>
        </li>
    </ul>
</div>

*/

#TanMenu {
    display: block;
    /*font-family: 宋体;*/
    font-size: 20px;
    padding: 0px;
    margin: 0px;
    /*font-weight: bold;*/
}
#TanMenu ul, li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    text-transform: capitalize;
}
#TanMenu a {
    text-decoration: none;
    display: block;
    text-align: center;
    /*text-align: left;*/
}
/* 页面不同，需要修改的项：background、width */
#TanMenu .TanMenuLevel1 {
    /*background: #fff;*/
    /*float: left;*/
    border-left: 0px solid #000;
    min-width: 120px;
    height: 40px;
    line-height: 40px;
    margin-top: 11px;
}




/* 页面不同，需要修改的项：color */
#TanMenu .TanMenuLevel1 a {
    color: #101010;
}

/*.curMenu{
    color: #ca1d3e;
    font-weight: bold;    
}*/


/* 页面不同，需要修改的项：color */
#TanMenu .TanMenuLevel1 a:hover{
    /*background: #ca1d3e;*/
    color: #ca1d3e;
    font-weight: bold;
    /*font-size: larger;
    font-size: 24px;*/
}
#TanMenu .TanMenuLevel1 ul {
    display: none;
    position: absolute;
    height: 60px;
    line-height: 60px;
    
/*	左移、子菜单居中：主菜单右对齐计算方法
    子菜单数 size2
    主菜单数 size1
    主菜单当前位置 pos1, 从 1 开始
    主、子菜单宽度 width
    主菜单右边个数 r1 = size1 － pos1
    子菜单右边个数 r2 = size2 / 2  - 0.5 
    r1 >= r2，取 x = r2
    r1 < r2，取  x = r2 + r2 - r1
    
    主菜单左边个数 r3 = pos1 - 1
    x > r3，取 x = r3
    
    则， margin-left: -x*width)；

    注：每个主菜单中的 ul margin-left 不同
    margin-left: -390px;*/    
    
}
/*主菜单下面的竖线：如无，则不生效*/
#TanMenu .TanMenuLevel1 div {
	display: none;
    /*宽度 + 左右 = 主菜单宽度*/
	width: 80px; 
    margin: 0 20px;
    /*高度+边线 = 主菜单底部空白高度*/
	height: 10px;
    border-top: 2px solid red;    
}

#TanMenu .TanMenuLevel1 div div {
     /*宽度 + 左右 = 外层div宽度*/
	width: 2px; 
    margin: 0 39px;
    /*高度与外层div相同*/
	height: 100%;
    background-color: red;
}

/* 页面不同，需要修改的项：background、width */
#TanMenu .TanMenuLevel1 li {
    border-top: 2px solid red;
    background: #234187;
    filter:alpha(opacity=80);
    opacity: 0.8;
    width: 130px;
    float: left;
}
#TanMenu .TanMenuLevel1 li a {
    /*text-align: left;*/
    text-align: center;
    padding-left: 0px;
    width: 130px;
    background: white;
}
#TanMenu .TanMenuLevel1 li a:hover {
    /*background: #33271E;*/
}