@import url("/stylesheets/application.css");
@import url("/stylesheets/menu.css");
@import url("/stylesheets/structure.css");
@import url("/stylesheets/jquery.lightbox-0.5.css");

.employee { 
  float: left;
  height: 250px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 40px;
  width: 170px; }
  
.employee img { border: 1px solid #333; } 

.employee p { font-weight: bold; }

.video {float:left;width:330px;height:185px;margin-right:20px;margin-bottom:20px;}
.video_img {float:left;width:125px;height:125px;margin-right:10px;}
.video_text {float:left;width:195px;}
.video_text h2 {font-size:12px;font-weight:bold;}
.video_text h3 {font-size:12px;}

/* styling of the container. */ 
a.myPlayer {display:block;width:330px;height:185px;text-align:center;margin:0 15px 15px 0;float:left;border:1px solid #999;}  
/* play button */ 
a.myPlayer img {margin-top:10px;border:0px;margin-left:10px;}  
/* when container is hovered we alter the border color */ 
a.myPlayer:hover {border:1px solid #000;}

p.page-number-links {
  font-size: 14px;
  padding-left: 10px;
  padding-top: 0;
}

p.page-number-links a {
  text-decoration: underline;
}