#container
{
    width: 980px;
    margin: 0 auto;         

    scrollbar-base-color: #333333;
    scrollbar-arrow-color: #d3d3d3;
    scrollbar-shadow-color: none;
    scrollbar-lightshadow-color: green; 
    scrollbar-darkshadow-color: none;
    scrollbar-highlight-color: #524a4c;
    scrollbar-3dlight-color: black;
}                              

/* ######################################################################### */

#header
{
    position: relative;                          
    float: left;
    width: 980px;
    height: 100px;
    background: url('images/bg.header.jpg') no-repeat top left; 
    z-index: 99;         
}
    #header a.logo { position: relative; float: left; width: 200px; height: 100px; font-size: 12px; line-height: 100%; }
    #header ul
    {
        position: relative;
        float: right;
        list-style-type: none;                 
        margin-top: 40px;
        background: url('images/bg.top_menu_border.gif') repeat-x bottom left;
    }
        #header ul li
        {
            position: relative;
            float: left;
            width: 117px;                                                 
            background: url('images/bg.top_menu.png') no-repeat top left; 
            line-height: 100%;   
            margin: 0 0 0 2px;
            padding: 0;                                                          
        }
        #header ul li.first { margin-left: 0; }
        #header ul li.sel { background: url('images/bg.top_menu2.png') no-repeat top left; }
            #header ul li a
            {
                position: relative;
                float: left;
                width: 117px;
                color: #9d8793;
                text-align: center;
                text-decoration: none;
                font-weight: bold;
                padding: 11px 0px 9px 0px;
                font-family: Trebuchet MS;
                letter-spacing: 1px;
                font-size: 13px;   
                border-bottom: 2px solid #9d8793;   
                line-height: 100%;                                         
            }
            #header ul li a:hover
            {                                                             
                background: url('images/bg.top_menu2.png') no-repeat top left;
                color: #ffffff;
                text-decoration: none;
            }
            #header ul li.sel a { color: #FFFFFF; border-color: #FFFFFF; }

            
/* ######################################################################### */

#bar
{
    position: relative;
    float: left;
    width: 980px;
    padding: 10px 0;     
    line-height: 100%;
    z-index: 99;
    height: 15px;           
}
    #bar span { float: left; }
    #bar span.r { float: right; }
    #bar a                    
    {
        font-size: 14px;
        color: #FFFFFF;
        text-decoration: none;
        line-height: 100%;
    }
    #bar a:hover { text-decoration: underline; }
    #bar a.sel { font-weight: bold; }

/* ######################################################################### */

#bg
{
    position: absolute;
    width: 980px;
    height: 450px;
    background: url('images/bg.jpg') no-repeat top left;  
    z-index: 1;
    top: 135px;
    left: 50%;
    margin-left: -490px;
}

#sauktukas
{
    position: absolute;
    width: 50px;
    height: 50px;
    background: url('images/bg.sauktukas.png') no-repeat top left;  
    z-index: 200;
    top: 190px;
    left: 50%;
    margin-left: -145px;
}

/* ######################################################################### */

#content 
{
    position: relative;
    float: left;
    width: 960px;
    height: 430px;     
    padding: 10px;    
    z-index: 99;
    text-align: left; 
}
    #content a { text-decoration: underline; }
    #content a:hover { text-decoration: none; }

/* ######################################################################### */ 

#content a.more { position: relative; float: right; text-decoration: none;}
    #content a.more span
    {
        float: left;
        margin: 2px 5px 0 0;
        cursor: pointer;
    }                                                            
    #content a.more span.img
    {
        margin: 0;    
        float: left;            
        width: 22px;
        height: 22px;
        background: url('images/ico.more.png') no-repeat top left;
    }
    
#content table.date { clear: both; margin: 0; padding: 0; font-size: 10px; }
    #content table.date thead th { background: #4a1740; }
    #content table.date td, #content table.date th { padding: 0px 2px; text-align: center; }
    #content table.date td.today { border: 1px solid yellow; }
    #content table.date a { font-weight: bold; color: #ff0000; text-decoration: none; }
    
#content p.month { position: relative; float: left; margin: 0; padding: 0 0 5px 45px; font-size: 13px; }
    #content p.month span { position: relative; float: left; margin: -2px 5px 0 5px; }
#content a.prev, #content a.next
{                  
    position: relative;
    float: left;
    width: 9px;
    height: 12px;
    background: url('images/btn.prev.png') no-repeat top left;
    cursor: pointer;
}
#content a.next { background: url('images/btn.next.png') no-repeat top left; }

/* ######################################################################### */

#text
{                              
    position: relative;
    float: left;        
    height: 430px;    
    color: #FFFFFF;     
    background: url('images/bg.text.png') no-repeat top left;
}                
    #text div.dock
    {                          
        position: relative;
        float: left;        
        width: 910px;
        height: 390px;     
        overflow: auto;
        padding-right: 10px; 
        margin: 20px;
    }
    #text div.left
    {
        float: left;
    }
    
#text form {}
    #text form div.field { position: relative; float: left; clear: both; margin-bottom: 8px; }
        #text form div.field input { position: relative; float: left; clear: both; }
        #text form div.field label { position: relative; float: left; width: 330px; clear: both; padding-bottom: 2px; }
    #text form div.check { margin-bottom: 15px; }
        #text form div.check input { margin-right: 3px;  } 
        #text form div.check label { width: auto; } 
    #text form button { padding: 2px; }
    
/* ######################################################################### */

#map
{
    position: relative;
    float: right;
    width: 384px;
    height: 390px;
    background: url('images/map.jpg') no-repeat top left;
}

#p1, #p2 { position:relative; float:left; width: 20px; height: 20px; cursor:pointer; }
#p1 { margin: 79px 0 0 172px; }
#p2 { margin: 187px 0 0 -83px; }

#f1, #f2 { position:absolute; z-index: 100; left: 50%; display: none; }
#f1 { width:342px; height:200px; background:url('images/f1.gif') no-repeat top left; top: 152px; margin-left: -120px; }
#f2 { width:242px; height:300px; background:url('images/f2.gif') no-repeat top left; top: 208px; margin-left: -85px; }
    
/* ######################################################################### */

#left_side
{
    position: relative;
    float: left;
    width: 690px;
    height: 430px;
    overflow: auto;     
}

    #left_side div.box
    {
        position: relative;
        float: left;
        width: 610px;
        background: url('images/bg.left_box.png') no-repeat top left;
        margin: 0 0 10px 0;                 
        padding: 20px 20px 0px 20px;
        height: 100px;
    }   
    
    #left_side div.box2 {
        position: relative;
        float: left;
        width: 140px;
        height: 93px;
        padding: 10px;
        margin: 0px 5px 5px 0px; 
        background: url('images/bg.left_box2.png') no-repeat top left;      
        text-align: center;
        font-size: 14px; 
    }                  
    #left_side div.dj {
        background: url('images/bg.left_box3.png') no-repeat top left;
        height: 106px;
    }
        #left_side div.dj a { text-decoration: none; } 
    
    #left_side div.renginys {}
        #left_side div.renginys h2 { line-height: 100%; margin: 0 0 10px 0; padding: 0; }
        #left_side div.renginys h3 { line-height: 100%; margin: 0 0 10px 0; padding: 0; }
        #left_side div.renginys img { float: left; margin: 0 20px 0 0; padding: 0; }  

/* ######################################################################### */

#right_side
{
    position: relative;
    float: right;
    width: 240px;
    font-size: 12px;    
}

    #right_side div.box
    {
        position: relative;
        float: left;
        width: 220px;
        background: url('images/bg.right_box_t.png') no-repeat top left; 
        margin: 0;                 
        padding: 10px 10px 0 10px;    
    }
    #right_side div.box_b
    {
        position: relative;
        float: left;
        display: block;
        width: 240px;
        height: 15px;
        font-size: 1px;
        line-height: 100%;
        background: url('images/bg.right_box_b.png') no-repeat top left;
        margin: 0 0 20px 0; 
        padding: 0;
    }
    
    #right_side h2 { font-size: 18px; margin-bottom: 0.2em; }
    #right_side p { line-height: 120%; margin-bottom: 1em; }
    #right_side ul { list-style-type: none; margin: 0; font-size: 14px; }
        #right_side ul li { padding: 5px 0; }
    
    #right_side div.field
    {
        position: relative;
        float: left;
        width: 220px;
        margin-bottom: 5px;
    }
    #right_side a.submit
    {                   
        padding: 4px 10px; 
        background: #212025;
        border: 1px solid #000;
        font-weight: bold;
        color: #a5a5a5;  
        cursor: pointer;
        text-decoration: none;
    }
    #right_side a.submit:hover { background: #3d3d3d; }
    
/* ######################################################################### */

#footer
{
    position: absolute;
    width: 980px;
    padding: 0 0 8px 0;
    text-align: left;
    font-size: 11px;
    line-height: 100%;  
    left: 50%;
    margin-left: -490px;
    top: 595px;
}