#TopNav
{
    clear:both;
    height:39px; 
    position:relative; 
    z-index:100; 
    padding-left:0;
    background:url(../images/nav/navigation-background.jpg) left top repeat-x;
}
       
    /* LEVEL 1 */
    #TopNav ul
    {
        padding:0;
        margin:0 0 0 30px;
        list-style-type:none !important;
    }
                
        #TopNav ul li
        { 
            float:left;
            position:relative;
			list-style-type:none !important;
			background:none;
			margin-bottom:0 !important;
			margin-right:0 !important;
			padding-left:0 !important;
        }
        
         #TopNav ul li.divider
        { 
            float:left;
            position:relative;
            width:1px;   
            height:38px;
        }
        
        /* LEVEL 2 (popout level 1) */
        #TopNav ul ul 
        {
            visibility:hidden; 
            position:absolute;  
            height:0;
            top:39px;    /* change me */
            left:-30px; 
            width:130px; /* change me */   
        }
    
        /* turn on for hover */
        #TopNav ul li.hover ul, /* ie6 js fix */
        #TopNav ul li:hover ul,
        #TopNav ul a:hover ul{visibility:visible;  }
        
        #TopNav ul li.hover ul ul, /* ie6 js fix */
        #TopNav ul li:hover ul ul,
        #TopNav ul a:hover ul ul{visibility:hidden;  }
                     
        
         /* LEVEL 3 (popout level 2) */
        #TopNav ul ul ul
        {
            visibility:hidden; 
            position:absolute;
            height:0;
            top:0;    /* change me */
            left:164px; 
            width:200px; /* change me */
        }
        * html #TopNav ul ul ul{top :0; } 
        /*
        #TopNav ul li.end ul ul
        {
            left:-200px; 
        }
		*/
        
        /* turn on for hover */
        #TopNav ul ul li.hover ul, /* ie6 js fix */
        #TopNav ul ul li:hover ul,
        #TopNav ul ul a:hover ul{visibility:visible;  }
        
                
        /* level 1 link styles */
        #TopNav a, 
        #TopNav a:visited 
        {
            display:block; 
            text-decoration:none; 
            color:white; 
            width:130px;  /* change me - same as #TopNav ul li */
            height:32px;   /* change me */ 
            font-size:0.9em;
            font-weight:normal;
            padding-top: 10px;
            text-align: center;
        }
        
        #TopNav a:hover, 
        #TopNav ul ul a:hover  {color:white}         
        
        /* level 2 & 3 link styles */
        #TopNav ul li.l1 ul a, #TopNav ul li.l1 ul a:visited, #TopNav ul li.l1 ul ul a, #TopNav ul li.l1 ul ul a:visited
{
    background-position: 0px 0px;
    font-size: 0.9em;
    line-height: 29px;
    text-align: left;
    color: white;
    height: 29px;
    width: 185px; /* change me */
    padding: 3px 0 3px 10px;
    background-image: url('../images/new/background-subnav.gif');
    color: white;
    background-repeat: repeat-x;
}     
         
        #TopNav ul li.l1 ul a:hover, #TopNav ul li.l1 ul ul a:hover{
    background-image: url('../images/new/background-subnav.gif');
    height: 29px;
    background-repeat: repeat-x;
    width: 185px;
    background-position: 0px -45px;
    color: #fff;}        
        #TopNav ul li.l1 ul :hover > a, #TopNav ul li.l1 ul ul :hover > a
{
    background-image: url('../images/new/background-subnav.gif');
    height: 29px;
    background-repeat: repeat-x;
    width: 185px;
    background-position: 0px -45px;
    color: #fff;
}       
        
        /* #TopNav ul a{ text-indent:-999999px; } */
        #TopNav ul ul a{ text-indent:0px; }
        /* applies to items with subnav */
        #TopNav a.conference,
        #TopNav a.conference:visited{ background-image:url(../images/new/navigation-conference.gif); width:154px; margin-top: 1px; background-position: 0 -23px }          
        #TopNav  .selected  > a.conference  { background-position:0 120px;  }
        #TopNav a.conference:hover { background-position:0 60px;}   
        #TopNav  :hover  > a.conference { background-position:0 60px;}

        #TopNav ul li.l1.l1_conference ul a, 
        #TopNav ul li.l1.l1_conference ul a:visited,
		#TopNav ul li.l1.l1_conference ul, 
        #TopNav ul li.l1.l1_conference ul ul a, 
        #TopNav ul li.l1.l1_conference ul ul a:visited,
		#TopNav ul li.l1.l1_conference ul ul
 		{
			width:185px;z-index:5;
		}
        #TopNav ul li.l1_conference ul ul
        {
			left:165px;
        }

        #TopNav ul li.l1.l1_membership ul a, 
        #TopNav ul li.l1.l1_membership ul a:visited, 
		#TopNav ul li.l1.l1_membership ul, 
        #TopNav ul li.l1.l1_membership ul ul a, 
        #TopNav ul li.l1.l1_membership ul ul a:visited,
		#TopNav ul li.l1.l1_membership ul ul
 		{
			width:144px;z-index:5;
		}
        #TopNav ul li.l1_membership ul ul
        {
			left:116px;z-index:5;
        }

        #TopNav ul li.l1.l1_about ul a, 
        #TopNav ul li.l1.l1_about ul a:visited, 
		#TopNav ul li.l1.l1_about ul, 
        #TopNav ul li.l1.l1_about ul ul a, 
        #TopNav ul li.l1.l1_about ul ul a:visited,
		#TopNav ul li.l1.l1_about ul ul
 		{
			width:148px;z-index:5;
		}

        #TopNav ul li.l1.l1_info ul a, 
        #TopNav ul li.l1.l1_info ul a:visited,
		#TopNav ul li.l1.l1_info ul, 
        #TopNav ul li.l1.l1_info ul ul a, 
        #TopNav ul li.l1.l1_info ul ul a:visited,
		#TopNav ul li.l1.l1_info ul ul
 		{
			width:195px;z-index:5;
		}

        #TopNav ul li.l1.l1_news ul a, 
        #TopNav ul li.l1.l1_news ul a:visited,
		#TopNav ul li.l1.l1_news ul, 
        #TopNav ul li.l1.l1_news ul ul a, 
        #TopNav ul li.l1.l1_news ul ul a:visited,
		#TopNav ul li.l1.l1_news ul ul
 		{
			width:128px;z-index:5;
		}
		
		#TopNav ul li.l1.l1_sponsors ul a, 
        #TopNav ul li.l1.l1_sponsors ul a:visited,
		#TopNav ul li.l1.l1_sponsors ul, 
        #TopNav ul li.l1.l1_sponsors ul ul a, 
        #TopNav ul li.l1.l1_sponsors ul ul a:visited,
		#TopNav ul li.l1.l1_sponsors ul ul
 		{
			width:145px;z-index:5;
		}

        #TopNav a.about,
        #TopNav a.about:visited{ background-image:url(../images/new/navigation-about.gif); width:110px; margin-top: 1px; background-position: 0 -23px } 

        #TopNav a.info,
        #TopNav a.info:visited{ background-image:url(../images/new/navigation-usefulInfo.gif); width:154px; margin-top: 1px; background-position: 0 -23px } 

        #TopNav a.membership,
        #TopNav a.membership:visited{ background-image:url(../images/new/navigation-membership.gif); width:111px; margin-top: 1px; background-position: 0 -23px } 
        
        #TopNav a.home,
        #TopNav a.home:visited{ background-image:url(../images/new/navigation-home.gif); width:66px; margin-top: 1px; background-position: 0 -23px } 

        #TopNav a.contact,
        #TopNav a.contact:visited{ background-image:url(../images/new/navigation-contact.gif); width:126px; margin-top: 1px; background-position: 0 -23px } 

        #TopNav a.news,
        #TopNav a.news:visited{ background-image:url(../images/new/navigation-news.gif); width:70px; margin-top: 1px; background-position: 0 -23px } 

        #TopNav a.sponsors,
        #TopNav a.sponsors:visited{ background-image:url(../images/new/navigation-sponsors.gif); width:98px; margin-top: 1px; background-position: 0 -23px} 
          
        #TopNav  .selected  > a.contact,
        #TopNav  .selected  > a.membership,
        #TopNav  .selected  > a.about,
        #TopNav  .selected  > a.info,
        #TopNav  .selected  > a.news,
        #TopNav  .selected  > a.sponsors,
        #TopNav  .selected  > a.home  { background-position:0 120px !important; z-index:3; }

        #TopNav  :hover  > a.contact,
        #TopNav  :hover  > a.membership,
        #TopNav  :hover  > a.about,
        #TopNav  :hover  > a.info,
        #TopNav  :hover  > a.news,
        #TopNav  :hover  > a.sponsors,
        #TopNav  :hover  > a.home { background-position:0 60px !important;height:28px;z-index:3; }
        
        
        
        /* See navIE6.css for IE6 specific styles */