#content ul.training{
    width:780px;
    margin:26px auto 0px auto;
    overflow:hidden;
    position:relative;
    z-index:9999;
}

#content ul.training li{
    float:left;
    list-style:none;
    margin:0;
    padding:0 0 12px 0;
}

#content ul.training li a{
    display:block;
    font-size:14px;
    font-weight:bold;
    padding:6px 12px;
    border-right:1px solid #8887AD;
    color:#fff;
    background-color:#2B296D;
    line-height:19px
}

#content ul.training li.last a{
    border-right:none;
}
#content ul.training li a:hover{
    text-decoration:none;
}
#content ul.training li:hover{
    opacity:0.8;
}

#content ul.training li.item-1.active,
#content ul.training li.item-0.active{
    background:transparent url("../../images/down_blue.png") no-repeat 50% 26px;
}
#content ul.training li.item-1.active a,
#content ul.training li.item-0.active a{
    background-color:#CCE3F2;
}

#content ul.training li.item-2.active{
    background:transparent url("../../images/down_red.png") no-repeat 50% 26px;
}
#content ul.training li.item-2.active a{
    background-color:#D91C36;
}

#content ul.training li.item-3.active{
    background:transparent url("../../images/down_green.png") no-repeat 50% 26px;
}
#content ul.training li.item-3.active a{
    background-color:#248441;
}



#content #banner-training{
	width:780px;
	height:345px;
	margin:-19px auto 0 auto;
	z-index:1;
	background:#2B296C url("../../images/training-temp2.jpg");
	position:relative;
}
#content #banner-training li{
	list-style:none;
}
#content #banner-training a{
	background:transparent;
	display:block;
	width:208px;
	height:66px;
	right:12px;
	position:absolute;
}
#content #banner-training a:hover{
	background:rgba(255,255,255,0.25);
}
#content #banner-training a span{
	display:none;
}
#content #banner-training li.item-0 a{
	top:12px;
	height:90px;
}
#content #banner-training li.item-1 a{
    top:112px;
}
#content #banner-training li.item-2 a{
	top:188px;
}
#content #banner-training li.item-3 a{
	top:266px;
}