/* Site layout (div) */

html, body {height:100%}    
    
body, html {
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
    
    font-family: Verdana;
    font-size: 11px;
    color: #000;
    
    background-color: #e0edfe;
}

body a, a:link, a:active, a:visited {text-decoration: none;}

div
{
    /*border: 1px solid red;*/
}

div #wrapper
{  
    margin: auto; 
    width: 900px;
    background-color: #fff;
}

div #main
{
    text-align: left;
}

    div #header
    {
        height: 274px;
        /*background-image: url(http://www.infomoloko.com.ua/images/header.jpg);*/
    }

    div #splitter
    {
        height: 26px;
        background-image: url(http://www.infomoloko.com.ua/images/splitterbg.jpg);
    }
    
    div #content_holder
    {
        background-color: #fff;
		
		min-height: 400px;
        height: auto;
		overflow: hidden;                           
		padding-bottom: 20px;
		
    }
    
        div #column1
        {
            float: left;
            text-align: left;
            width: 140px;
            padding: 0px 0px 10px 0px;
            margin: 16px 14px 0px 5px;
        }

            div #column2
            {
                float: left;
                text-align: justify;
                width: 555px; // was 562
	
                padding-bottom: 20px;
                margin: 16px 14px 0px 0px;
            }
            
        div #column3
        {
            float: left;
     
            width: 160px;
            padding: 0px 0px 10px 0px;
            margin: 16px 5px 0px 0px;
        }

    div #footer
    {
		background-image: url(http://www.infomoloko.com.ua/images/footerbg.jpg);
        background-repeat:no-repeat;
        background-position: center top;
        position: relative;
        
		height: 25px;  
		font-size: 10px;
        width: 100%;
    }

    div #menu01
    {
		padding-bottom: 15px;
    }
    
    div #menu03
    {
        background-color: #fff9e9 ;
        border: 1px solid #F8ECBD;
        height: 120px;
        text-align: center;
		margin-bottom: 15px;
    }
	
	div #menu05
    {
		height: 128px;
		width: 160px;
		text-align: left;
		color: #fff;
		font-weight: bold;
		
		padding: 45px 0px 0px 6px;
		
		background-image: url(http://www.infomoloko.com.ua/images/right_bg_programs.jpg);
		background-repeat:no-repeat;
        
        margin-bottom: 15px;
    }
	
	div #menu04
	{
		background-image: url(http://www.infomoloko.com.ua/images/bgpartners.jpg);
		background-repeat:no-repeat;
		
		color: #ffffff;
		font-weight: bold;
		
		height: 81px;
		width: 160px;
	}
		
	div #textbox
	{
		background-color: #fff9e9;
		border: 1px solid #F8ECBD;
		padding: 10px;
		text-align: justify;
		overflow: auto;
        z-index: 1;
	}
    
    div #txtimg
    {
        float: left;
        overflow: auto;
        display: inline;
        z-index: 0;
    }	
	
	#menu03 a, a:link, a:active, a:visited
	{
		font-weight: normal;
		padding-bottom: 5px
	}
	
	#menu03 a:hover
	{
		color: #000000;
		font-weight: normal;
		padding-bottom: 5px
	}
	
	#menu04 a
	{
		font-weight: bold;
		color: #fff;
		padding-bottom: 5px;
		}
	
	#menu04 a:hover
	{
		color: #fff;
		font-weight: bold;
		text-decoration: underline;
		padding-bottom: 5px
	}

table
{
    font-family: Verdana;
    font-size: 11px;
}

.tblmain
{
	background-color: #F5E6A7;
}

.tblcontent
{
	background-color: #F8ECBD;
}

h1
{
    font-size: 14px;
    color: #6f951b;
    margin-bottom: 5px;
}

h2
{
    font-size: 10pt;
    color: #e29a57;
    margin-bottom: 5px;
}

div #menu03 a
{
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

div #menu03 a:hover
{
    font-size: 11px;
    color: #6f951b;
}

#lang a
{
    font-size: 11px;
    color: #000;
    text-decoration: none;
}

#lang a:hover
{
    font-size: 11px;
    color: #000;
    text-decoration: underline;
}


div #textbox a
{
    font-size: 11px;
    color: #1080df;
    text-decoration: none;
}

div #textbox a:hover
{
    font-size: 11px;
    color: #1080df;
    text-decoration: underline;
}

/* menu */

ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 140px;        
    border-bottom: 1px solid #F8ECBD;
    background-color: #FFF9E9;    
    font-family: Verdana; 
    font-size : 11px;    
    font-weight: normal; 
	z-index: 100;       
    }

ul li {
    position: relative;
	z-index: 100;            
    }

li ul {
    position: absolute;
    left: 139px;
    top: 0;
    display: none;
    background-color: #FFD988;
    margin-bottom:1px;
	z-index: 100; 
    }

ul li a {
    display: block;
    text-decoration: none;
    color: #000;
/*    background: #fff;*/
    padding: 5px;
    border-bottom: 1px solid #F8ECBD;
	z-index: 100;     
        
    }

/* Fix IE. Hide from IE Mac \*/
* html ul li { 
float: left; 
height: 1%; 

}
* html ul li a { height: 1%;  }
/* End */

li:hover ul, li.over ul { 
    display: block;    
    }

LI UL A:hover {
    background-color:#fff9e9;
    color: #ffab03;
    font-family: Verdana;
    font-weight: normal;
    font-size: 11px;
	z-index: 100; 
    }

UL LI A:hover {    
    color: #ffab03;
    font-family: Verdana;
    font-weight: normal;
    font-size:11px;
    }

li:hover ul ul, li.over ul ul {
    display: none;
    
    }

ul ul li:hover ul, ul ul li.over ul {
    display: block;    
    
    }

ul li:hover, ul li.over {    
    color: #000;    
    }