#nav2 {float:left;margin-right:28px;}
#nav {float:right;margin-top:-6px;margin-right:-1px;font-weight: bold;}
#nav ul.level1 a, #nav ul.level1 a:link, #nav ul.level1 a:visited, #nav ul.level1 a:hover 
{
   outline: none;
   position: relative;
   z-index: 11; 
   font-size:16px;
}

#nav ul.level1, #nav ul.level1 ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
padding-bottom:5px;
}

#nav ul.level1 {margin-left:-20px;margin-top:-25px;}

#nav ul.level1 li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: #fff;
   margin: 0;
   padding: 0;
   border: 0;

}

#nav ul.level1 li:hover
{
   z-index: 10000;
   white-space: normal;
   background:#C5DBC3;
   
}

#nav ul.level1:after, #nav ul.level1 ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

#nav ul.level1, #nav ul.level1 ul 
{
   min-height: 0;
}

#nav ul.level1 
{
   display: inline-block;
   vertical-align: bottom;
}
#nav ul.level1>li {
   margin-left: 5px;margin-right: 5px;
}
#nav ul.level1>li:first-child {
   margin-left: 1px;
}
#nav ul.level1>li:last-child, #nav ul.level1>li.last-child {
   margin-right: 1px;
}

#nav ul.level1>li>a
{
   border:none;
   padding:0 30px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 52px;
   cursor: pointer;
   text-decoration: none;
   color: #222;
   line-height: 48px;
   text-align: center;     
}

#nav ul.level1>li>a.active
{
   padding:0 30px;
   margin:0 auto;
   color: #C5DBC3;
   text-decoration: none;
}

#nav ul.level1>li>a:visited, 
#nav ul.level1>li>a:hover, 
#nav ul.level1>li:hover>a {
   text-decoration: none;  
}

#nav ul.level1>li>a:hover, .desktop #nav ul.level1>li:hover>a
{
   border-bottom:none;
   padding:0 30px;
}
#nav ul.level1>li>a:hover, 
#nav ul.level1>li:hover>a {
   
   text-decoration: none;
   
}
#nav ul.level1 li a:hover {
color: #fff;

}
#nav ul.level1 li li a
{
   padding:0 25px;
   margin:0 auto;
}
#nav ul.level1 li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

#nav ul.level1 li li ul>li:first-child 
{
   margin-top: 0;
}

#nav ul.level1 li li ul>li:last-child 
{
   margin-bottom: 0;
}

#nav ul.level1 ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
#nav ul.level1 li:hover>ul {
   visibility: visible;
   top: 100%;
   
}
#nav ul.level1 li li:hover>ul {
   top: 0;
   left: 100%;
   
}

#nav ul.level1 ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
   
}

#nav ul.level1>li>ul
{
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

#nav ul.level1 ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

#nav ul.level1 ul.style-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

#nav ul.level1 ul.style-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

#nav ul.level1 li li:hover>ul.style-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
#nav ul.level1 li li:hover>ul.style-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

#nav ul.level1 ul ul.style-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

#nav ul.level1 ul ul.style-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

#nav ul.level1 li ul>li:first-child {
   margin-top: 0; padding-top:7px;
}
#nav ul.level1 li ul>li:last-child {
   margin-bottom: 0;
}

#nav ul.level1 ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

#nav ul.level1>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

#nav ul.level1>li>ul.style-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
#nav ul.level1>li>ul.style-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
#nav ul.level1 ul ul.style-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
#nav ul.level1 ul ul.style-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

#nav .level2 a:visited, #nav .level2 a:link, #nav .level2 a:hover {color:#fff;}

#nav ul.level2{
   height: 30px; 
}
#nav ul.level1 ul.level2 li a:link, #nav ul.level1 ul.level2 li a:visited {border: none; color:#222;text-decoration: none;}

#nav ul.level1 ul.level2 li a:hover {border: none; color:#fff;}

#nav ul.level1 ul.level2 li:hover {background:#C5DBC3;}

#nav ul.level1 ul.level2 li{
   line-height: 26px;
   height: 34px;
   width: 200px;
  background:#C5DBC3;
}