/*ELECTRICAL DEPARTMENT STYLES*/


.divHidContent
{
display:none;
	}



    .bgWhyStudy {
	background:  url("/faculties/IFFT/Departments/PublishingImages/WhyStudy.jpg") no-repeat;
	width: 100%;
    height:auto;
	color:white;
/*	font-family:"Roboto Light"; */
	font-size:18px;
	}



/*
.bgComputerReady {
	background:  url("/Style%20Library/Images/Faculties/FOE/ComputerReady.jpg") no-repeat;
	width: 100%;
	margin-bottom: -27px;
	height: auto;
	}


.bgElectricalReady {
	background:  url("/Style%20Library/Images/Faculties/FOE/ElectricalReady.jpg") no-repeat;
	width: 100%;
	margin-bottom: -27px;
	height: auto;
	}

.bgCivilReady {
	background:  url("/Style%20Library/Images/Faculties/FOE/CivilReady.jpg") no-repeat;
	width: 100%;
	margin-top: -25px;
	margin-bottom: -27px;
	height: auto;
	}
	
.bgCivilBtns {
	background:  url("/Style%20Library/Images/Faculties/FOE/CivilBtns.jpg") no-repeat;
	width: 100%;
	
	}

	

.bgMechanicalReady {
	background:  url("/Style%20Library/Images/Faculties/FOE/MechanicalReady.jpg") no-repeat;
	width: 100%;
	margin-bottom: -27px;
	height: auto;
	}
	
.bgChemicalReady {
	background:  url("/Style%20Library/Images/Faculties/FOE/ChemicalReady.jpg") no-repeat;
	width: 100%;
	margin-bottom: -27px;
	height: auto;
	}
	
.bgEngMngmntReady {
	background:  url("/Style%20Library/Images/Faculties/FOE/EngMngmntReady.jpg") no-repeat;
	width: 100%;
	margin-bottom: -27px;
	height: auto;
	}
	
	
.lblReady {
	font-size: 44px;
	font-weight: bold;
/*	font-family: 'roboto', sans-serif; 
	line-height: 44px;
	padding-bottom: 60px;
	color: #ffffff; 
	text-transform: uppercase;  */
}



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


.btnReady:hover {
	background-color: #f9af4c;
	border: 0px;
	margin-right: 8px;
              margin-left: 8px;

} 




.aReady
{
color: #ffffff;
display:inline-block;
	}
	
	
	
	  .btnsDeptLeft {
           
           margin-right: 8px;
        }
		
  .btnsDeptRight {
           
           margin-left: 8px;
        }		
	
	  .btnsDeptCenter {
           margin-left: 8px;
           margin-right: 8px;
        }


	
	.btnsDept {
    
            background-color: #f4f4f4;
            color:black;
		font-family: 'roboto', sans-serif;  
            font-size: 14px;
            font-weight:bold;
            text-transform: uppercase;            
            text-align: center;
            padding-top: 11px;
            padding-bottom: 7px;
            border: 1px solid #959595;
            height: 62px;
  /*          width: 200px; */
            
              width: 100%;
              margin-right: 8px;
              margin-left: 8px;

        }
        
        
        
        
  .btnsDeptSelected {
            background-color: #f9af4c;
            color:#ffffff;
		font-family: 'roboto', sans-serif;  
            font-size: 14px;
            font-weight:bold;
            text-transform: uppercase;            
            text-align: center;
            padding-top: 11px;
            padding-bottom: 7px;
            border: 0px solid #959595;
            height: 62px;
  /*          width: 200px; */
            
              width: 100%;
              margin-right: 8px;
              margin-left: 8px;


        }
        
       /* .btnsDeptSelected:hover {
                background-color: #f9af4c;
				color: #ffffff;
                text-decoration:none;
                border: 0px;
            }
*/

            .btnsDept:visited, .btnsDept:link, .btnsDept:focus {
                background-color: #f9af4c;
				color: #ffffff;
                text-decoration:none;
                border: 0px;
            }
            
            .btnsDept:hover {
                background-color: #f9af4c;
				color: #ffffff;
                text-decoration:none;
                border: 0px;
            }
                    
            
      
			
             .AbtnsDept:hover {
                background-color: #f9af4c;
				color: #ffffff;
                text-decoration:none;
                border: 0px;
                padding-top: 11px;
            padding-bottom: 7px;


            }


            .btnsDept:hover {
				background-color: #f9af4c;
				color: #ffffff;
                text-decoration: none;
                border: 0px;
            }

.bgDeptMission{
	 background-color: #f9af4c;
	 
	 
}


.lblDeptTitle
		{
			 color: #ffffff;
/*		     font-family: 'roboto', sans-serif;   */
		     font-size: 30px;
		     font-weight: bold;
		     text-transform: uppercase;
		     letter-spacing: 2px;
		     line-height: 38px;
		 	padding-bottom:20px;
		 	
		 	min-height:600px;
			}
		
		
		.divDeptMission
		{
			 color: #ffffff;
	/*	     font-family: 'roboto', sans-serif;  */
		     font-size: 18px;
		     padding:60px;
		    vertical-align:middle; 
		     line-height: 28px;
			letter-spacing: 1px;
			min-height:600px;
		    }
		    
		    
@media only screen and (min-width: 600px) and (max-width: 2000px) 
    {
		.lblTitle
		{
			 
	/*	     font-family: 'roboto light', sans-serif; */
		     font-size: 38px;
		     font-weight:normal;
		     text-transform: uppercase;
		     line-height: 48px;		 	 
		}
		
	.bgWhyStudy {
	background:  url("/faculties/IFFT/Departments/PublishingImages/WhyStudy.jpg") no-repeat;
	width: 100%;
    height:auto;
	color:white;
/*	font-family:"Roboto Light"; */
	font-size:18px;
	}

		
		

  @media only screen and (min-width: 200px) and (max-width: 670px) 
    {
    
    .bgWhyStudy {
	background:  url("/faculties/IFFT/Departments/PublishingImages/WhyStudy.jpg") ;
	width: 100%;
    height:auto;
	color:white;
/*	font-family:"Roboto Light"; */
	font-size:18px;
	}

    
    		.lblTitle
		{
			 
		/*     font-family: 'roboto light', sans-serif;   */
		     font-size: 22px;
		     font-weight:normal;
		     text-transform: uppercase;
		     line-height: 22px;		 	 
			}
			

		.lblDeptTitle
		{
			 color: #ffffff;
/*		     font-family: 'roboto', sans-serif;  */
		     font-size: 20px;
		     font-weight: bold;
		     text-transform: uppercase;
		     line-height: 20px;
		 	 padding-bottom:10px;
		 	 min-height:inherit;
			}
		
		
		.divDeptMission
		{
			 color: #ffffff;
/*		     font-family: 'roboto', sans-serif;  */
		     font-size: 10px;
		     padding:15px;
		     line-height: 15px;
		     min-height:inherit;
		    }
		    
		    
	  .btnsDeptLeft {
           
           margin-right: 8px;
            

        }
		
  .btnsDeptRight {
           
           margin-left: 8px;
           

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

	
		.btnsDept {
    
            background-color: #f4f4f4;
            color:black;
			font-family: 'roboto', sans-serif;  
            font-size: 14px;
            font-weight:bold;
            text-transform: uppercase;            
            text-align: center;
            padding-top: 11px;
            padding-bottom: 7px;
            border: 2px solid #959595;
            margin-right: 8px;
              margin-left: 8px;
           
           

        }


.btnsDeptSelected {
             background-color: #f9af4c;
            color:black;
		font-family: 'roboto', sans-serif;  
            font-size: 14px;
            font-weight:bold;
            text-transform: uppercase;            
            text-align: center;
            padding-top: 11px;
            padding-bottom: 7px;
            border: 0px solid #959595;
            height: 62px;
  /*          width: 200px; */
            
              width: 100%;
               margin-right: 8px;
                margin-left: 8px;

        }
        
        

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



}
 @media only screen and (min-width: 200px) and (max-width: 780px)
    {
    
    
    .bgWhyStudy {
	background:  url("/faculties/IFFT/Departments/PublishingImages/WhyStudy.jpg") repeat;
	width: 100%;
    height:auto;
	color:white;
/*	font-family:"Roboto Light"; */
	font-size:18px;
	}



 @media only screen and (min-width: 200px) and (max-width: 780px) and (orientation: landscape)
    {
    
    
    .bgWhyStudy {
	background:  url("/faculties/IFFT/Departments/PublishingImages/WhyStudy.jpg") repeat;
	width: 100%;
    height:auto;
	color:white;
/*	font-family:"Roboto Light"; */
	font-size:18px;
	}

    
    .lblTitle
		{
			 
		/*     font-family: 'roboto light', sans-serif;   */
		     font-size: 22px;
		     font-weight:normal;
		     text-transform: uppercase;
		     line-height: 22px;		 	 
			}

		.lblDeptTitle
		{
			 color: #ffffff;
/*		     font-family: 'roboto', sans-serif; */
		     font-size: 20px;
		     font-weight: bold;
		     text-transform: uppercase;
		     line-height: 20px;
		 	 padding-bottom:10px;
		 	 min-height:inherit;
			}
		
		
		.divDeptMission
		{
			 color: #ffffff;
	/*	     font-family: 'roboto', sans-serif;   */
		     font-size: 12px;
		     padding:15px;
		     line-height: 17px;
		     min-height:inherit;
		    }
		    
		    
	  .btnsDeptLeft {
           
           margin-right: 8px;
           
        }
		
  .btnsDeptRight {
           
           margin-left: 8px;
          

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

	
		.btnsDept {
    
            background-color: #f4f4f4;
            color:black;
			font-family: 'roboto', sans-serif;  
            font-size: 14px;
            font-weight:bold;
            text-transform: uppercase;            
            text-align: center;
            padding-top: 11px;
            padding-bottom: 7px;
            border: 2px solid #959595;
           margin-right: 8px;
              margin-left: 8px;
           

        }


.btnsDeptSelected {
            background-color: #f9af4c;
            color:black;
		font-family: 'roboto', sans-serif;  
            font-size: 14px;
            font-weight:bold;
            text-transform: uppercase;            
            text-align: center;
            padding-top: 11px;
            padding-bottom: 7px;
            border: 0px solid #959595;
            height: 62px;
  /*          width: 200px; */
            
              width: 100%;
             margin-right: 8px;
              margin-left: 8px;
            
        }


}

/*ELECTRICAL DEPARTMENT STYLES*/