/* CSS3 EFFECTS */
.transition{
    transition:.5s;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
}
.shadow_gray{
    -moz-box-shadow: 0px 0px 10px 1px #ccc;
    -webkit-box-shadow: 0px 0px 10px 1px #ccc;
    box-shadow: 0px 0px 10px 1px #ccc;
}
/* NEWS_BOX */
#news_box{
    margin-bottom: 10px;
    font-size: 10pt;
    border-bottom: 4px solid #93b5e5;
}
#news_box h1{
    display: block;
    font-size: 25pt;
    color: #ffffff;
    background-color: #93b5e5;
    padding: 15px 10px 0px 10px;
    margin: 0px;
}
#news_box p{
    display: block;
    padding: 10px;
    margin: 0;
    background-image: url(images/news_box_bg.png);
    background-position: bottom;
    background-repeat:repeat-x;
}
/* ADVERT_BOX */
.advert_box{
    background-color: #e0dede;
    border-top: 4px solid #6497e1;
    padding: 10px;
    margin-bottom: 10px;
}
/* SUB_MENU */
.sub_menu_hori{
    margin: 10px 0px 10px 0px;
    padding: 0px;
    border-bottom: 1px solid #e0dede;
}
.sub_menu_hori ul{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px -1px 0px;
    list-style: none;
}
.sub_menu_hori ul li{
    display: block;
    float: left;
    margin: 0px 0px 0px 10px;
}
.sub_menu_hori ul li a{
    display: block;
    color: #5f5f5f;
    padding: 7px 15px 10px 15px;
    background: #e0dede;
    border-top: 3px solid #93b5e5;
}
.sub_menu_hori ul li:hover a{
    background-color: #eaf1f9;
}
.sub_menu_hori ul .active{
    border-left: 1px solid #e0dede;
    border-right: 1px solid #e0dede;
}
.sub_menu_hori ul .active a{
    background-color: #fff;
}
.sub_menu_verti{
    margin-bottom: 10px;
        border-top: 1px solid #b9cce6;
}
.sub_menu_verti ul{
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}
.sub_menu_verti ul li{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #b9cce6;
    display: block;
}
.sub_menu_verti ul li a{
    display: block;
    color: #5f5f5f;
    padding: 5px 10px;
        border-left: 5px solid #fff;
}
.sub_menu_verti ul li:hover a{
    background-color: #eaf1f9;
        border-left: 5px solid #93b5e5;
}
.sub_menu_verti ul .active{
}
.sub_menu_verti ul .active a{
    background-color: #eaf1f9;
        border-left: 5px solid #6497e1;
}
/* PREVIEW_BOX */
.preview_box{
    overflow: hidden;
    height: 200px;
    margin: 10px 10px 20px 10px;
    cursor: pointer;
}
.preview_box:hover{
    -moz-box-shadow: 0px 0px 10px 1px #6497e1;
    -webkit-box-shadow: 0px 0px 10px 1px #6497e1;
    box-shadow:  0px 0px 10px 1px #6497e1;
}
.preview_box img{
    float: left;
}
.preview_box .container{
    margin: 10px 10px 10px 210px;
}
/* TABLE BOX */
.table_box{
    width: 100%;
    table-layout: fixed;
}
.table_box h1{
        color: #fff;
}
.table_box td{
    width: 50%;
    vertical-align: top;
    background-color: #93b5e5;
    color: #fff;
}
.table_box td:nth-child(odd){
    background-color: #6497e1;
        color: #fff;
}