body{
background: #EEEEEE;
}
#nav {
background: #EEEEEE;
width:170px;
height:relative;
border:0px solid #000000;
}
#virsus {
width:170px;
background:transparent;
height:20px;
border-top:0px solid #cccccc;
position:relative;
float:left;
}
#apacia {
width:170px;
background:transparent;
height:20px;
border-bottom:0px solid #cccccc;
position:relative;
float:left;
}
#vid_v {
width:130px;
background:#ffffff;
height:20px;
border-top:1px solid #cccccc;
position:relative;
float:left;
}
#vid_a {
width:130px;
background:url(./images/a_pix.gif);
height:20px;
border-bottom:0px solid #cccccc;
position:relative;
float:left;
}

#viskas_kampas{

}
#viskas{
width:500px;
left: 200px;
right: 200px;
}



#corner{
width:20px;
height:20px;
float:left;
position:relative;
background:trasparent;
}
#menu {
width: 170px; /* set width of menu */
background: #DECDC6;
float:left;
position:relative;
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a{
font : bold 7.5pt verdana, sans-serif;
display: block;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #cccccc;
border-top : 1px solid #cccccc; 
border-right : 1px solid #cccccc;
margin: 0;
padding: 2px 3px;
text-align : center; 
/*height: 18px;*/
}

#menu a {
color:#3366CC;
background: #ffffff;
text-decoration: none;
}

#menu a:hover {
color: #3366CC;
background: #F5F5F5;
border : 0px solid #F9F2F0;
}

#menu li {
/* make the list elements a containing block for the nested lists */
position: relative;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}