@media only screen and ( min-width: 601px )
                {
                

/* Navigation */

#navbar{
margin-top:16px;
}
#nav{
width:100%;
position: relative;
font-weight:600;
background-image:url(menufix.gif);
background-color:#2758A5;


}
#nav ul{
margin:0px;
padding:0px;
margin-left:auto;
margin-right:auto;

}
#nav > a{
display: none;
}
#nav li{
position: relative;
list-style:none;
}
#nav li a{
color: #ffffff;
display: block;
text-decoration:none;
-webkit-transition: background-color .3s linear, color .3s linear;
-moz-transition: background-color .3s linear, color .3s linear;
-o-transition: background-color .3s linear, color .3s linear;
-ms-transition: background-color .3s linear, color .3s linear;
transition: background-color .3s linear, color .3s linear;
}
#nav>ul>li>a.selected{

color: #ffffff;
background-color:#B7C1DF;
}
#nav ul ul li a.selected{

color: #ffffff;
background-color:#B7C1DF;
}

/* first level */

#nav > ul{
}
#nav > ul > li{
height: 100%;
float: left;
background-image:url(menufix.gif);
padding-bottom:10px;
}
#nav > ul > li > a{
padding:5px 10px 5px 10px;
font-size: 1em;
text-align: center;border-radius:6px;
}
#nav > ul > li:first-child > a{

}
#nav > ul > li:not( :last-child ) > a{
*/border-right: 1px solid #ffffff;*/

}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.selected > a, #nav > ul > li:focus-within > a, #nav > ul:not( :focus-within ) > li.selected > a{

color:#2758A5;
background-color:#ffffff;

}

/* second level */

#nav li ul{
background-image:url(menufix.gif);
position: absolute;
left: -9999px;
opacity:0;
top: 100%;
z-index:999;
}
#nav>ul>li>ul{
padding-top:10px;
padding-bottom:10px;
background-color:#ffffff;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
border-radius:6px;
}
#nav>ul>li>ul>li>ul{
margin-left:10px;
padding-top:10px;
padding-bottom:10px;
background-color:#ffffff;
box-shadow: 3px 3px 3px rgba(0, 0, 0, .1);
border-radius:6px;
}
#nav li ul li{
background-color:#ffffff;
z-index:9;
padding:0px 10px 0px 10px;
}
#nav li ul li a{
color:#2758A5;
border-radius:6px;
}
				
@media only screen and ( min-width: 600px )
   {
    #nav>ul>li{
    
    }
    #nav li ul{
    width:300px;
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    }
    /* third level */
    #nav ul ul li:not( :first-child ):hover ul, #nav ul ul li:not( :first-child ):focus-within ul{
    left:300px;
    top:-10px;
    }
    #nav ul ul li:hover ul, #nav ul ul li:focus-within ul{
    left:300px;
    top:-10px;
    }
        .edge ul li:not( :first-child ):hover ul{
left:-320px !important;
}
.edge ul li:hover ul{
left:-320px !important;
}
    #nav li:hover>ul, #nav li:focus-within>ul{
    display: block;
    opacity:1;
    left: 0;
    right: 0;
    }
    #nav ul::after, #nav ul::before {
    content: "";
    display: block;
    z-index: 1;
    position: absolute;
    height: 9px;
    width: 9px;
    }

   
    #nav>ul>li>ul>li>ul::before {
    height: 100%;
    width: 10px;
    background: transparent;
    z-index: 99;
    top: 0;
    left: -10px;
    }	
    
        #nav>ul>li.edge>ul>li>ul::after {
left: 296px;
}
#nav>ul>li.edge>ul>li>ul::before {
left: 300px;
}	
}
#nav li:not( :first-child ):hover>ul, #nav li:not( :first-child ):focus-within>ul{
left: -1px;
}
#nav li ul a{
font-size: 1em;
padding: 10px; 
border-bottom: 1px solid #B7C1DF;
}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.selected a, #nav li ul li a:focus-within, #nav li ul:not( :focus-within ) li.selected a{
color: #ffffff;
background-color:#B7C1DF;
}
.menucontrolouter, .menucontrol, .searchnav{
display:none;
}
}
        @media only screen and ( max-height: 600px ) and (orientation:landscape)
                {

    #nav{
    margin-top:0px;
    }
}