/* primary navigation */
#main {position: relative; margin: 71px 0 0 0; padding: 0; width: 240px; height: 195px;}
#main li {position: absolute; top: 0; background: url(../images/nav/primary.gif) 0 0 no-repeat; display: block; list-style: none;}
#main a {display: block; border: 0;}
#main a:hover {border: 0;}
#main #mainbox1 {top: 0; background-position: 0 0; width: 240px; height: 35px;}
#main #mainbox2 {top: 35px; background-position: 0 -35px; width: 240px; height: 32px;}
#main #mainbox3 {top: 67px; background-position: 0 -67px; width: 240px; height: 32px;}
#main #mainbox4 {top: 99px; background-position: 0 -99px; width: 240px; height: 49px;}
#main #mainbox5 {top: 148px; background-position: 0 -148px; width: 240px; height: 47px;}
#main #mainbox1 a:hover {background: url(../images/nav/primary.gif) -240px 0 no-repeat;}
#main #mainbox2 a:hover {background: url(../images/nav/primary.gif) -240px -35px no-repeat;}
#main #mainbox3 a:hover {background: url(../images/nav/primary.gif) -240px -67px no-repeat;}
#main #mainbox4 a:hover {background: url(../images/nav/primary.gif) -240px -99px no-repeat;}
#main #mainbox5 a:hover {background: url(../images/nav/primary.gif) -240px -148px no-repeat;}
#main #mainbox1on {top: 0; background-position: -480px 0; width: 240px; height: 35px;}
#main #mainbox2on {top: 35px; background-position: -480px -35px; width: 240px; height: 32px;}
#main #mainbox3on {top: 67px; background-position: -480px -67px; width: 240px; height: 32px;}
#main #mainbox4on {top: 99px; background-position: -480px -99px; width: 240px; height: 49px;}
#main #mainbox5on {top: 148px; background-position: -480px -148px; width: 240px; height: 47px;}


/* primary navigation on sub pages */
#sub {position: relative; margin: 71px 0 0 0; padding: 0; width: 240px; height: 195px;}
#sub li {position: absolute; top: 0; background: url(../images/nav/primary_sub.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub a {display: block; border: 0;}
#sub a:hover {border: 0;}
#sub #subbox1 {top: 0; background-position: 0 0; width: 240px; height: 35px;}
#sub #subbox2 {top: 35px; background-position: 0 -35px; width: 240px; height: 32px;}
#sub #subbox3 {top: 67px; background-position: 0 -67px; width: 240px; height: 32px;}
#sub #subbox4 {top: 99px; background-position: 0 -99px; width: 240px; height: 49px;}
#sub #subbox5 {top: 148px; background-position: 0 -148px; width: 240px; height: 47px;}
#sub #subbox1 a:hover {background: url(../images/nav/primary_sub.gif) -240px 0 no-repeat;}
#sub #subbox2 a:hover {background: url(../images/nav/primary_sub.gif) -240px -35px no-repeat;}
#sub #subbox3 a:hover {background: url(../images/nav/primary_sub.gif) -240px -67px no-repeat;}
#sub #subbox4 a:hover {background: url(../images/nav/primary_sub.gif) -240px -99px no-repeat;}
#sub #subbox5 a:hover {background: url(../images/nav/primary_sub.gif) -240px -148px no-repeat;}
#sub #subbox1on {top: 0; background-position: -480px 0; width: 240px; height: 35px;}
#sub #subbox2on {top: 35px; background-position: -480px -35px; width: 240px; height: 32px;}
#sub #subbox3on {top: 67px; background-position: -480px -67px; width: 240px; height: 32px;}
#sub #subbox4on {top: 99px; background-position: -480px -99px; width: 240px; height: 49px;}
#sub #subbox5on {top: 148px; background-position: -480px -148px; width: 240px; height: 47px;}


/* home read more link */
#readmorelink {position: relative; margin: 0 auto; padding: 0; width: 84px; height: 24px;}
#readmorelink li {position: absolute; top: 0; background: url(../images/home/readmore.gif) 0 0 no-repeat; display: block; list-style: none;}
#readmorelink a {display: block; border: 0;}
#readmorelink a:hover {border: 0;}
#readmorelink #readmorebox {left: 0; background-position: 0 0; width: 84px; height: 24px;}
#readmorelink #readmorebox a:hover {background: url(../images/home/readmore.gif) 0 -24px no-repeat;}