.directoryContainer {
    font-size:11px;
    padding-right:0;
    margin-right:0;
    line-height:135%;
  }
  .directoryContainer img {
   margin-top:5px;
  }
  #alphabets {
    text-align:center;
    padding-top:8px;
    padding-bottom:10px;
  }
  #alphabets a:link, #alphabets a:visited {
   border: 1px dashed #d9d9d9;
   padding: 3px;
   margin-right:15px;
   text-decoration:none;
   color:#005dab;
  }
  #alphabets a:hover, #alphabets a:active {
   border: 1px dashed #666666;
   padding: 3px;
   margin-right:15px;
   text-decoration:none;
   color:#a4b4ce;
  }
  #wholeTable {
    clear:both;
    font-size:11px;
    width:100%;
    line-height:120%;
  }
  .pictureCell {
    width:105px;
  }
  .positionCell {
    width:215px;
  }
  .position {
   padding:10px 10px 0px 10px;
  }
  .mission {
    width:330px;height:100%;
  }
  .extracurricular {
    padding:30px 5px 0px 10px;  
  }
  .contacts  {
   background-color:#e6e6e6;
  }
  .contacts td {
   border:1px solid #b3b3b3;
  }
  .name {
    float:left;
    font-weight:bold;
    padding:6px 0px 6px 6px;
  }
  .phone {
    text-align:right;
    padding:0px 9px 3px 0px;
    font-size:11px;
    color:#666;
  }
  .toggler {width:330px; height: 100%; }
  .hang_effect {width: 95%; height: 100%; padding:2px 5px 8px 8px;}
  .hang_effect h3 {margin: 0; padding: 0.4em; text-align: center; }
  .runme {
    float:right;
    display:block;
    padding-top:17px;
    background-image:url(/Personnel/arrow.gif);
    background-repeat:no-repeat;
    color:#666;
    font-size:9px;
    height:25px;
  }
  .hang_effect p {
    padding-top:7px;
  }
/*** DEMO SKIN with my revisions from superfish.css ***/
#sf_navbar_id .sf-menu {
 float:left;
 margin-bottom: 10px;
 width:100%;
}
#sf_navbar_id .sf-menu li {
 padding:3px;
 border:1px solid #0b317c;
 margin-right:11px;
}
#sf_navbar_id .sf-menu li li {
 padding:0px;
}
#sf_navbar_id .sf-menu a {
 padding:3px 3px 3px 3px;
 border:0;
}
#sf_navbar_id .sf-menu li a:link, #sf_navbar_id .sf-menu  li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
 color: #666;
 text-decoration:underline;
}
#sf_navbar_id .sf-menu li a:hover, #sf_navbar_id .sf-menu li a:active {
 background-color: #fff;
 color:#30384A;
 text-decoration:none;
}

/* my additions for directoy */
#sf_navbar_id .sf-menu li ul {
    /* width: 650px;   controls the width of the dropdown          */
   width:170px;
}
#sf_navbar_id .sf-menu li li {
  background-color: #d7deea;
  border-top:1px solid #a4b4ce;
}
.author {
  font-size:10px;
  font-style:italic;
}
/* sf with ul is a generated class used on arrow so it positions */
#sf_navbar_id .sf-with-ul, #sf_navbar_id .sf-with-ul a:hover {
 padding-right:  2.25em;
 min-width:  1px;
}
#sf_navbar_id .sf-menu a.sf-with-ul {
    padding-right:12px;
    min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
#sf_navbar_id .sf-sub-indicator {
    position:        absolute;
    display:        block;
    right:1px;
    top:            .3em; /* IE6 only */
    width:            10px;
    height:            10px;
    text-indent:     -999em;
    overflow:        hidden;
}
a > #sf_navbar_id .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:5px;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* Start: These style the dropdown links 
#sf_navbar_id ul li ul li.indiv_dept a:link,
#sf_navbar_id ul li ul li.indiv_dept a:visited {
  color: #0b317c;
  background-color: #eee;
  text-decoration: none;
}
#sf_navbar_id ul li ul li.indiv_dept a:hover,
#sf_navbar_id ul li ul li.indiv_dept a:active {
  color: black;
  background-color: #d7deea;
}
 End: These style the dropdown links */