
#navigation {height: 105px; background: #000000;}
#navigation h1 { float: left; width: 201px; padding-top: 6px}

#navigation ul { padding: 8px 0 0 0; margin: 0; height: 90px;}
#navigation ul li {float:left; list-style:none; padding: 0 36px 0 24px;}
#navigation ul li a.mainnavoption {display: block; height: 90px; margin: 0;}
#navigation ul li a.mainnavoption span { position: absolute; left: -4000px }

#navigation ul li a#mainnavawards {margin-left: 75px; width: 121px; background: url(../img/global/main_nav/awards_off.gif);}
#navigation ul li a#mainnavawards:hover {background: url(../img/global/main_nav/awards_over.gif);}

#navigation ul li a#mainnavsports {width: 120px; background: url(../img/global/main_nav/sports_off.gif);}
#navigation ul li a#mainnavsports:hover {background: url(../img/global/main_nav/sports_over.gif);}

#navigation ul li a#mainnaveatright {width: 125px; background: url(../img/global/main_nav/eatright_off.gif);}
#navigation ul li a#mainnaveatright:hover {background: url(../img/global/main_nav/eatright_over.gif);}

#navigation ul li a#mainnavtrading {width: 148px; background: url(../img/global/main_nav/tradingcards_off.gif);}
#navigation ul li a#mainnavtrading:hover {background: url(../img/global/main_nav/tradingcards_over.gif);}

#navigation ul li a#mainnavspotlight {width: 110px; background: url(../img/global/main_nav/spotlight_off.gif);}
#navigation ul li a#mainnavspotlight:hover {background: url(../img/global/main_nav/spotlight_over.gif);}

#navigation ul li a#mainnavearn {width: 190px; background: url(../img/global/main_nav/earn_off.gif);}
#navigation ul li a#mainnavearn:hover {background: url(../img/global/main_nav/earn_over.gif);}

#navigation ul li a#mainnavfun {width: 135px; background: url(../img/global/main_nav/funzone_off.gif);}
#navigation ul li a#mainnavfun:hover {background: url(../img/global/main_nav/funzone_over.gif);}

#navigation ul li a#mainnavcontest {width: 110px; background: url(../img/global/main_nav/contest_off.gif);}
#navigation ul li a#mainnavcontest:hover {background: url(../img/global/main_nav/contest_over.gif);}


/* Subnav */
#subnav {clear: both; width: 890px; height: 27px; background: url(../img/global/sub_nav/bg.gif) left top repeat-x; margin: 5px 0 0 0; padding: 0;}

#subnav ul { padding: 0; margin: 0; height: 27px;}
#subnav ul li {float:left; list-style:none; padding: 0;}
#subnav ul li a.subnavoption {display: block; height: 27px; margin: 0;}
#subnav ul li a.subnavoption span { position: absolute; left: -4000px }

#subnav ul li a#sportssoccer {width: 80px; background: url(../img/global/sub_nav/soccersub_off.gif);}
#subnav ul li a#sportssoccer:hover {background: url(../img/global/sub_nav/soccersub_over.gif);}

#subnav ul li a#sportsbasketball {width: 104px; background: url(../img/global/sub_nav/basketballsub_off.gif);}
#subnav ul li a#sportsbasketball:hover {background: url(../img/global/sub_nav/basketballsub_over.gif);}

#subnav ul li a#funhelmet {width: 141px; background: url(../img/global/sub_nav/helmet_off.gif);}
#subnav ul li a#funhelmet:hover {background: url(../img/global/sub_nav/helmet_over.gif);}

#subnav ul li a#funtrading {width: 125px; background: url(../img/global/sub_nav/trading_off.gif);}
#subnav ul li a#funtrading:hover {background: url(../img/global/sub_nav/trading_over.gif);}

#subnav ul li a#sportskateboard { width: 142px; background: url(../img/global/sub_nav/skateboard_off.gif);}
#subnav ul li a#sportskateboard:hover { background: url(../img/global/sub_nav/skateboard_on.gif);}

#subnav ul li a#helmetstyler { width: 128px; background: url(../img/global/sub_nav/helmetstyler_off.gif);}
#subnav ul li a#helmetstyler:hover { background: url(../img/global/sub_nav/helmetstyler_on.gif);}
