#topnavi {
  width:100%;
  height:22px;
  position:relative;
  z-index:100;
  background-color: #ded3c4;
  margin: 0;
  padding: 1px 0 1px 0;
}
/* hack to correct IE5.5 faulty box model */
* html #topnavi {width:100%; w\idth:100%}
/* remove all the bullets, borders and padding from the default list styling */
#topnavi ul {padding:0;margin:0;list-style-type:none;}
#topnavi li, #topnavi a, #topnavi div {padding:0;margin:0;}
#topnavi ul ul {}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnavi ul li {float:left;position:relative;}
#topnavi ul ul li {width:100%}

/* style the links for the top level */
#topnavi ul a, #topnavi ul a:visited {
    display:block;
    text-decoration:none; 
    color:#000; 
    line-height:22px;
    padding-left:10px; 
    padding-right: 10px;
    border-right:1px solid #ded3c4;
}
#topnavi ul li:hover a, #topnavi ul a:focus, #topnavi ul a:active{    
    background-color: #fff;           
}
/* a hack so that IE5.5 faulty box model is corrected */
* html #topnavi a, * html #topnavi a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}

/* style the second level background */
#topnavi ul ul a, #topnavi ul ul a:visited {
    border: 0px;
    background-color: #ded3c4;
}

#topnavi a.trigger, #topnavi a.trigger:hover, #topnavi a.trigger:visited {
    background-image: url(../img/cms-nav-dark-s.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

#topnavi a.current_page_ancestor, #topnavi a.current_page_ancestor:hover, #topnavi a.current_page_ancestor:visited {
    background-image: url(../img/cms-nav-dark-s.gif);
    background-repeat: no-repeat;
    background-position: right center;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnavi ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0; width:149px;}
/* another hack for IE5.5 */
* html #topnavi ul ul {top:22px;t\op:22px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#topnavi table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
#topnavi ul ul a, #topnavi ul ul a:visited {
    color:#000; height:auto; line-height:15px; padding:5px 10px; width:150px;
}
/* yet another hack for IE5.5 */
* html #topnavi ul ul a, * html #topnavi ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#topnavi a:hover, #topnavi ul ul a:hover{color:#000; background:#fff;}
#topnavi :hover > a, #topnavi ul ul :hover > a {color:#000; background:#fff;}
          
/* style the second level hover */
#topnavi ul ul a:hover{background:#fff}
#topnavi ul ul :hover > a {background:#fff}
                                  
/* make the second level visible when hover on first level list OR link */
#topnavi ul li:hover ul,
#topnavi ul a:hover ul{visibility:visible; }


#topnavi .current_page_ancestor, #topnavi .current_page_parent {
    background-color: #ded3c4;
}

#topnavi ul li ul li.current_page_ancestor, #topnavi ul li ul li.current_page_parent {
    background-color: #ded3c4;
}

/*
#topnavi ul .current_page_item {
    background-color: #00ff00;
}

#topnavi ul li ul li.current_page_item {
    background-color: #0000ff;
}

#topnavi ul li.current_page_item, #topnavi ul ul li.current_page_item, #topnavi li ul li.current-cat a{    
    background-color: #00ff00;
}

li.current_page_item {
    background-color: #ff0000;
}
*/

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}
.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a{
    padding:0;
    margin:0;    
}
.cms-nav-left-menu{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li{
    position: relative;
    margin:4px 8px 2px 8px;
}


/* These items style the right-hand things on the main menu bar, such as the language flags */
#cms-nav-right-buttons {
    position:relative;
    float:right;
    padding: 0;
    margin: 0;
}

#cms-nav-right-buttons li {
    position:relative;
    float:left;
    padding: 0;
    margin: 0;
}

#cms-nav-right-buttons a, #cms-nav-right-buttons a:visited {
    display:block;
    text-decoration:none; 
    color:#000; 
    line-height:22px;
}

#cms-nav-right-buttons img {
    padding: 0px;
}

/* We only want to see the other language flags, not the current one */
.current_language_item {
  display: none;
}