body {

}


 .opacity_img{
  opacity: 0.95;
 
 }
 .opacity_img:hover{
  cursor:pointer;
  opacity: 1.0;

 
 }
.carouselopacity
{
     

}
 .carouselopacity:hover{
   border-collapse: separate;
       border: 2px solid gray;  box-shadow: 0 0 10px #333;  -webkit-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;   -moz-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;
  
 }
 .courseblock
 {
     width:150px;
     height:auto;  

 }
 .coursetable
 {
     
 }
 .coursetable td
 {
     word-wrap: break-word; 
    padding:20px; 
      width:180px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
     border-top: 1px solid white;
    border-left: 1px solid white;
 }
 .coursetable td:hover {
    
     
  border-collapse: separate;
       border: 2px solid gray;  box-shadow: 0 0 10px #333;  -webkit-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;   -moz-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;
        
 
}
 .coursetable div { height:auto;
  white-space: initial;
}

 

 .chapterblock
 {
    
     width:auto;
     height:auto;  
 }
 .chaptertable
 {
     
 }
 .chaptertable td
 {
      padding:20px; 
      width:170px;
     height:auto;  
     text-align:center; 
    border-spacing:10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
      border-top: 1px solid white;
    border-left: 1px solid white;
 }
  .chaptertable td:hover {
      border-collapse: separate;
       border:1px solid gray;  box-shadow: 0 0 10px #333;  -webkit-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;
}

   .chaptertable div { height:auto;
  white-space: initial;
}



 .lessonblock
 {
    
     width:auto;
   
 }

.centerimage {
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 5px;
}




   .clear
   {
       height:20px;
   }
.lessontable
 {
    
 }
 .lessontable td
 {
     
    
      padding:20px;
      width:170px;
    
     text-align:center; 
    border-spacing:10px;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
      border-top: 1px solid white;
    border-left: 1px solid white;
    
    
 }
  .lessontable td:hover {
      border-collapse: separate;
       border:1px solid gray;  box-shadow: 0 0 10px #333;  -webkit-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;  -moz-box-shadow: 0 0 10px #333;
      
}
  

   .lessontable div {
  white-space: initial;
}
   .lessontable td a.image:hover {
    background-image:url(../images/chapters/lesson.png);
}