/************************************
* Media Subnavigation
************************************/

div#subnav-media ul#submenu-media { 
    height: 100px; 
    width: 170px;
    background: url(navigation/button_sub_media.gif) top left no-repeat; 
    margin: 0; 
    padding: 0; 
    position: relative; 
}

div#subnav-media ul#submenu-media li { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    position: absolute; 
}

ul#subnav-media li, ul#submenu-media a { 
    width: 170px; 
    display: block; 
}

div#subnav-media ul#submenu-media li a { 
    text-indent: -9999px; 
    text-decoration: none; 
}

#medianewsmenu { top: 0px; }
#mediacredsmenu { top: 20px; }
#mediaguidemenu { top: 40px; }
#mediapartnersmenu { top: 60px; }
#mediafaqsmenu { top: 80px; }

#medianewsmenu a:hover { background: url(navigation/button_sub_media.gif) -170px 0px no-repeat; }
#mediacredsmenu a:hover { background: url(navigation/button_sub_media.gif) -170px -20px no-repeat; }
#mediaguidemenu a:hover { background: url(navigation/button_sub_media.gif) -170px -40px no-repeat; }
#mediapartnersmenu a:hover { background: url(navigation/button_sub_media.gif) -170px -60px no-repeat; }
#mediafaqsmenu a:hover { background: url(navigation/button_sub_media.gif) -170px -80px no-repeat; }

body.medianews-on #medianewsmenu { background: url(navigation/button_sub_media.gif) -170px 0px no-repeat; }
body.mediacreds-on #mediacredsmenu { background: url(navigation/button_sub_media.gif) -170px -20px no-repeat; }
body.mediaguide-on #mediaguidemenu { background: url(navigation/button_sub_media.gif) -170px -40px no-repeat; }
body.mediapartnersmenu-on #mediapartnersmenu { background: url(navigation/button_sub_media.gif) -170px -60px no-repeat; }
body.mediafaqs-on #mediafaqsmenu { background: url(navigation/button_sub_media.gif) -170px -80px no-repeat; }

/************************************
* Show Nav
************************************/

body#media-on div#subnav-media {
	display: block;
}