/*
CSS Rules for
*/



/* Navigation ___________________________________________________________________________________________ */

#nav, 
.lvl-0, 
.lvl-0-item, 
.lvl-0-link { 
  padding: 0; 
  margin: 0; list-style: none; display: block; }

#nav { 
  z-index: 1000;
  font-size: 14px;
  width: 100%;
  background: white; 
  height: 35px; 
  padding: 0;
  
}

#nav .layout-container {
  overflow: visible;
}



/*  Navigation: Level 1 _________________________________________________________________________________ */

    .lvl-0 { }

      .lvl-0--right {
        float: right;
      }

      .lvl-0--right a {
        color: #193F66;
      }
  
    .lvl-0-item {
      position : relative; 
      float: left; 
    }

      .lvl-0-item + .lvl-0-item {
        margin-left: 10px;
      }

    
    .lvl-0-link {
      color: #666;
      text-decoration: none; 
      height: 16px; 
      line-height: 16px;
      padding: 5px 12px 5px 12px;
      text-align: left;
      background: transparent;
      font-weight: bold; 
      
      position: relative;
      top: -5px;
      height: calc( 1em + 20px); 
      line-height: calc( 1em + 20px); 
      z-index: 500;
      
      border-radius: 5px;
}
    .lvl-0-item:last-child a { border-right: none; }

    .lvl-0-item:hover .lvl-0-link,
    .lvl-0-link:hover, 
    .lvl-0-link:active, 
    .lvl-0-item.selected > .lvl-0-link { 
      
      position: relative;
      background: #54a5a0; 
      color: #fff; 
      text-decoration: none;
    } 


/* __ Navigation: Level 2 _______________________________________________________________________________ */
    
      #nav li ul { 
        position: absolute; 
        display: none;
        text-align: left;
        padding-left: 0;
        padding-top: 10px; 
        z-index: 20;
        background-color: #3B6B82; 
        left: 0px; top: 27px; 
        width: 194px; 
        padding: 7px 1px 1px 1px;
      }

        #nav li li { float: none; 
          display: block; 
          border: none;  
          height: auto;
          width: 194px; 
          color: #444;
          padding: 0;
          background: inherit;
        }
        #nav ul ul li a { text-align: left; 
          border: none;  
          font-weight: normal; 
          font-size: 0.9em; 
          height: auto;
          line-height: 16px;
          width: 162px; 
          padding: 4px 12px 4px 18px;
          border-bottom: 1px dotted #fff;
          background: inherit;
          color: white; 
        }
        #nav ul ul li:last-child a { border-bottom: none; }
        #nav ul ul a:hover, #nav ul ul .selected > a { 
           color: #ccc; 
        }

        
/* ____ Navigation: Level 3 _____________________________________________________________________________ */

      #nav li ul ul { 
        left: 0px; top: 25px
      }

        #nav li li li { float: none; 
          display: block; 
          border: none;  
          height: auto;
          width: 146px; 
          background: white;
          color: #444;
          padding: 0;
          border-bottom: 1px solid #c9bed9;
        }
        #nav ul ul ul li a { text-align: left; 
          border: none;  
          font-weight: normal; 
          font-size: 0.85em; 
          height: auto;
          line-height: 20px;
          width: 114px; 
          background: #eee none;
          color: #444;
          padding: 2px 8px 2px 24px;
        }
        #nav ul ul ul a:hover, #nav ul ul ul .selected > a { 
           background: #444 0px 0px; color: #eee
        }
        #nav ul ul ul li a:hover { background-image: none; color: #fc0; background-color: #555;  }





/* Navigation: Event handling ___________________________________________________________________________ */

#nav .lvl-0-item > #nav .lvl-1 { top: auto; left: auto; z-index: 10; }
#nav ul li:hover ul, #nav .sfhover ul { display: block;  }