.tab_content {
padding: 0px 0px 0px 0px;/*top, right, bottom, left*/
}

ul.tabs {
margin: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;/*top, right, bottom, left*/
list-style: none;
height: 32px;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
height: 30px;
line-height: 30px;
border: 1px solid #999;
border-left: none;
margin-bottom: -1px;
background: #e0e0e0;
overflow: hidden;
}
ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 14px;
padding: 0px 10px 0px 10px;/*top, right, bottom, left*/
border: 1px solid #fff;
outline: none;
}
ul.tabs li a:hover {
background: #FF0000;
/*color: #FFF;*/
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
background: #FFF;
border-bottom: 1px solid #fff;
}
ul.tabs .offer {
background: #00ff40;
}
ul.tabs .join {
background: #33FFFF;
}
ul.tabs .seminars {
background: #ffffae;
}