#navbar {

float: right;

width: 540px;

height: 45px;

}

#navbar a { padding: 13px 15px 0px 15px; margin-right:2px;  height: 32px; float:left; background: url('gradient.gif') repeat-x; color:#CCCCCC; }
#navbar a:hover { background: url('gradient.gif') repeat-x; }

#navbar li { display: inline; }

#navbar li a {   float:left; width: 104px; height: 0; color:#FFFFFF; padding-top: 50px; overflow: hidden; }

/* Buttons */

#navbar li#navhome a { background-position: 0 0; }

#navbar li#navrogue a { background-position: -104px 0; }

#navbar li#navlive a { background-position: -208px 0; }

#navbar li#navvideos a { background-position: -312px 0; }

#navbar li#navnews a { background-position: -416px 0; }

#navbar li#navforums a { background-position: -520px 0; }

#navbar li#navradio a { background-position: -624px 0; }


/* Hover */ 

#navbar li#navhome a:hover { background-position: 0 -50px; }

#navbar li#navrogue a:hover { background-position: -104px -50px; }

#navbar li#navlive a:hover { background-position: -208px -50px; }

#navbar li#navvideos a:hover { background-position: -312px -50px; }

#navbar li#navnews a:hover { background-position: -416px -50px; }

#navbar li#navforums a:hover { background-position: -520px -50px; }

#navbar li#navradio a:hover { background-position: -624px -50px; }


/* On */ 

#navbar.home li#navhome a { background-position: 0 -100px; cursor:default; }

#navbar.rogue li#navrogue a { background-position: -104px -100px; cursor:default; }

#navbar.live li#navlive a { background-position: -208px -100px; cursor:default; }

#navbar.videos li#navvideos a { background-position: -312px -100px; cursor:default; }

#navbar.news li#navnews a { background-position: -416px -100px; cursor:default; }

#navbar.forums li#navforums a { background-position: -520px -100px; cursor:default; }

#navbar.radio li#navradio a { background-position: -624px -100px; cursor:default; }