hr {
  display: block;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  margin-left: auto;
  margin-right: auto;
/*  border-style: inset; */
  border-width: 3px;
  border-color: #a1a1a1;
}


hr1 {
  display: block;
  margin-top: 0.8em;
  margin-bottom: 0.8em;
  margin-left: auto;
  margin-right: auto;
  width:20px;
/*  border-style: inset; */
  border-width: 5px;
  border-color: #f05551;
}

.lblDeptTitle
		{
			 color: #3a2f2c;
		     font-family: 'roboto', sans-serif;
		     font-size: 21px;
		     font-weight: bold;

		 /*    letter-spacing: 2px;  */
		     line-height: 43px;
		 /*	 padding-bottom:10px;  */


			}

/*  For the 3 sections sub menu    */


.divHidContent
{
display:none;
	}


.btnReady, btnReady:visited, .btnReady:link, .btnReady:focus {
	border: 1px #ffffff solid;
	width: 380px;
	height:77px;
	text-align:left;
	vertical-align:middle;
	font-family: 'roboto', sans-serif;
	font-size: 28px; 
	color: #ffffff;
	text-transform: capitalize;
	padding: 18px 0 24px 0;
	margin-bottom: 20px;
	}


.btnReady:hover {

	border: 0px;

} 



.btnReady:hover {
	
	border: 0px;

} 



.aReady
{
color: black;
display:inline-block;
	}


.ImgTextPadding {
 padding-left: 0px;

}

.btnsDeptLeft {
           
           margin-right: 8px;
           padding-left: 0px;
           height: 70px;
            width: 190px;
            


        }
		
  .btnsDeptRight {
           
           margin-left: 8px;
           padding-left: 0px;
           height: 70px;
            width: 190px;


        }		
	
	  .btnsDeptCenter {
           margin-left: 8px;
           margin-right: 8px;
           padding-left: 0px;
           height: 70px;
            width: 190px;

        }


	
	.btnsDept {    
            
            color:black;
			font-family: 'roboto', sans-serif;
            font-size: 30px;
            font-weight:bold;
            text-transform:capitalize;            
            text-align: left;
            padding-top: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #959595;
            height: 100px;
            width: 350px;

        }


            .btnsDept:visited, .btnsDept:link, .btnsDept:focus {
                
				color: black;
                text-decoration:none;
                border: 0px;
       /*     border-bottom: 5px solid #f9af4c;            
            border-bottom-width: 5px;
            border-bottom-color: #f9af4c;  */

            }
            
            .btnsDept:hover {
                
			/*	color: #ffffff;
                text-decoration:none;
                border: 0px; */
                border-bottom: 1px;
                border-bottom-color: #959595;
            }
                    
            
        .btnsDeptSelected {
           
            color: black;
            text-decoration: none;
            border-bottom: 3px solid #f9af4c;            
            border-bottom-width: 3px;
            border-bottom-color: #f9af4c;
            
            font-family: 'roboto', sans-serif;
            font-size: 30px;
            font-weight: bold;
            text-transform: capitalize;
            text-align: left;
            padding-top: 10px;
            padding-bottom: 8px;
            height: 100px;
            width: 350px;
      
            
        }
        
        
            .AbtnsDept:active
            {
            border-bottom: 3px solid #f9af4c;            
            border-bottom-width: 3px;
            border-bottom-color: #f9af4c;
            color:red; 
            
            }
			
             .AbtnsDept:hover {
               
			/*	color: black;
                text-decoration:none;
                border: 0px;
                padding-top: 10px;
                padding-bottom: 8px;   */


            }


            .btnsDept:hover {
				
		/*		color: #ffffff;
                text-decoration: none;
                border: 0px;   */
            }
            
            
            
            @media only screen and (min-width: 200px) and (max-width: 670px) 
    {
		.lblDeptTitle
		{
			 color: black;
		     font-family: 'roboto', sans-serif;
		     font-size: 20px;
		     font-weight: bold;
		     text-transform: capitalize;
		     line-height: 20px;
		 	 padding-bottom:10px;
		 	 min-height:inherit;
			}
		

		
		.divDeptMission
		{
			 color: black;
		     font-family: 'roboto', sans-serif;
		     font-size: 10px;
		     padding:15px;
		     line-height: 15px;
		     min-height:inherit;
		    }
		    
		    
	  .btnsDeptLeft {
           
           margin-right: 8px;
            margin-left: 8px;
            height: 70px;
            width: 190px;

        }
		
  .btnsDeptRight {
           
           margin-left: 8px;
           margin-right: 8px;
           height: 70px;
            width: 190px;


        }		
        
        	  .btnsDeptCenter {
           margin-left: 8px;
           margin-right: 8px;
           height: 70px;
            width: 190px;

        }

	
		.btnsDept {
    
            
            color:black;
			font-family: 'roboto', sans-serif;
            font-size: 16px;
            font-weight:bold;
            text-transform: capitalize;            
            text-align: left;
            padding-top: 8px;
            padding-bottom: 8px;           
            border-bottom: 1px solid #959595;
            height: 70px;
            width: 190px;

           
           

        }


.btnsDeptSelected {
            
            color: black;
            text-decoration: none;
            border-bottom: 3px solid #f9af4c;            
            border-bottom-width: 3px;
            border-bottom-color: #f9af4c;
            font-family: 'roboto', sans-serif;
            font-size: 16px;
            font-weight: bold;
            text-transform: capitalize;
            text-align: left;
            padding-top: 10px;
            padding-bottom: 8px;
       
            
        }
        
        

.btnReady, btnReady:visited, .btnReady:link, .btnReady:focus {
	border: 1px #ffffff solid;
	height:77px;
	width:300px;
	text-align:left;
	vertical-align:middle;
	font-family: 'roboto', sans-serif;
	font-size: 20px; 
	color: #ffffff;
	text-transform: capitalize;
	padding: 18px 20px 14px 20px;
	margin-bottom: 20px;
	}



}

 @media only screen and (min-width: 200px) and (max-width: 780px) and (orientation: landscape)
    {
		.lblDeptTitle
		{
			 color: black;
		     font-family: 'roboto', sans-serif;
		     font-size: 20px;
		     font-weight: bold;
		     text-transform: capitalize;
		     line-height: 20px;
		 	 padding-bottom:10px;
		 	 min-height:inherit;
			}
		
		
		.divDeptMission
		{
			 color: black;
		     font-family: 'roboto', sans-serif;
		     font-size: 12px;
		     padding:15px;
		     line-height: 17px;
		     min-height:inherit;
		    }
		    
		    
	  .btnsDeptLeft {
           
           margin-right: 8px;
            margin-left: 8px;

        }
		
  .btnsDeptRight {
           
           margin-left: 8px;
           margin-right: 8px;

        }		
        
        	  .btnsDeptCenter {
           margin-left: 8px;
           margin-right: 8px;
           height: 70px;
            width: 190px;

        }

	
		.btnsDept {
    
            
            color:black;
			font-family: 'roboto', sans-serif;
            font-size: 16px;
            font-weight:bold;
            text-transform: capitalize;            
            text-align: left;
            padding-top: 8px;
            padding-bottom: 8px;
            border-bottom: 1px solid #959595;           
           height: 70px;
            width: 190px;


        }


.btnsDeptSelected {
            
            color: black;
            text-decoration: none;
            border-bottom: 3px solid #f9af4c;            
            border-bottom-width: 3px;
            border-bottom-color: #f9af4c;

            font-family: 'roboto', sans-serif;
            font-size: 16px;
            font-weight: bold;
            text-transform: capitalize;
            text-align: left;
            padding-top: 10px;
            padding-bottom: 8px;
         
            
        }


}






/* End sub menu */



  @media only screen and (min-width: 200px) and (max-width: 670px)
    {
		.lblDeptTitle
		{
			 color: #3a2f2c;
		     font-family: 'roboto', sans-serif;
		     font-size: 20px;
		     font-weight: bold;
		     text-transform: capitalize;
		     line-height: 20px;
		 	 margin-bottom:-15px;

			}
}



.projectname
		{
			 color: #000000;
		     font-family: 'roboto', sans-serif;
		     font-size: 38px;
		     font-weight: normal;
             line-height: 43px;  

		 /*    letter-spacing: 2px;  */ 
		 /*	 padding-bottom:10px;  */		 	

		}



    .ButtonHover img:hover {
    
        opacity: .7;    

    }
    

    
    

    .vlightbox1 img:hover{
        opacity: .7;
        background: url(http://www.balamand.edu.lb/Style%20Library/Images/IOEImageGal/test.jpg) 0 0 no-repeat;         
       
    }

    
    
    .EquipName {
            font-size: 15px; 
            font-family: 'roboto', arial, sans-serif;
            text-decoration:none;                   
        }


        .EquipName img {
            display: none;
            position:absolute;
            left:1px;
            padding-top: 3px;

        }

            .EquipName:focus {
                display: block;
               font-weight: bold;
               color:black;
               

            }

            .EquipName:hover {
                font-weight: bold;
                color: #3c3c3c; 
            }
            
            
            
        .Name {
            font-size:30px;
            /*    font-family: Arial; */
        }

        .ImgBorber {
            border:thin solid gray;
            
        }
        
.DivBorder{	
	border:1px solid #dcdcdc;
	
	
	
		  }