#submenu
{
   width: 300px;
   left: 50px;
   background-repeat: no-repeat;
   background-position: right top;
   position: absolute;

   }
   
#submenu.aqua
   {
   top: 160px;
   height: 0px;
   width: 235px;
   }

#submenu.yellow
   {
   top: 127px;
   height: 275px;
   width: 228px;
   }

#submenu.fuchsia
   {
   top: 226px;
   height: 140px;
   width: 265px;
   }


#submenu.dodgerblue
   {
   top: 295px;
   height: 140px;
   width: 235px;
   }

#submenu.lime
   {
   top: 335px;
   height: 140px;
   width: 255px;
   }

#submenu.orange
{
top: 355px;
height:140px;
width: 255px;
} 

#submenu.aqua_2
   {
   top: 275px;
   height: 75px;
   width: 255px;
   }


#submenu img
{
  float: right;
  position: absolute;
  right: 0px;
  top: 0px;
}

#empty
{
   width: 125px;
   border-top: 2px solid black;
   background: transparent;
   top: 75px;
   left: 0px;
   position: absolute;
   height: 200px;
   z-index: 1;
}

#empty.aqua
{
   top: 75px;
}

#empty.yellow
{
   top: 141px;
}

#empty.fuchsia
{
   top: 98px;
}

#empty.dodgerblue
{
   top: 80px;
}

#empty.lime
{ 
   top: 53px;
}

#empty.orange
{
   top: 75px;
}

#empty.aqua_2
{
  top: 190px;
}

#sublist
{
  height: 175px;
  left: 110px;
  border-top: 2px solid black;
  width: 110px;
  position: absolute;
}

#sublist.aqua
{
  background-color:#3AA8B8;
  height: 0px;
  top: 75px;
}

#sublist.yellow
{
  background-color:#FFFF66;
  height: 205px;
  top: 141px;
}

#sublist.fuchsia
{
  background-color:#EF3D96;
  height: 160px;
  top: 98px;
}
   
#sublist.dodgerblue
{
  height: 0px;
  top: 80px;
}

#sublist.lime
{
  height: 110px;
  top: 53px;
  background-color: #6BB83A;
}

#sublist.orange
{
  height: 50px;
  top: 75px;
  }


#sublist.aqua_2
{
  background-color:#3AA8B8;
  height: 0px;
  top: 190px;
}