#rootnode{  
           font-size:16px;          
           font-weight:bold;
          
}

.rootli{       
    
     float:left;
     list-style-type:none;  
     
    
}

.roota
{
	text-decoration: none;
	display: block;
	border-left: #1292D6 1px solid;
	border-top: #1292D6 1px solid;
	border-right: #1292D6 1px solid;
	border-bottom: #1292D6 1px solid;
	text-align: center;
	background: #800000;
	width: 70px;
	color: white;
	height: auto;
}
 a.roota:hover
 {
	background:#d8e4f8;
 border-bottom:#d8e4f8 1px solid;
 color:#1292D6;
 }

#rootnode .rootli a.roota:hover{
 background:#d8e4f8;
 border-bottom:#d8e4f8 1px solid;
 color:#1292D6;
}
 
.subli{

     display:none;
      
}

.subul
{
	display: none;
	border-left: #1292D6 2px solid;
	border-top: #1292D6 1px solid;
	border-right: #1292D6 1px solid;
	border-bottom: #1292D6 1px solid;
	background: #800000;
	margin-top: 0px;
	margin-left: -8px;
	list-style-type: none;
	position: absolute;
	width: auto;
	height: auto;
	border-color: #008000;
}

li.over ul{
  display:block;
}
.suba
{
	text-decoration: none;
	display: block;
	text-align: center;
	margin-left: 0px;
	width: 100px;
	color: white;
	background: #800000;
	border-bottom: white 1px solid;
}

 a.suba:hover{
 background:white; 
 color:#1292D6;

}

 
li:hover ul {
	display : block;
}