/* top navigation */
#top {position: relative; margin: 0 auto; padding: 0; width: 76px; height: 72px;}
#top li {position: absolute; top: 0; background: url(../images/global/nav.gif) 0 0 no-repeat; display: block; list-style: none;}
#top a {display: block; border: 0;}
#top a:hover {border: 0;}
#top #topbox1 {top: 0; background-position: 0 0; width: 76px; height: 24px;}
#top #topbox2 {top: 24px; background-position: 0 -24px; width: 76px; height: 24px;}
#top #topbox3 {top: 48px; background-position: 0 -48px; width: 76px; height: 24px;}
#top #topbox1 a:hover {background: url(../images/global/nav.gif) -152px 0 no-repeat;}
#top #topbox2 a:hover {background: url(../images/global/nav.gif) -152px -24px no-repeat;}
#top #topbox3 a:hover {background: url(../images/global/nav.gif) -152px -48px no-repeat;}
#top #topbox1on {top: 0px; background-position: -76px 0; width: 76px; height: 24px;}
#top #topbox2on {top: 24px; background-position: -76px -24px; width: 76px; height: 24px;}
#top #topbox3on {top: 48px; background-position: -76px -48px; width: 76px; height: 24px;}