/* common styling */
#nav 
{
   float:left; 
   width:100%; 
   font-family: verdana, arial, sans-serif; 
   font-size:11px; 
   border-bottom:1px solid #002951;
   /* background:#ddd url(images/menu2.gif) repeat-x; */
   /* background: url(../images/menu_bg_hover.gif) repeat-x; */
   /* background: #AFDCF0; */
   background: #002951;
   /* margin:0 0 20px 0;  for this demo only */ 
   z-index:99;
}

#nav ul 
{
   
   padding-left:30px;
   margin:0;
   list-style-type:none;
   z-index:99;
}

#nav ul li 
{
   padding-right:1.0em;
   float:left; 
   position:relative;
   z-index:99;
   line-height:25px; 
   height:30px;
}

#nav ul li.group 
{
   display:block; 
   text-indent:10px; 
   background:#666; 
   color:#ff0; 
   width:152px; 
   padding:4px 0;
   z-index:99;
}

#nav ul li a, #nav ul li a:visited 
{
   float:left; 
   display:block; 
   text-decoration:none; 
   font-weight:bold;
   color:#DDE1EF; 
   padding:0px 16px; 
   line-height:25px; 
   height:30px;
   z-index:99;
}

#nav ul li:hover 
{
   /* padding-left:0.7em; */
   width:auto;
   z-index:99;
}

#nav ul li a:hover 
{
   background:#AFDCF0 url(images/sub2a.gif); 
   color:#002951;
   z-index:99;
}

#nav ul li:hover a 
{
   background:#AFDCF0 url(images/sub2a.gif); 
   color:#002951;
   z-index:99;
}

#nav ul li ul 
{
   padding-left:0px;
   display: none;
   z-index:99;
}

#nav table 
{
   margin:0; 
   border-collapse:collapse; 
   font-size:11px; 
   position:absolute; 
   top:0; 
   left:0;
   z-index:99;
}

/* specific to non IE browsers */
#nav ul li:hover ul 
{
   display:block; 
   position:absolute;
   top:29px; 
   /* background:#aaa; */
   background:#002951;
   margin-top:1px; 
   left:0; 
   width:152px;
   z-index:99;
}

#nav ul li:hover ul.scroller 
{
   height:138px; 
   width:172px; 
   overflow:auto;
   z-index:99;
}

#nav ul li:hover ul.endstop 
{
   left:-90px;
   z-index:99;
}

#nav ul li:hover ul li ul 
{
   display: none;
   z-index:99;
}

#nav ul li:hover ul li a 
{
   display:block; 
   background:#aaa; 
   color:#fff;height:auto;
   line-height:15px;
   padding:4px 16px; 
   width:120px;
   z-index:99;
}

#nav ul li:hover ul li a.drop 
{
   background:#888;
   z-index:99;
}

#nav ul li:hover ul li a:hover 
{
   color:#ff0; 
   background: #888;
   z-index:99;
}

#nav ul li:hover ul li a:hover.drop 
{
   background: #888; color:#ff0;
   z-index:99;
}

#nav ul li:hover ul li:hover ul 
{
   display:block; 
   position:absolute; 
   left:163px; 
   /* top:-70px; */
   top: 0px;
   color:#000; 
   left:162px; 
/*   height:138px; */
   height:auto;
/*   width:172px; */
   width:auto;
   overflow:auto; 
   background:#888;
   z-index:99;
}

#nav ul li:hover ul li:hover ul li a 
{
   background:#888;
   z-index:99;
}

#nav ul li:hover ul li:hover ul li.group 
{
   width:152px; 
   padding:5px 0;
   z-index:99;
}


#nav ul li:hover ul li:hover ul.left 
{
   left:-172px;
   z-index:99;
}

#nav ul li:hover ul li:hover ul li a:hover 
{
   background:#666; 
   /* color:#0ff; */
   color:#5E9ED5;
   z-index:99;
}

/* specific to IE5.5 and IE6 browsers */
#nav ul li a:hover ul 
{
   display:block;
   position:absolute;
   top:30px; 
   t\op:29px; 
   /* background:#aaa; */
   background:#002951;
   left:0; 
   marg\in-top:1px;
   z-index:99;
}

#nav ul li a:hover ul.scroller 
{
   height:138px; 
   overflow:auto;
   z-index:99;
}

#nav ul li a:hover ul.endstop 
{
   left: -90px;
   z-index:99;
}

#nav ul li a:hover ul li a 
{
   font-weight:normal;
   display:block; 
   color:#fff; 
   height:1px; 
   line-height:15px; 
   padding:4px 16px; 
   width:152px; 
   w\idth:120px;
   z-index:99;
}

#nav ul li a:hover ul li a.drop 
{
   background:#888; 
   padding-bottom:5px;
   z-index:99;
}

#nav ul li a:hover ul li a ul 
{
   visibility:hidden; 
   position:absolute; 
   height:0; 
   width:0;
   z-index:99;
}

#nav ul li a:hover ul li a:hover 
{
   /* color:#ff0; */
   color:#ffffff;
   background: #888;
   z-index:99;
}

#nav ul li a:hover ul li a:hover.drop 
{
   background: #888; 
   color:#ff0;
   z-index:99;
}

#nav ul li a:hover ul li a:hover ul 
{
   visibility:visible; 
   position:absolute; 
   display:block;
/* top:-69px; */
/* t\op:-70px; */
   top:0px; 
   t\op:-1px; 
   color:#000; 
   left:152px; 
/* height:138px; */
   height:auto;
/* width:170px; */
   width:auto;
/* overflow:auto; */
   overflow:hidden;
   background:#888;
   z-index:99;
}

#nav ul li a:hover ul li a:hover ul.left 
{
   left:-170px;
   z-index:99;
}

#nav ul li a:hover ul li a:hover ul li a:hover 
{
   background:#666; 
   color:#ffffff;
   z-index:99;
}

.left 
{
   clear:both;
}