/*********************************************
*** Designed by Juergen Koller         ***
*** Designers Home: http://www.LernVid.com ***
**********************************************/

#topmenu ul.menu, #topmenu ul.menu ul {
  margin:0;
  padding:0;
  list-style-type:none;
  list-style-position:outside;
  position:relative;
  line-height:1.5em; 
  z-index:999;
  display:inline-block;
  width: 100%;
}
#topmenu ul.menu li, #topmenu ul.menu ul li {
  list-style:none;
}
#topmenu ul.menu {
  background-repeat: repeat-x;
}
#topmenu ul.menu li {
  float:left;
  position:relative;
}
#topmenu ul.menu li a, #topmenu ul.menu li span.separator {
  display:block;
  padding:10px 15px;  /* height of level1 links */
  text-decoration:none;
  vertical-align:middle;
  min-height:14px;
  background-repeat: repeat-x;
}
  /***** IMAGES *****/
#topmenu ul.menu li a img { 
  vertical-align:middle;
  padding-right: 5px;
}
#topmenu ul.menu li a span {
  vertical-align:middle;
}

  /***** FONT SIZE *****/
#topmenu ul.menu li a, 
#topmenu ul.menu li span.separator,
#topmenu ul.menu li a span {
  font-size:24px;
}
#topmenu ul.menu li ul li a, 
#topmenu ul.menu li ul li span.separator,
#topmenu ul.menu li ul li a span {
  font-size:12px;
}
#topmenu ul.menu li ul li {
  border:0 !important;
}

#topmenu ul.menu li.parent a, #topmenu ul.menu li.parent span.separator {
  background-image: url(../images/menu-parent-smooth.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 30px;
}
#topmenu ul.menu li.parent a:hover, #topmenu ul.menu li.parent span.separator:hover {
  background-image: url(../images/menu-parent-hover-smooth.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 30px;
}
#topmenu ul.menu li#current.parent a, #topmenu ul.menu li#current.parent span.separator {
  background-image: url(../images/menu-parent-hover-smooth.png);
  background-repeat: no-repeat;
  background-position: center right;
  padding-right: 30px;
}


  /***** LEVEL 2 *****/

#topmenu ul.menu ul {
  position:absolute;
  top:2.2em;    /* double line height of level 1 ul */
  display:none;
  padding:5px;  /* border of level2 ul */
  width:214px;
}
#topmenu ul.menu ul li {
  margin:2px;
  width:210px;
}
#topmenu ul.menu li ul li a, #topmenu ul.menu li ul li span.separator {
  float:left;
  padding:4px 8px 4px 8px !important; /* height of level2 links */
  height:auto;
  width:194px;
  background: none !important;
}
#topmenu ul.menu li ul li a:hover {
  background: none !important;
}

#topmenu ul.menu li ul li.parent {
  background-image: url(../images/menulili_parent.gif) !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
}
#topmenu ul.menu li ul li.parent:hover {
  background-image: url(../images/menulili_parent_hover.gif) !important;
  background-position: right !important;
  background-repeat: no-repeat !important;
}
#topmenu ul.menu li li.parent a, #topmenu ul.menu li li.parent span.separator,
#topmenu ul.menu li li.parent a:hover, #topmenu ul.menu li li.parent span.separator:hover,
#topmenu ul.menu li li#current.parent a, #topmenu ul.menu li li#current.parent span.separator {
  padding-right:8px !important;
}

#topmenu ul.menu ul ul{
  top:auto;
}  
#topmenu ul.menu li ul ul {
  left:190px;
  margin:0px 0 0 10px;
}
#topmenu ul.menu li:hover ul ul, #topmenu ul.menu li:hover ul ul ul, #topmenu ul.menu li:hover ul ul ul ul{
  display:none;
}
#topmenu ul.menu li:hover ul, #topmenu ul.menu li li:hover ul, #topmenu ul.menu li li li:hover ul, #topmenu ul.menu li li li li:hover ul{
  display:block;
}