/* Nav level one -------------------------------------------------------------------------------------  */            
ul#nav
{ 
   position: relative;
   z-index: 9999999999;
}

ul#nav li
{ 
   float: left; 
   zoom: 1;
}

ul#nav li.hover, ul#nav li:hover
{
   position: relative; 
}

ul#nav li:hover ul, ul#nav li a:hover ul
{
   visibility: visible; 
}


/* 
   LEVEL TWO
*/
ul#nav ul                   
{  
   background: url(../images/nav-ulbg.png) bottom center no-repeat;  
   list-style: none;   
   margin: 0;
   margin-top: 0px;
   margin-left: -3px;
   padding: 0px;
   position: absolute;
      top: 100%;
      left: 0;
   visibility: hidden;   
   width: 171px;      
}

ul#nav ul li
{            
   float: none;
   padding: 0;
   width: 155px;
   margin:0 0 5px;
 }

ul#nav ul li:first-child
{
   background: url('../images/nav-arrow.png') top left no-repeat;
   margin-top: -8px;
}


ul#nav ul li a
{       
   color: #8336cc !important;
   font-size: 11px;
   text-decoration: none;
   font-weight: bold;
   height: inherit;
   line-height: 14px;
   margin: 0;
   padding: 0 15px 0 20px;
   width: 135px !important;
   font-family:arial !important;
   font-style:inherit;
   height:auto;
   
}

   ul#nav ul li:first-child a
   {
      background: url(../images/dNav_top.png) top center no-repeat; 
      padding-top: 16px;
   }
   
   ul#nav ul li a:hover
   {
      color: #000000 !important;
   }

   ul#nav ul li a:hover, ul#nav ul li:first-child a:hover
   {
      background-position: bottom; 
   }
           
/* IE 6 & 7 Needs Inline Block */
ul#nav ul li a               
{
   border-right: none;
   width: 100%;
   display: inline-block; 
}