/* ---- top navigation ---- */
#topnav
{
    display:block;
    height:32px;
    margin:0;
    padding:0;
    list-style:none;
    float:left;
}
    #topnav li 
    {
       float:left;
       background: url(../images/nav_splitter.gif) no-repeat top right; 
       padding:0 2px 0 0;
       margin-left: 0px;
    }
        #topnav li a
        {
           height:32px;
           display:block;
           text-indent:-1000em;
           outline:none;
        }
        #topnav li span 
        {
            display:block;
        }            
            #topnav li.home span 
            {
                background:url(../images/nav/nav-home.gif) no-repeat -54px 0;
                width:54px;
            }
            #topnav li.aLeague span
            {
                background:url(../images/nav/nav-aLeague.gif) no-repeat -101px 0;
                width:101px;
            }
            #topnav li.socceroos span
            {
                background:url(../images/nav/nav-socceroos.gif) no-repeat -113px 0;
                width:113px;
            }
            #topnav li.asianCup span
            {
                background:url(../images/nav/nav-asiancup.gif) no-repeat -113px 0;
                width:113px;
            }
            #topnav li.worldCup span
            {
                background:url(../images/nav/nav-worldCup.gif) no-repeat -118px 0;
                width:118px;
            }
            #topnav li.podcast span
            {
                background:url(../images/nav/nav-podcast.gif) no-repeat -98px 0;
                width:98px;
            }
            #topnav li.forums span
            {
                background:url(../images/nav/nav-forums.gif) no-repeat -93px 0;
                width:93px;
            }
            #topnav li.magazine span
            {
                background:url(../images/nav/nav-magazine.gif) no-repeat -108px 0;
                width:108px;
            }
            #topnav li.shop span
            {
                background:url(../images/nav/nav-shop.gif) no-repeat -73px 0;
                width:73px;
            }
            #topnav li.performance span
            {
                background:url(../images/nav/nav-performance.gif) no-repeat -133px 0;
                width:133px;
            }
            
            #topnav li:hover span,
            #topnav li.hover span,
            #topnav li.active span
            {
                background-position: 0 0;
            }
/* ---- top navigation dropdown ---- */
        #topnav li ul 
        {
            position:absolute;
            left:-1000em;
            list-style:none;
            z-index:6;
            width:190px;
            margin:0;
            padding:0;
        }
            #topnav li ul li 
            {
                background:none;
                float:none;  
            }
        #topnav li:hover ul,
        #topnav li.hover ul 
        {
            left:auto;
            padding:5px 0;
            background:#333333;
        }
            #topnav li:hover ul li,
            #topnav li.hover ul li 
            {
                padding:0;
            }
                #topnav li:hover ul li a,
                #topnav li.hover ul li a
                {
                    background: none;
                    text-indent:0;
                    height:auto;
                    width:auto;
                    color:#fff;
                    text-decoration:none;
                    padding: 3px 12px;
                    font-size:0.8em;
                }
                    #topnav li:hover ul li a:hover,
                    #topnav li.hover ul li a:hover  
                    {
                        background:#ffcb05;
                        color:#000;
                    }
/* ---- sub navigation ---- */
#subnav 
{
    display:block;
    height:/*19*/21px;
    margin:0;
    padding:1px 0 0 5px;
    list-style:none;
    background: url(../images/nav/bkg-subnav2.gif) repeat-x 0 0;   
}
    #subnav li 
    {
        float:left;
        color:#fff;
        font-size:0.9em;
        margin-left: 0px;
        padding: 0;
        background: none;
    }
        #subnav li a 
        {
            color:#fff;
            height:20px;
            padding:0 5px;
        }