@charset "utf-8";

/* This file is last modified on 21/11/2008 */

/* CHANNELNAV */
#nav { clear: both; width: 930px; height: 35px; overflow: hidden; position: relative; display: block; }
#channelnav { margin: 0; padding: 0; background-image: url(../homepics/images/globalnavbg.gif); height: 35px; }
#channelnav li { display: inline; list-style: none; }
#channelnav li a { float: left; font-size: .8em; height: 0px; padding-top: 35px; overflow: hidden; background-image: url(../homepics/images/globalnavbg_r3.gif); background-repeat: #no-repeat}

/* BUTTONS */
#channelnav li#home a { background-position: 0 0; width: 120px;}
#channelnav li#archive a { background-position: -120px 0; width: 160px; }
#channelnav li#schedule a { background-position: -280px 0; width: 120px; }
#channelnav li#djprofiles a { background-position: -400px 0;  width: 160px; }
#channelnav li#bookmarks a { background-position: -560px 0;  width: 120px; }
#channelnav li#contactus a { background-position: -680px 0;  width: 100px; }

/* OVER STATES */
#channelnav li#home a:hover { background-position: 0 -35px; width: 120px;}
#channelnav li#archive a:hover { background-position: -120px -35px; width: 160px; }
#channelnav li#schedule a:hover { background-position: -280px -35px; width: 120px; }
#channelnav li#djprofiles a:hover { background-position: -400px -35px; width: 160px; }
#channelnav li#bookmarks a:hover { background-position: -560px -35px; width: 120px;}
#channelnav li#contactus a:hover { background-position: -680px -35px; width: 100px; }

/* PRESSED STATES 
#channelnav li#home a:active { background-position: 0 -70px; width: 100px; }
#channelnav li#archive a:active { background-position: -100px -70px; width: 160px; }
#channelnav li#schedule a:active { background-position: -260px -70px; width: 120px; }
#channelnav li#djprofiles a:active { background-position: -360px -70px; width: 100px; }
#channelnav li#contactus a:active { background-position: -480px -70px; width: 100px;}
*/

/* ON STATES */
.home #channelnav li#home a { background-position: 0 -70px !important; width: 120px; }
.archive #channelnav li#archive a { background-position: -120px -70px !important; width: 160px; }
.schedule #channelnav li#schedule a { background-position: -280px -70px !important; width: 120px; }
.djprofiles #channelnav li#djprofiles a { background-position: -400px -70px !important; width: 160px; }
.bookmarks #channelnav li#bookmarks a { background-position: -560px -70px !important; width: 120px; }
.contactus #channelnav li#contactus a { background-position: -680px -70px !important; width: 100px; }
