﻿#container 
{
	float:left;
	clear:both;
    text-align: left;
    width: 396px;
    height: 250px;
    background-color: #FFFFFF;
    margin:10px auto;
    /*padding: 20px;*/
}
#container #title 
{
	float:left;
	clear:both;
    height: 28px;
}
#container #title li {
    float: left;
    list-style-type: none;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 1px;
}
#container #title ul {
    background-color: #FFFFFF;
    height: 28px;
    padding:0;
    margin:0;
}
#container #title a {
    text-decoration: none;
    color: #000000;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -29px;
}
#container #title a span{
    display: block;
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -29px;
    padding: 0 15px 0 15px;
}
#container #title #tag1 a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -87px;
}
#container #title #tag1 a:hover span{
    display: block;
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -87px;
    padding: 0 15px 0 15px;
}
#container #title #tag2 a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left 0px;
}
#container #title #tag2 a:hover span{
    display: block;
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right 0px;
    padding: 0 15px 0 15px;    
}
#container #title #tag3 a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -58px;
}
#container #title #tag3 a:hover span{
    display: block;
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -58px;
    padding: 0 15px 0 15px;    
}
#container #title #tag4 a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -145px;
}
#container #title #tag4 a:hover span{
    display: block;
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -145px;
    padding: 0 15px 0 15px;
}
#container #title #tag5 a:hover {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -174px;
}
#container #title #tag5 a:hover span{
    display: block; 
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -174px;
    padding: 0 15px 0 15px;
}
#container #title .selectli1 {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -87px;
}
#container #title a .selectspan1 {
    display: block;
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -87px; 
    padding: 0 15px 0 15px;
}
#container #title .selectli2 {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left 0px;
}
#container #title a .selectspan2 {
    display: block; 
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right 0px; 
    padding: 0 15px 0 15px;
}
#container #title .selectli3 {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -58px;
}
#container #title a .selectspan3 {
    display: block; 
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -58px; 
    padding: 0 15px 0 15px;
}
#container #title .selectli4 {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -145px;
}
#container #title a .selectspan4 {
    display: block; 
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -145px; 
    padding: 0 15px 0 15px;
}
#container #title .selectli5 {
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 128px;
    background: url(/images/tab_selected_left_bk2.gif) no-repeat left -174px;
}
#container #title a .selectspan5 {
    display: block; 
    background: url(/images/tab_selected_right_bk2.gif) no-repeat right -174px; 
    padding: 0 15px 0 15px;
}
#container #content ul {margin: 10px;}
#container #content li {margin: 5px; }
#container #content li img {margin: 5px;display:block;}
#container #content 
{
	width:384px;
	float:left;
	clear:both;
    height: 208px;
    padding: 5px;
}
.content1 
{
	border-top:3px solid #3A81C8;
	border-bottom:1px solid #3A81C8;
	border-left:1px solid #3A81C8;
	border-right:1px solid #3A81C8;
    background-color: #FFFFFF;
    /*background-color: #DFEBF7;*/
}
.content2 
{
	border-top:3px solid #ff950b;
	border-bottom:1px solid #ff950b;
	border-left:1px solid #ff950b;
	border-right:1px solid #ff950b;
    background-color: #FFFFFF;
    /*background-color: #FFECD2;*/
}
.content3 
{
	border-top:3px solid #FE74B8;
	border-bottom:1px solid #FE74B8;
	border-left:1px solid #FE74B8;
	border-right:1px solid #FE74B8;
    background-color: #FFFFFF;
    /*background-color: #FFECF5;*/
}
.content4 
{
	border-top:3px solid #00988B;
	border-bottom:1px solid #00988B;
	border-left:1px solid #00988B;
	border-right:1px solid #00988B;
    background-color: #FFFFFF;
    /*background-color: #E8FFFD;*/
}
.content5 
{
	border-top:3px solid #A8BC1F;
	border-bottom:1px solid #A8BC1F;
	border-left:1px solid #A8BC1F;
	border-right:1px solid #A8BC1F;
    background-color: #FFFFFF;
    /*background-color: #F7FAE2;*/
	
    height: 300px;
    padding: 10px;
}
.hidecontent {display:none;}