@charset "utf-8";


/* Navigation and Main menu style */
/*#main-menu {position:relative; clear:both; width:320px; top:-20px; left:0px; z-index:500; padding:5px 20px 20px 0; font-size:0.9em; overflow:hidden; font-weight: normal; }
#main-menu #menu-holder {display:block; margin:0px; z-index:501; padding:3px 0 0; background:#eee; box-shadow:3px 3px 5px 0px rgba(0,0,0,0.4); margin-top:-3px; height:auto;}
#main-menu #arrow {display:block; position:relative; height:0; width:0; margin-left:17px; z-index:503; border-left:15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #eee;}
#main-menu h4 {clear:both; padding-top:20px; }
#main-menu ul {margin:0; padding:0; list-style-type:none; list-style-image:none; display:block; clear:both;}
#main-menu li {margin:0;}
#main-menu ul li a.notop {border-top:none;}
#main-menu ul li a.nobottom {border-bottom:none;}
#main-menu ul li a, #main-menu ul li a:visited{display:block; width:100%; height:100%; min-height:44px; padding:20px 10px 20px 30px; background-repeat:no-repeat; background-position:10px center; background-color:#eee; background-size:6px 3px; border-bottom:1px solid #ccc; border-top:1px solid #fff; color:#575a5d; font-weight:normal; box-sizing:border-box; -moz-box-sizing:border-box; }
#main-menu ul li a:hover{background-color:#66bc29; color:#fff; text-decoration:none;}
#main-menu ul li a.expanding-menu {background-image:none; background-repeat:no-repeat; background-color:#ddd; color:#57585d;}
#main-menu ul li a.indent, #main-menu ul li a.indent:visited{padding-left:40px; background-position:20px center;}
#main-menu #arrow {display:block; position:relative; height:0; width:0; margin-left:17px; z-index:503; border-left:15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #eee;}*/

/* Icons */

#main-menu ul li a span, #main-menu ul li a:visited span{ float:left; display:block; height:25px; width:10px; margin:2px 10px 0 10px; padding:5px 0; background-size:8px 12px; background-position:0px 0px; background-repeat:no-repeat; background-image:url(../img/Menu_ListStyle.jpg);}
#main-menu ul li a:hover span{background-image:url(../img/Menu_ListStyle_Hover.jpg);}
/*#main-menu ul li ul li a:hover span{background-image:url(../img/Menu_ListStyle_Hover.jpg);}*/


#main-menu ul li a, #main-menu ul.submenu li a:visited{padding-left:40px;}
#moremenuitems-menu ul li a.expanding-menu {padding-left:25px; }
#main-menu ul li a.expanding-menu span, #main-menu ul li a.expanding-menu:visited span {background-image:url('../static/Menu-down-icon-sprite.png');}
#main-menu ul li a.expanding-menu.expanded span, #main-menu ul li a.expanding-menu.expanded:visited span {background-image:url('../static/Menu-up-icon-sprite.png'); }
.no-touch #main-menu ul li a:hover span {background-position:0px -25px;}
.no-touch #main-menu ul li a:active span {background-position:0 0;}




@media all and (min-width:320px) {
  #main-menu { display: none; }
  #menu-button { display: block; }

  #main-menu {position:absolute; width:320px; top:74px; right:0px; z-index:500; padding:5px 0 20px 0; font-size:0.9em; font-weight: normal; }
  #main-menu #menu-holder {display:block; margin:0px; z-index:501; padding:3px 0 0; background:#eee; box-shadow:3px 3px 5px 0px rgba(0,0,0,0.4); margin-top:-3px; height:auto;}
  #main-menu #arrow {display:block; position:absolute; top: -10px; right: 18px; height:0; width:0; z-index:503; border-left:15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #eee;}
  #main-menu h4 {clear:both; padding-top:20px; }
  #main-menu ul {margin:0; padding:0; list-style-type:none; list-style-image:none; display:block; clear:both;}
  #main-menu li {margin:0;}
  #main-menu ul li a.notop {border-top:none;}
  #main-menu ul li a.nobottom {border-bottom:none;}
  #main-menu ul li a, #main-menu ul li a:visited{ display:block; width:100%; height:100%; min-height:44px; padding:20px 30px 20px 10px; background-repeat:no-repeat; background-position:10px center; background-color:#eee; background-size:6px 3px; border-bottom:1px solid #ccc; border-top:1px solid #fff; color:#575a5d; font-weight:normal; text-align: left; box-sizing:border-box; -moz-box-sizing:border-box; border-radius: 0;}
  #main-menu ul li a:hover{background-color:#66bc29; color: #fff; text-decoration:none; border-radius: 0; }
  #main-menu ul li a.expanding-menu {background-image:none; background-repeat:no-repeat; background-color:#ddd; color:#57585d;}
  #main-menu ul li a.indent, #main-menu ul li a.indent:visited{padding-left:40px; background-position:20px center;}
}





@media all and (min-width:960px) {
  header .menu { margin: 0 auto; width: 950px; float: none; }
  header .logo { text-align: initial; float: left; }
  header .logo img { margin-right: 0; }
  header #menu-button { display: none; }
  #main-menu { position: initial; display: block; margin: 0; padding: 0 10px 0 0; float: right; clear: none; width: auto; top: 0; font-size: 1em; }
  #main-menu #arrow { display: none; }
  #main-menu #menu-holder { background: none; box-shadow: none; margin-top: 24px; }
  #main-menu ul li { float: left; }  
  #main-menu ul li a { display: block; padding:18px 10px 10px; min-height: 1px; background-color: transparent; border-top: 0; border-bottom: 0; }
  #main-menu ul li a:hover { color: #575a5d; background-color: transparent; border-bottom: 3px solid #575a5d; }
  #main-menu ul li ul li a:hover { color: #575a5d; background-color: transparent; border-bottom: 3px solid #575a5d; }
  #main-menu ul li a span { display: none; }
  #main-menu ul li a.active { border-bottom: 3px solid #66bc29; border-radius: 0;}
  
    #main-menu ul.submenu li a.active {
        color: #FFFFFF;
        border-bottom:none;
        background-color: #66BC29;
    }

    #main-menu ul.submenu li a:hover {
        color: #FFF;
        background-color: #66BC29;
        border-bottom:none
    }

    #main-menu ul li ul li a:hover span {
        background-image: url('../img/Menu_ListStyle_Hover.jpg') !important;
    }

    #main-menu ul.submenu li a.active span {
        background-image: url('../img/Menu_ListStyle_Hover.jpg');
    }

    #menu-holder ul li a.nav2 {
        cursor: default;
    }

    #main-menu ul li ul.submenu {
        display: none
    }

    #main-menu ul li ul.submenu li a {
        padding:0px;
        padding-top:10px;
    }

    #main-menu ul li ul.submenu li {
        height:40px;
        width:100%;
    }
}



/********************** NEW CSS **************************/
@media all and (min-width: 0px) and (max-width: 959px) {
  #main-menu ul li ul.submenu {
    display: none
  }
  
  ul li ul.submenu {
    position: absolute;
    padding: 0px;
    top: 0px;
    left:0px;    
    background-color: #EEEEEE;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.4);
  }

#main-menu ul li ul li a {
  padding-left: 40px;
}
#main-menu ul li ul.submenu {
    position: inherit;
}
}


@media all and (min-width: 960px) {
  #main-menu ul li ul.submenu {
    z-index: 9999;
    padding: 0px;
    position: absolute;
    top: 103px;
    width: 260px;
    background-color: #EEEEEE;
    -webkit-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    display: none;
    -webkit-transiton: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -transition: opacity 0.2s;
  }

#main-menu ul li:hover > ul {
    display:block;  
}
#main-menu ul li:hover > a
   { color: #575a5d; background-color: transparent; border-bottom: 3px solid #575a5d; }

  
#main-menu ul li ul li a span, #main-menu ul li ul li a:visited span {
    float: left;
    display: block;
    height: 25px;
    width: 10px;
    margin: 4px 11px 0 9px;
    padding: 5px 0;
    background-size: 8px 12px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-image: url(../img/Menu_ListStyle.jpg);
}
#main-menu ul li ul li a:hover span {
 background-image: url(../img/Menu_ListStyle.jpg);
}
}