#nav ul, #nav li  {
  list-style: none;
  margin: 0 !important;
}

#nav {
  position: relative;  
  z-index: 100;
}
  #nav li {
    position: static !important; /* for Mozilla */
    position: relative; /* for IE */
  }
  #nav li ul {
    display: none;
    font-weight: normal;
    position: absolute;
    top: 24px; left: 0;
    padding: 0;
    margin-left: 0;
    _margin-left: 15px;
    background: #ffffff url(/images/sub_menu_bg.gif) repeat-x top left;
    border: 1px solid #dde0ec;
  }

  #nav li>ul {left: auto;}
  #nav li:hover ul,
  #nav li.over ul   {display: block;}
  #nav li:hover div,
  #nav li.over div {
    z-index: 150;  
  }
  
  #nav li.navItem {
    background-image: none;
    padding-left: 0;
    margin-left: 50px;
    _display: inline; /* for IE6 */
  }
  #nav li.navItem ul {
    margin-left: 0;
    font-weight: normal;
  }

  /* global navigation images - off state */
  #nav li div {

  }
  /* global navigation images - on state */
  #primary_nav #nav ul li a {background-image: none;}
  
  #nav li li a {
    display: block;
    height: auto;
    text-indent: 0px;  
    color: #293786;
    cursor: pointer;
    outline: none;
    padding: 2px 5px 5px 10px;
    font-weight: normal;
  }
  
  #nav li li a:hover {
    display: block;
    color: #F48000;
  }
  
  #nav li li {
    width: 140px;
    display: block;
    padding: 0;
    float: none;
    color: #293786;
    font-size: 11px;
    font-weight: normal;
    text-transform: lowercase;
  }
  #nav li li.last {
    padding-bottom: 10px;
  }
  

  #nav li li:hover,
  #nav li li.over {color: #fff;}
  /* turning rollover images on */
  #nav li.navItem:hover a, #nav li.navItem.over a, #nav li.navItem a:hover {
    
  }
  
  ul#projects { 
    width: 233px;
    position:relative;
    display: block;
    float: none;
    color: #293786;
    font-size: 11px;
    font-weight: normal;
    text-transform: lowercase;
    background: #F4F5F9 !important;
  }

  ul#projects li img {
    border: 1px solid #E8E8E8; /* #293786; */ 
  }

  ul#projects li.active img {
    border: 1px solid #696969; /* #293786; */ 
  }


  img.shade{
    bottom:-2em;
    display:block;
    position:absolute;
    right:-4ex;
    z-index:-1;
  }

  div.shade{
    width: 30ex;
    height: 6em;
/* specify the dimension of the content, slightly smaller than the image */
    position: relative;
    z-index: 1;
/* force the content to show above the image */
    background-color: #fff;
    border: 1px solid #000;
    padding: 1em 2ex;
    margin-right: 6ex;
    margin-bottom: 3em;
  }