/*Martin Luther*/
#menu{
    
}

#leftMenu{
    margin-top: 16px;
    margin-top: 20px; /*change 2018-03-09 */
}

.search-header > #menu{
    clear: both;
    height: 50px;
    overflow: visible;
}

#mobileNavToggle{
 display: none;
 position: relative;
 width: 100%;
 height: 50px;
}

#mobileNavToggle i{ font-size: 30px; }

#nav{
display: block;
}
    #nav li{
        position: relative;
    }
 
    /* first level */
    #nav > ul{
        list-style: none;
        padding: 0;
        margin: 0px;
        /*
        display: grid;
        grid-auto-columns: auto;
        grid-template-columns: auto auto auto auto auto auto; 
        */
    }
    
    
     #mnuMyLaurier,
     #nav > ul > li{
        width: 20.0%;
     }

        #nav > ul > li{
            float: left;
            text-align: left;
            font-size: 14px;
            line-height: 16px;
            height: 50px;
            text-transform: uppercase;
            /* padding: 0 15px; ************BREN June 11*/
            overflow-y: hidden;
            cursor: pointer;
            z-index: 1001;
        }
        
      
       
        
        #nav > ul > li:last-child{
            border: none;
        }
        
        #nav > ul > li > ul{ display: none; }
       
        #nav > ul > li:hover ul li:hover{
            background-color: #e1e1e1;   
        
        }
       
        
        #nav > ul > li > div,
        #nav > ul > li > div > div,
        #nav > ul > li > div > div > div{
            width: 100%;
        }
        
        
        #nav > ul > li >.icon{ display: none; }
        
        #nav > ul > li .mnuItem{ /*color: #fff;*/ }
        
        #nav > ul > li:hover{
            background: rgb(146,77,167);
        }
        #nav > ul > li:hover div {
            color: #fff;
        }

        #nav > ul  li a{
            text-transform: uppercase;
           /* width: 120px; */
        }
 
       
 
    /* second level */
 
    #nav li.hasFocus,
    #nav li:hover{
        overflow-y: visible; 
    }
 
   #nav > ul > li ul
    {
        display: none;
        /*position: absolute;*/
        padding: 0;
    }
    
    #theMenu li a{ display: block; width: 100%; color: #fff; }
    #theMenu li a div{ width: 100%; }
    #theMenu li a div.mnuItem{ text-align: left; font-size: 16px; line-height: 18px; font-family: arial; /*Helvetica*/ }
    
    
@media (min-width: 1025px) { 
    #nav > ul > li{ max-width: 16.667%; } 
    
    
    
     #nav > ul#theMenu{ margin: 0px; clear: both; /* padding-left: 30px; */ }
    
    #nav > ul > li.hasFocus > ul,
    #nav > ul > li:hover > ul{
        display: block !important;
    }
        
    /*#nav > ul#theMenu > li{*/
    /*    height: auto !important;*/
    /*}*/
    
    
    
}
    /*drop down*/
        #nav > ul > li.hasFocus > ul,
        #nav > ul > li:hover ul
        {
            display: block;
            clear: both;
            position: absolute;
            background-color: #fff;
            z-index: 1000;
            left: 0px;
            -webkit-box-shadow: 0px 2px 5px 0px #999;
            -moz-box-shadow: 0px 2px 5px 0px #999;
            box-shadow: 0px 2px 5px 0px #999;
            width: 320px; 
            
        }
        
        #nav > ul > li ul li{
           /* height: 40px !important; */ /*Removed May 3rd 2016 */
        }
        
        
        #nav > ul > li.hasFocus ul li,
        #nav > ul > li:hover ul li{
            width: 100%;
            padding: 10px 15px;
            line-height: 0; /*since the elements are padded - added May 3rd 2016*/
          /*  border-bottom: 1px solid #fff;*/
        }
        
        #nav > ul li {
           /* max-width: 100%;*/
            color: #fff;
        }


#nav ul li ul li a {
    overflow: hidden;
    max-width: 100%;
    
    word-wrap: normal;
    white-space: pre-wrap;
    
    
    
    text-align: left;
    
    /*Addition */
    font-size: 16px;
    line-height: 18px;
    
    /*border-left: 2px solid #fff;*/
}
/*Add*/
 #nav ul li ul li a:hover{
    /*border-left: 2px solid #5b328e;*/
 }

         #nav > ul > li:hover ul li:first-child{
           /* padding-left: 30px; */
         }
        
        #nav > ul > li:hover ul li:last-child{
            border-bottom: none;
        }
        
    
        
        #nav > ul > li:hover ul li a{ /*white-space: nowrap;*/ display: inline-block; text-transform: none;}
        
       

         #nav > ul > li:hover ul li:hover a{
             color: #444;
         }


/*Smaller than 1024px; */
@media (max-width: 1024px) {
     /* #nav > ul{ display: block; }remove grid*/
      
    body #nav > ul > li{
        min-width: auto !important;
        max-width: auto !important;
    }
    
    /*9:39 am 2018-05-30*/
    body #header #menu{
        position: relative;
        z-index:1000;
        top: 0px;
        background-color: transparent;
    }
   
   #header > .search-header .row{ top: 0px; }
    
    /* */

    
    #leftMenu{
        margin-top: 0px;   
    }
    
    
     #nav > ul  li a{
            text-transform: uppercase;
            width: 200px;
        }
    
    .toggled  #nav > ul  li a{
        width: 100%;
        padding: 0 30px;
    }
    
    /*
    .toggled  #nav > ul  > li{
        background-color:#595959;
        border-bottom: 1px solid #00837E;
    }
    */
    
     #theMenu li a div.mnuItem{ text-align: left; max-width:100%; } 
     
      #nav > ul > li:hover ul li:hover{
            background-color: #585858;
            color: #fff;
         }
    
  /*Bren 2018-05-30*/
  #nav{
      background-color: #330072;
      overflow: hidden;
  }
  
  /*end */
    
    #mobileNavToggle{ 
        display: block; 
        margin-top: 5px;
		padding:0px;
        padding-right: 30px;
		height: 50px;
		line-height: 50px;
		width: 100%;
		background-color: #330072;
	}
    
    /*
    .home-page #mobileNavToggle{
        padding-right: 55px;
    }
    */
	
	#mobileNavToggle:hover{
	/*	background-color: #330072; */
	}
	
		#mobileNavToggle .collapsed{ display: block; }
		#mobileNavToggle .open{ display: none; }
		#mobileNavToggle.toggled  .open{ display: block; }
		#mobileNavToggle.toggled  .collapsed{ display: none; }

		#mobileNavToggle .open,
		#mobileNavToggle .collapsed{
			width: 100%;
			height: 50px;
			text-align: right;
			line-height: 50px;
			color: #fff;
            cursor: pointer;
		}
		
		#mobileNavToggle .open i span,
		#mobileNavToggle .collapsed i span{
			display: none;
		}
	
	#mnuWrapper{
		display: none; /*hide the menu*/
	}
	
	#mnuWrapper.toggled{
		display: block;
	}
    
	
    #header{ padding-bottom: 0; }
    
    #menu{ height: auto; } /*Add Bren */
   
    
     #nav > ul > li{
        width: 100%;
        height: 50px;
        text-transform: uppercase;
        overflow-y: hidden;
        background-color: #330072;
        border-bottom: 1px solid #fff; 
        
     }
     
     #nav > ul > li > .icon{ display: block; position: absolute; right: 20px; color: #fff; top: 15px; font-size: 18px; }
    
	#mobile-nav{
        margin-right: 21px; 
     } 
      
     
     #nav > ul > li > div,
     #nav > ul > li > div > div,
     #nav > ul > li > div > div > div{
         width: 100%;
         display: block !important;
     }
     
     #nav > ul > li > div > div > div{
         text-align: left !important;
     }
     
   
     
      #nav > ul > li.mobileDrop{ border-bottom: none; padding: 0px; padding-left: 10px; padding-top: 10px; }
      
      /*Bren add 2018-02-14*/
      #nav > ul > li.mobileDrop > a{ display: block; }
      #nav > ul > li.mobileDrop > a > div{ width: 100%; }
      #nav > ul > li.mobileDrop > a > div > div.mnuTableCell{ height: auto!important; }
     
     /*end add */
     
      #nav > ul > li ul,
      #nav > ul > li:hover ul{
          display: none;
      }
      
      #nav > ul > li:hover ul li:first-child{
        /*padding-left: 15px;*/
       }
      
       #nav > ul > li.mobileDrop:hover  > div > div,
       #nav > ul > li.mobileDrop  > div > div,
       #nav > ul > li:hover > div > div{
           height: auto !important;
       }
       
       #nav > ul > li.mobileDrop:hover,
       #nav > ul > li.mobileDrop{ 
           height: auto;
           background-color: #330072;
           padding-left: 0px;
           
       }
       
       #nav > ul > li.mobileDrop > div{
           background-color: #3D3D3D; /*May 31st*/
       }
       
       /*
        #nav > ul > li.mobileDrop span.icon{
            margin-top: 10px;
        }
       */
       
       #nav > ul > li.mobileDrop > div{
           padding-left: 10px;
           border-bottom: 2px solid #e4e4e4;
       }
       
       #nav > ul > li.mobileDrop .mnuItem{ padding: 10px 0; /*background-color: #595959; padding-left: 10px; */ }
        
       #nav > ul > li.mobileDrop:hover ul,
       #nav > ul > li.mobileDrop ul{
           display: block !important;
           position: relative;
           clear: both;
           width: 100%;
           border-top: 1px solid #fff;
           border-bottom: 1px solid #fff;
           box-shadow: none;
           
       }
       
        #nav > ul > li.mobileDrop:hover ul li,
        #nav > ul > li.mobileDrop ul li{
            
            /*Sub-Menu-Items*/
            background-color: #330072;
            padding-left: 20px;
            padding-top: 10px;
            padding-bottom: 10px;
            text-align: left;
            text-transform: none;
            color: #fff;
            font-size: 14px;
            display: block;
            /*border-bottom: 2px solid #e4e4e4;*/
            border-left: none;
            
            
            
        }
        
        #nav > ul > li > ul > li{
            /*Add*/
            height: 40px;
        }
        
        #nav > ul > li.mobileDrop ul li a{
            text-transform: none;
            color: #fff;
            font-family: arial;
        }
       
       #nav > ul > li.mobileDrop ul li:hover{
           background-color: #E6E6E6;
           color: #444444;
       }
       
       #nav > ul > li.mobileDrop ul li:hover a{
           color: #444;
       }
       
       /**ADD Feb 22 **/
     
      #nav > ul > li > div{
          /*padding-left: 15px;*/
      } 
      #nav > ul > li.mobileDrop > div{
          /*padding-left: 25px !important;*/
          padding-left: 10px !important;
      }
      
      #nav > ul > li.mobileDrop:hover > ul > li,
      #nav > ul > li.mobileDrop > ul > li{
          padding-left: 18px !important;
      }
      
      
      
      
      
      
      
      /*Dec 01 */
      
      .mobileNav #theMenu .mnuTableCell{ height: 25px !important; } /*25 or 36*/
      .mobileNav #theMenu .mobileDrop > a,
      .mobileNav #theMenu .mobileDrop > a > div{ width: 100%; }
      
      .mobileNav #theMenu .mobileDrop > a .mnuItem{ padding-left: 10px; }
      


      /*see schemes.css --> .menu-li.menu-li-1 > a > div{ margin-left: 15px; }*/
      
      
      
       
      
}


/**** 
    First Nav Uten to line up with L
*****/
@media (min-width: 1025px) { /*from 1024 June 13th*/
    #nav > ul > li:first-child > ul > li {
        padding-left: 30px;
    }
    
      #nav > ul > li:first-child > div > div > div.mnuItem{
        padding-left: 15px;
    } 
    
    
}

#mobile-nav > .icon{
    font-size: 25.2px;
}

/*fix for indentation*/
@media (max-width: 1023px) {
    li.mobileDrop{
        padding-left: 0;    
    }
    
    li.mobileDrop .mnuItem{
        padding-left: 10px;    
    }
     
  
}

@media (max-width: 600px) {
    #header .site-logo{ margin-left: 0px !important; }
   /* #lazaridisSearch{ padding-left: 10px; } */
    
    #nav > ul > li > div{ padding-left: 5px!important; }
    #nav > ul > li.mobileDrop > div{ padding-left: 15px!important; }

    #nav > ul > li.mobileDrop:hover > ul > li, #nav > ul > li.mobileDrop > ul > li {
        padding-left: 25px !important;
    }
    
    #leftMenu{
        padding-bottom: 10px;
    }    
}

 #nav > ul > li ul li a{
    display: inline-block; /*June 10th*/ 
    width: 100%;
    color: #fff;
 }