<style>
div .splLink {width: 100px; border: 0px solid #cdd6e2; height: 40px; background: #F0DED3; text-align: center; font-family: Comic Sans Ms; font-size: 15px; padding: 5px;}
.spll {width: 130px; height: 70px; }
.spll div .splCont {height: auto; width: 300px; background: #F0DED3; z-index: 1000; margin-top: 5px; font-size: 12px; font-family: Microsoft Sans Serif; text-align: center;}
</style>

<style>
#banners a img { opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40); }
#banners a:hover img { opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100); }
</style>

<script language="JavaScript">
str=document.URL
if(str.substring(str.lastIndexOf('/')+1)=="" || str.substring(str.lastIndexOf('/')+1)=="index.php")
   document.write("<style>#forum_f48,#forum_f4,#forum_f3,#forum_f21,#forum_f56,#forum_f26,#forum_f27,#forum_f77,#forum_f78{display:none}</style>")
</script>

    <style>
    .container1 {width: 800px; margin: 0 auto; padding: 0;}
    ul.tabs {
        margin: 0;
        padding: 0;
        float: center;
        list-style: none;
        height: 40px;
        width: 450px;
        width: 100%;
    }
    ul.tabs li {
        float: left;
        margin: 0;
        padding: 0;
        height: 40px;
        line-height: 40px;
        border: 0px;
            border-top: 0px solid #000000;
            border-bottom: 1px solid #000000;
            border-right: 1px solid #000000;
            border-left: 0px solid #000000;
        margin-bottom: -2px;
        background: url();
        overflow: hidden;
        position: relative;
    }

    ul.tabs li a {
        text-decoration: none;
        color: transparent;
        display: block;
        padding: 0 5px;
        background: url();
        outline: none;
    }

    ul.tabs li a:hover {
           background: #9cf7c8; url();
        border-bottom: 2px solid #ffffff;
            border-top: 2px solid #ffffff;   
            border-left: 2px solid #ffffff;   
            border-right: 2px solid #ffffff;
    }   

    html ul.tabs li.active  {
        background: url();   
        border-bottom: 0px solid #000000;
            border-top: 0px solid #000000;   
            border-left: 0px solid #000000;   
            border-right: 1px solid #000000;   
    }

    html ul.tabs li.active a:hover  {
            background: #9cf7c8; url();
        border-bottom: 0px solid #00dfad;
    }

    .tab_container1 {
        clear: both;
        float: center;
        width: 850px;
        height: 350px;
        background-image : url(http://uploads.ru/i/x/s/d/xsd9B.jpg);   
    background-color: #000000;
        border-bottom: 1px solid #000000;
            border-top: 0px solid #000000;   
            border-left: 0px solid #000000;   
            border-right: 0px solid #000000;

        -moz-border-radius-bottomright: 10px;
        -khtml-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
        -moz-border-radius-bottomleft: 10px;
        -khtml-border-radius-bottomleft: 10px;
        -webkit-border-bottom-left-radius: 10px;
    }

    .tab_content {
        padding: 10px;
    }

    .tab_content h2 {
        font-weight: normal;
        padding-bottom: 2px;
        border-bottom: 0px dashed #000000;
    }
    </style>