@charset "utf-8";

/* ============ defaults. ============ */

.side-nav {
    float: left;
    height: 600px;
    width: 165px;
    background: url(/images/bg/side-nav.png) no-repeat;
    font-family: Helvetica, sans-serif, Arial;
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 6px;
}

.side-nav ul li a, .side-nav ul li a:visited {
    color: #fafafa;
    display: block;
    border: none;
    margin: 10px 0 0 22px;
    padding: 0;
    float: left;
    width: 165px;
}

.side-nav ul {
    padding:0; 
    margin:0;
    list-style-type: none; 
}

.side-nav ul li {
    float:left; 
    margin-right:1px; 
    position:relative;
}
.side-nav li#selected{
  background: url(/images/bg/menu-item-cur-bg.png) no-repeat;
}
.side-nav li#non-selected{
  background: url(/images/bg/nav-btn.jpg) no-repeat;
}

.side-nav ul li ul {
    display: none;
}

.side-nav ul li:hover a {
    color:#fafafa;
}

.side-nav ul li:hover ul {
    display:block; 
    position:absolute; 
    top:40; 
    left:135px; 
    width:105px;
}

.side-nav ul li:hover ul li a#sub-nav {
    color:#fafafa; 
    height: 37px;
}

.side-nav ul li:hover ul li a#sub-nav {
    color:#fafafa; 
    height: 37px;
}

.side-nav ul li:hover ul li:hover a#sub-nav {
    width:165px;
}

.side-nav ul li:hover ul li ul {
    display: none;
}

.side-nav ul li:hover ul li a {
    display:block; 
    color:#fafafa;
    width:165px;
}

.side-nav ul li:hover ul li a:hover { 
    color:#fafafa;
    text-decoration: underline;
}

.side-nav ul li:hover ul li:hover ul {
    display:block; 
    position:absolute; 
    left:135px; 
    color:#fafafa;
}

.side-nav ul li:hover ul li:hover ul li a {
    display:block; 
    width:200px;  
    color:#fafafa;
}

.side-nav ul li:hover ul li:hover ul li a:hover { 
    color:#fafafa;
    text-decoration: underline;
}

/*
    /* content list container. */
    .side-nav ul {
      position: relative;
            
     }
     
     .side-nav  li {
      background: url(/images/bg/nav-btn.jpg) no-repeat;
      height: 37px;
    }
    
    
    .side-nav table {
      position: absolute; 
      border-collapse: collapse; 
      top:0; left:0; 
      z-index: 100; 
      font-size: 1em;
    }
    
    .side-nav a, .side-nav a:visited  {
     
    }
    
    /* hack for IE5.5 */
    * html .side-nav a, * html .side-nav a:visited {
      width:165px; w\idth:164px;
    }
    
    /* style the link hover */
    * html .side-nav a:hover {
      color:#fafafa;
      position:relative;
    }
    
    .side-nav li:hover {
      position:relative;
    }
    
    .side-nav a:active, .side-nav a:focus {
      color:#fafafa;
    }
       
    .side-nav li:hover > a {
      color:#fafafa;
      text-decoration: underline;
    }
    
    .side-nav li ul {
      visibility:hidden;
      position:absolute;
      top:-30px;
      /* set up the overlap (minus the overrun) */
      left:13px;
      /*  set up the overrun area */
      padding:30px;
      /*   this is for IE to make it interpret the overrrun padding */
      background:transparent url(/common/images/transparent.gif);
    }

    .side-nav ul a:hover ul ul{
      visibility:hidden;
    }
    
    .side-nav ul a:hover ul {
      visibility:visible;
      font-size:12px;
      letter-spacing: 0;
    }
    
    .side-nav ul a:hover ul a:hover ul{ 
      visibility:visible;
      font-size:12px;
      letter-spacing: 0;
    }

    .side-nav li:hover > ul {
      visibility:visible;
      font-size:12px;
      letter-spacing: 0;
    }
 common styling */





/* specific to non IE browsers */