#depthome a:link, #depthome a:visited, #depthome a:hover {
  height: 27px;
  background: url(/docs/IO/8055/cinema.gif) no-repeat;
  margin-bottom: 5px;
}
#undergraduate a:link, #undergraduate a:visited {
  height: 20px; background: url(/docs/IO/8055/undergraduate.gif) no-repeat; }
#undergraduate a:hover {background: url(/docs/IO/8055/skirball_undergraduate_on.gif) no-repeat;}
#undergraduate.active a:link, #undergraduate.active a:visited, #undergraduate.active a:hover {
  background: url(/docs/IO/8055/skirball_undergraduate_active.gif) no-repeat;}
#courses a:link, #courses a:visited {
  height: 20px; background: url(/docs/IO/8055/courses.gif) no-repeat;}
#courses a:hover {background: url(/docs/IO/8055/skirball_courses_on.gif) no-repeat;}
#courses.active a:link, #courses.active a:visited, #courses.active a:hover {
  background: url(/docs/IO/8055/skirball_courses_active.gif) no-repeat;}
#graduate a:link, #graduate a:visited {
  height: 20px; background: url(/docs/IO/8055/graduate.gif) no-repeat;}
#graduate a:hover {background: url(/docs/IO/8055/skirball_graduate_on.gif) no-repeat;}
#graduate.active a:link, #graduate.active a:visited, #graduate.active a:hover {
  background: url(/docs/IO/8055/skirball_graduate_active.gif) no-repeat;}
#miap a:link, #miap a:visited {
  height: 31px; background: url(/docs/IO/8055/miap.gif) no-repeat;}
#miap a:hover {background: url(/docs/IO/8055/skirball_miap_on.gif) no-repeat;}
#miap.active a:link, #miap.active a:visited, #miap.active a:hover {
  background: url(/docs/IO/8055/skirball_miap_active.gif) no-repeat;}
#cmcert a:link, #cmcert a:visited {
  height: 31px; background: url(/docs/IO/8055/certificate_cm.gif) no-repeat;}
#cmcert a:hover {background: url(/docs/IO/8055/certificate_cm_on.gif) no-repeat;}
#cmcert.active a:link, #cmcert.active a:visited, #cmcert.active a:hover {
  background: url(/docs/IO/8055/certificate_cm_active.gif) no-repeat;}
#news a:link, #news a:visited {
  height: 20px; background: url(/docs/IO/8055/news.gif) no-repeat;}
#news a:hover {background: url(/docs/IO/8055/skirball_news_on.gif) no-repeat;}
#news.active a:link, #news.active a:visited, #news.active a:hover {
  background: url(/docs/IO/8055/skirball_news_active.gif) no-repeat;}
#finaid a:link, #finaid a:visited {
  height: 31px; background: url(/docs/IO/8055/finaid.gif) no-repeat;}
#finaid a:hover {background: url(/docs/IO/8055/skirball_finaid_on.gif) no-repeat;}
#finaid.active a:link, #finaid.active a:visited, #finaid.active a:hover {
  background: url(/docs/IO/8055/skirball_finaid_active.gif) no-repeat;}
#faculty a:link, #faculty a:visited {
  height: 20px; background: url(/docs/IO/8055/faculty.gif) no-repeat;}
#faculty a:hover {background: url(/docs/IO/8055/skirball_faculty_on.gif) no-repeat;}
#faculty.active a:link, #faculty.active a:visited, #faculty.active a:hover {
  background: url(/docs/IO/8055/skirball_faculty_active.gif) no-repeat;}
#alumni a:link, #alumni a:visited {
  height: 20px; background: url(/docs/IO/8055/alumni.gif) no-repeat;}
#alumni a:hover {background: url(/docs/IO/8055/skirball_alumni_on.gif) no-repeat;}
#alumni .active a:link, #alumni.active a:visited, #alumni.active a:hover {
  background: url(/docs/IO/8055/skirball_alumni_active.gif) no-repeat;}
#cinemaresources a:link, #cinemaresources a:visited {
  height: 20px; background: url(/docs/IO/8055/cinemaresources.gif) no-repeat;}
#cinemaresources a:hover {background: url(/docs/IO/8055/skirball_cinemaresources_on.gif) no-repeat;}
#cinemaresources .active a:link, #cinemaresources.active a:visited, #cinemaresources.active a:hover {
  background: url(/docs/IO/8055/skirball_cinemaresources_active.gif) no-repeat;}
#blog a:link, #blog a:visited {
  height: 20px; background: url(/docs/IO/8055/blog.gif) no-repeat;}
#blog a:hover {background: url(/docs/IO/8055/skirball_blog_on.gif) no-repeat;}
#blog.active a:link, #blog.active a:visited, #blog.active a:hover {
  background: url(/docs/IO/8055/skirball_blog_active.gif) no-repeat;}
#announcements a:link, #announcements a:visited {
  height: 20px; background: url(/docs/IO/8055/announcements.gif) no-repeat;}
#announcements a:hover {background: url(/docs/IO/8055/skirball_announcements_on.gif) no-repeat;}
#announcements.active a:link, #announcements.active a:visited, #announcements.active a:hover {
  background: url(/docs/IO/8055/skirball_announcements_active.gif) no-repeat;}
.hidden {
  display: none;
}
#splash {
  background: url(/docs/IO/8055/CinemaStudies_newLand.jpg) no-repeat; 
}
/* Absolute Positioning for Featured Events Link */
#splash .featured {
/*     top: 173px;  */
/*    left: 62px;  */
/* 3/17/10 -- activate these for new Cinema Studies Home Page and deactivate above --shari  */
  top: 225px;
  left: 83px;  
  max-width: 110px;
}
/* box model hack for IE 5-6 win and mac - add 18px for padding and borders */
* html #splash .featured {
  width: 128px;
  w\idth: 110px;
}
/*  shari added for photo gallery  */
#splash div.showpic {
 /*    position: absolute; */
  /*   top: 16px; */
  /*   right: 16px; */
/* added */
float: right;
  color: #fff;
  background-color: #000;
 /*    padding: 0; */
 /*  margin: 0; */
margin-right:6px;
}
div.picwrapper{
float: left;
}
#splash div.showdescript {
margin-left:44px;
color:#fff;
width: 230px;
}
#splash h2.imgheader {
margin-top:15px;
color:#fff;
font-size:16px;
margin-left: 40px; 
}
#splash p.imgdescript{
margin-top:25px;
color:#fff;
font-size:12px;
margin-left: 40px; 
}
div.showpic a, div.showpic a:link, div.showpic a:visited, div.showpic a:hover {
  color: #fff;
}
div.showpic h5, div.showpic p {
  padding: 0 5px;
  margin: 5px 0;
  color: #fff;
  font-weight: normal;
  vertical-align: bottom;
}
#splash a.newpic {
  text-decoration: none;
  margin: 0;
  padding: 5px;
  float: right;
/*\*//*/
  float: none;
/**/
}
/* box model hack for IE 5 win and mac - add 18px for padding and borders */
* html #splash .featured {
  width: 158px;
  w\idth: 140px;
}
/* shari added for gradfilm layout conversion  */
#showcase-container{
    /* background:#215c80; */
    /*height: 105px;*/
    width:100%;
     /*  float:left; */
    clear: right;
/* changed */
}
div#showcase-container h2{
padding-top: 10px;
}
#showcase-container a{
text-decoration:none;
margin-left:4px;
font-size:14px;
}
.movie-player {  
     /*    margin-bottom: 20px; */
       /*  padding-top:12px; */
    height: 300px;
   /*  background:#262c30; */
    position:relative;
    z-index: 1;
}
.movie-player .movie-description {
    float:left;
    width: 170px;
    margin-left:10px;
    color:#fff;
    position:absolute;
    bottom: 0px;
}
.movie-player h3 {
    float:left;
    position:absolute;
    top:12px;
    left:12px;
    color:#a2b3bd;
    font-size:130%;
    font-weight: bolder;
    margin:0;
    line-height:130%;
    font-family:verdana, helvetica, arial, sans-serif;
    width:180px;
}
.movie-player .movie-content {
    width:400px;
    height:280px;
    /* background: #215c80;  */
    float:right; 
    margin-right:10px;
    margin-top:10px;
    /*border:3px solid #000;*/
}
.slideshow {
    margin-top:20px;
}
#movie-list{
margin-top: -8px;
}
#movie-list .movie {
    float:left;
/* changed */
    margin: 2px 0px 0px 3px;
    padding:5px 8px;
    background:#807d2e;
    color:#fff;
    font-size:small;
    width:188px;
    position:relative;
}
#movie-list .description {
    bottom:8px;
    width: 65px;
    float:left;
    position: absolute;
    margin-left:3px;
  }
#movie-list img {
    float: right;
    margin:0;
    /*height: 75px;*/
    width: 110px;
-ms-interpolation-mode : bicubic;
    border:3px solid #000;
}
#movie-list .clear {
    clear:both;
}