/* CSS Document */
/*
Dummy CSS (without any design),
assuming there is a <div id="id_of_nav">
 around the navigation
*/

#nav01 {
  font-family:verdana;
  font-size:11px;
  color:#fff;
}

#nav_logg {
  width:158px;
}

#nav01 ul {
}

#nav01 li {
  background:transparent url("../gfx/bgnav01.gif") repeat-x top left;
  margin:0;
  padding:0;
  width:158px;
  line-height:15px;
}



#nav01>ul>li.active{
  background:#555 url("../gfx/bgnav01_active.gif") repeat-x top left;
  display:block;
}

#nav01 span{
  margin:0;
  padding: 5px 10px 5px 10px;
  display:block;
}

#nav01>ul>li strong a.active{
  color:#FFF;
}

#nav01 ul li a {
  display:block;
  padding:5px 10px;
  width:138px;
  color:#fff;
}

#nav01 ul li a:link, 
#nav_login a:link,
#nav_login a:visited,
#nav01 ul li a:visited {
  color:#FFF;
}
#nav01 ul li a:hover,
#nav01 ul li a:active,
#nav01 ul li a:focus,
#nav_login a:hover,
#nav_login a:active,
#nav_login a:focus {
  color:#ff7104;
}

/* highlighted current element */

#nav01 ul li strong {
  color:#FFF;
}
#nav01 ul li strong a {
  color:#FFF;
}

/* second level */
/*
#nav01 ul ul{
  list-style-position:inside;
}
*/
#nav01 ul ul li {
  background:transparent url("../gfx/bgnav02.gif") repeat-x top left;
}

#nav01 ul ul li.active {
  background:#555 url("../gfx/bgnav02.gif") repeat-x top left;
  color:#FFF;
}

#nav01 ul ul li.active span {
  font-weight:normal;
  color:#fbc783;
  margin:0;
  padding: 5px 10px 5px 20px;
  display:block;
}

#nav01 ul ul li.active strong {
  color:#ff7104;
  font-weight:normal;
}
#nav01 ul ul li.active strong a {
  color:#ff7104;
  font-weight:normal;
}

#nav01 ul ul li a:visited,
#nav01 ul ul li a:link{
  padding: 5px 10px 5px 20px;
  width:128px;
  display:block;
}

#nav01 ul ul li a:hover,
#nav01 ul ul li a:active,
#nav01 ul ul li a:focus {
  padding: 5px 10px 5px 20px;
  width:128px;
  display:block;
}

/* third level */
/*
#nav01 ul ul ul{
  list-style-position:inside;
}
*/
#nav01 ul ul ul li {
  background:transparent url("../gfx/bgnav02.gif") repeat-x top left;
}

#nav01 ul ul ul li.active {
  background:#555 url("../gfx/bgnav02.gif") repeat-x top left;
  color:#FFF;
}

#nav01 ul ul ul li.active span {
  font-weight:normal;
  color:#fbc783;
  margin:0;
  padding: 5px 10px 5px 30px;
  display:block;
}

#nav01 ul ul ul li.active strong {
  color:#ff7104;
  font-weight:normal;
}
#nav01 ul ul ul li.active strong a {
  color:#ff7104;
  font-weight:normal;
}

#nav01 ul ul ul li a:visited,
#nav01 ul ul ul li a:link{
  padding: 5px 10px 5px 30px;
  width:118px;
  display:block;
}

#nav01 ul ul ul li a:hover,
#nav01 ul ul ul li a:active,
#nav01 ul ul ul li a:focus {
  padding: 5px 10px 5px 30px;
  width:118px;
  display:block;
}
/* and so on ... */