/* Menu Styles */

.third-level-menu
{
    position: absolute;
    top: 0;
    right: -100%;
     width:100%;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
}


.third-level-menu > li
{
    height: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
    background: #e3e5e9;
margin-bottom:1px;
   margin-left:1px;
         white-space: nowrap;

}

.third-level-menu > li:hover {  
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}


.second-level-menu
{
    position: absolute;
    top: 33px;
    left: 0;
    width: auto;
    list-style: none;
    padding: 0;
    margin: 0;
   display: none;
   z-index:9999;
}

.second-level-menu > li
{
    position: relative;
    height: 26px;
    background: #fff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7;
   margin-bottom:1px;
   padding-right:10px;
         white-space: nowrap;
}


.second-level-menu > li:hover { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}




.second-level-menu > li.active { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1.0;
  -khtml-opacity: 1.0;
  opacity: 1.0;
}




.top-level-menu
{
    list-style: none;
    padding: 0;
   margin: 0;
   float:right;


}

.top-level-menu > li
{
    position: relative;
    float: left;

   margin-left:60px;
   height:34px;
   
}

.top-level-menu > li:hover { }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
    display: inline;
}


/* Menu Link Styles */

.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    text-decoration: none;
    padding: 0px 0px 0 10px;
    
    /* Make the link cover the entire list item-container */
    display: block;

}

.top-level-menu a:hover { }


.second-level-menu a /* Apply to all links inside the multi-level menu */
{

}



@media screen and (max-width:1000px) {
   
   .top-level-menu > li{margin-left:35px;}
}
   



@media screen and (max-width:900px) {
   .top-level-menu > li{margin-left:20px;}
}



@media screen and (max-width:850px) {
   .top-level-menu > li{margin-left:15px;}
}
   
   
@media screen and (max-width:820px) {
   .top-level-menu > li{margin-left:10px;}
}