#TopNav
{
    clear:both;
    height:48px; 
    position:relative; 
    z-index:100; 
    padding-left:0;
    background:url(../images/nav/nav-bg.gif) 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:48px;
        }
        
        /* LEVEL 2 (popout level 1) */
        #TopNav ul ul 
        {
            visibility:hidden; 
            position:absolute;  
            height:0;
            top:43px;    /* change me */
            left:-31px; 
            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:200px; 
            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:48px;   /* change me */ 
            xline-height:48px;
            font-size:1.2em;
            font-weight:normal;
        }
        
        #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
        {   
			font-size:0.8em;
			text-align:center;
            color:white; 
            height:auto; 
            width:185px;  /* change me */
            xline-height:1.6em;
            padding:3px 0 3px 0;
            background-color:#D6D7DA;            
            color:black;
            border-left:solid 1px white;
            border-right:solid 1px white;
            border-bottom:solid 1px white;
        }     
         
        #TopNav ul li.l1 ul a:hover, #TopNav ul li.l1 ul ul a:hover{  background:#66696d !important;color:#fff;}        
        #TopNav ul li.l1 ul :hover > a, #TopNav ul li.l1 ul ul :hover > a{ background:#66696d !important;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/nav/navbuttons-annualconference.gif); width:153px;}          
        #TopNav  .selected  > a.conference  { background-position:0 103px;  }
        #TopNav a.conference:hover { background-position:0 43px;}   
        #TopNav  :hover  > a.conference { background-position:0 43px;}

        #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:153px;
		}
        #TopNav ul li.l1_conference ul ul
        {
			left:125px;
        }

        #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:104px;z-index:5;
		}
        #TopNav ul li.l1_membership ul ul
        {
			left:76px;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:108px;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:152px;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:108px;z-index:5;
		}

        #TopNav a.about,
        #TopNav a.about:visited{ background-image:url(../images/nav/navbuttons-aboutesgct.gif); width:108px; } 

        #TopNav a.info,
        #TopNav a.info:visited{ background-image:url(../images/nav/navbuttons-usefulinformation.gif); width:152px; } 

        #TopNav a.membership,
        #TopNav a.membership:visited{ background-image:url(../images/nav/navbuttons-membership.gif); width:104px; } 
        
        #TopNav a.home,
        #TopNav a.home:visited{ background-image:url(../images/nav/navbuttons-home.gif); width:62px; } 

        #TopNav a.contact,
        #TopNav a.contact:visited{ background-image:url(../images/nav/navbuttons-contactesgct.gif); width:124px; } 

        #TopNav a.news,
        #TopNav a.news:visited{ background-image:url(../images/nav/navbuttons-news2.gif); width:108px; } 

        #TopNav a.awards,
        #TopNav a.awards:visited{ background-image:url(../images/nav/navbuttons-awards.gif); width:76px; } 
          
        #TopNav  .selected  > a.contact,
        #TopNav  .selected  > a.membership,
        #TopNav  .selected  > a.about,
        #TopNav  .selected  > a.info,
        #TopNav  .selected  > a.news,
        #TopNav  .selected  > a.awards,
        #TopNav  .selected  > a.home  { background-position:0 103px !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.awards,
        #TopNav  :hover  > a.home { background-position:0 43px !important;height:43px;z-index:3; }

/* See navIE6.css for IE6 specific styles */