/* 
 *	Vertical, left-2-right menu
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 *	(c) 2004 - Aleksandar Vacic, www.aplus.co.yu
 * Some rights reserved, http://creativecommons.org/licenses/by/2.0/
 *	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 */

/*		------	Basic style	------		*/

#menu {
  width: 157px;
  display: block;
  z-index: 10;
}


#menu ul {
  margin: 0;
  padding: 0;
  border: none;
  list-style-type: none;
  z-index: 10;
  display: block;
}

#menu li {
  padding: 0;
  margin: 0;
  border: none;
  display: block;
  position: relative;
  background: url(/nost/images/intramenu/bg.gif) no-repeat top right;
  background-color: #cadce0;
  height: 21px;
}

#menu li {
  width: 157px;
  z-index: 10;
}

/* fix the position for 2nd level submenus. first make sure no horizontal scrollbars are visible on initial page load... */
#menu li ul {
  top: 0;
  left: 0;
}

#menu li:hover{
  background-color: #a8bcbe !IMPORTANT;
  display: block;
}

/* ...and then place it where it should be when shown */
#menu li:hover ul {
  left: 100%;
}

/* initialy hide all sub menus */
#menu li ul 
{
  display: none;
  visibility: hidden;
  position: absolute;
  z-index: 10;
  width: 157px;
}

/* display them on hover */
#menu li:hover ul {
  display: block;
  z-index: 10;
  visibility: visible;
  width: 157px;
}
#menu li:hover ul ul {
  display: block;
  z-index: 10;
  visibility: hidden;
  width: 157px;
}
#menu li:hover ul ul ul {
  display: block;
  z-index: 10;
  visibility: hidden;
  width: 157px;
}
#menu li ul li:hover ul {
  display: block;
  z-index: 10;
  visibility: visible;
  width: 157px;
}
#menu li ul li:hover ul ul {
  display: block;
  z-index: 10;
  visibility: hidden;
  width: 157px;
}
#menu li ul li ul li:hover ul {
  display: block;
  z-index: 10;
  visibility: visible;
  width: 157px;
}
#menu li.submenu {
  background: url(/nost/images/intramenu/bg_sub.gif) no-repeat top right;
  background-color: #cadce0;
  display: block;
}

#menu li li.submenu {
  background: url(/nost/images/intramenu/bg_sub.gif) no-repeat top right;
  background-color: #cadce0;
  display: block;
}

#menu li.selected { 
  background-color: #f29400 !IMPORTANT;
  display: block;
}

#menu li.selectedsub { 
  background: url(/nost/images/intramenu/bg_sub_active.gif) no-repeat top right;
  background-color: #f29400 !IMPORTANT;
  display: block;
}

#menu li li.selectedsub { 
  background: url(/nost/images/intramenu/bg_sub_active.gif) no-repeat top right;
  background-color: #f29400 !IMPORTANT;
  display: block;
}

#menu li.submenu:hover {
  background-color: #a8bcbe !IMPORTANT;
  display: block;
}


#menu li li.submenu:hover {
  background-color: #a8bcbe !IMPORTANT;
  display: block;
}

* html #menu img {
margin: 0 0 0 -3px; 
} 


#menu a, #menu a:link, #menu a:visited, #menu a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  padding-left: 8px;
  padding-top: 5px;
  vertical-align: middle;
  float: left;
  border: none;
  display: block;
  width: 90%;

}
#menu span
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  padding-left: 8px;
  padding-top: 5px;
  vertical-align: middle;
  float: left;
  border: none;
  display: block;
  width: 90%;
  cursor: default	
}


/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL 
#menuList:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
*/

/* Clear-fix for IE5/Mac \*//*/
#menu a {
  float: left;
}

#menuList {
  display: inline-block;
}
/*  */

/*		------   Make-up	--------			*/