/* primary navigation */
#main {position: relative; margin: 0 auto; padding: 0; width: 779px; height: 59px;}
#main li {position: absolute; top: 0; background: url(../images/nav/primary2.gif) 0 0 no-repeat; display: block; list-style: none;}
#main a {display: block; border: 0;}
#main a:hover {border: 0;}
#main #mainbox1 {left: 0; background-position: 0 0; width: 100px; height: 59px;}
#main #mainbox2 {left: 100px; background-position: -100px 0; width: 94px; height: 59px;}
#main #mainbox3 {left: 194px; background-position: -194px 0; width: 94px; height: 59px;}
#main #mainbox4 {left: 288px; background-position: -288px 0; width: 139px; height: 59px;}
#main #mainbox5 {left: 427px; background-position: -427px 0; width: 113px; height: 59px;}
#main #mainbox6 {left: 540px; background-position: -540px 0; width: 142px; height: 59px;}
#main #mainbox7 {left: 682px; background-position: -682px 0; width: 97px; height: 59px;}
/* #main #mainbox1 a:hover {background: url(../images/nav/primary2.gif) 0 -59px no-repeat;}
#main #mainbox2 a:hover {background: url(../images/nav/primary2.gif) -125px -59px no-repeat;}
#main #mainbox3 a:hover {background: url(../images/nav/primary2.gif) -219px -59px no-repeat;}
#main #mainbox4 a:hover {background: url(../images/nav/primary2.gif) -313px -59px no-repeat;}
#main #mainbox5 a:hover {background: url(../images/nav/primary2.gif) -452px -59px no-repeat;}
#main #mainbox6 a:hover {background: url(../images/nav/primary2.gif) -565px -59px no-repeat;}
#main #mainbox7 a:hover {background: url(../images/nav/primary2.gif) -707px -59px no-repeat;} */
#main #mainbox1on {left: 0; background-position: 0 -59px; width: 100px; height: 59px;}
#main #mainbox2on {left: 100px; background-position: -100px -59px; width: 94px; height: 59px;}
#main #mainbox3on {left: 194px; background-position: -194px -59px; width: 94px; height: 59px;}
#main #mainbox4on {left: 288px; background-position: -288px -59px; width: 139px; height: 59px;}
#main #mainbox5on {left: 427px; background-position: -427px -59px; width: 113px; height: 59px;}
#main #mainbox6on {left: 540px; background-position: -540px -59px; width: 142px; height: 59px;}
#main #mainbox7on {left: 682px; background-position: -682px -59px; width: 97px; height: 59px;}


/* utility navigation */
#util {position: relative; margin: 0 auto; padding: 0; width: 227px; height: 30px;}
#util li {position: absolute; top: 0; background: url(../images/nav/utility.gif) 0 0 no-repeat; display: block; list-style: none;}
#util a {display: block; border: 0;}
#util a:hover {border: 0;}
#util #utilbox1 {left: 0; background-position: 0 0; width: 79px; height: 30px;}
#util #utilbox2 {left: 79px; background-position: -79px 0; width: 70px; height: 30px;}
#util #utilbox3 {left: 149px; background-position: -149px 0; width: 78px; height: 30px;}
/* #util #utilbox1 a:hover {background: url(../images/nav/utility.gif) 0 -30px no-repeat;}
#util #utilbox2 a:hover {background: url(../images/nav/utility.gif) -79px -30px no-repeat;}
#util #utilbox3 a:hover {background: url(../images/nav/utility.gif) -149px -30px no-repeat;} */
#util #utilbox1on {left: 0; background-position: 0 -30px; width: 79px; height: 30px;}
#util #utilbox2on {left: 79px; background-position: -79px -30px; width: 70px; height: 30px;}
#util #utilbox3on {left: 149px; background-position: -149px -30px; width: 78px; height: 30px;}


/* subnav */
#sub {position: relative; margin: 0 auto; padding: 0; width: 300px; height: 336px;}
#sub li.about {position: absolute; top: 0; background: url(../images/nav/sub_about.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub li.campers {position: absolute; top: 0; background: url(../images/nav/sub_campers_v2.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub li.youngleaders {position: absolute; top: 0; background: url(../images/nav/sub_youngleaders.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub li.volunteer {position: absolute; top: 0; background: url(../images/nav/sub_volunteer.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub li.news {position: absolute; top: 0; background: url(../images/nav/sub_news.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub li.donors {position: absolute; top: 0; background: url(../images/nav/sub_donors.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub li.media {position: absolute; top: 0; background: url(../images/nav/sub_mediagallery.gif) 0 0 no-repeat; display: block; list-style: none;}
#sub a {display: block; border: 0;}
#sub a:hover {border: 0;}
#sub #sbox1 {top: 0; background-position: 0 0; width: 300px; height: 42px;}
#sub #sbox2 {top: 42px; background-position: 0 -42px; width: 300px; height: 42px;}
#sub #sbox3 {top: 84px; background-position: 0 -84px; width: 300px; height: 42px;}
#sub #sbox4 {top: 126px; background-position: 0 -126px; width: 300px; height: 42px;}
#sub #sbox5 {top: 168px; background-position: 0 -168px; width: 300px; height: 42px;}
#sub #sbox6 {top: 210px; background-position: 0 -210px; width: 300px; height: 42px;}
#sub #sbox7 {top: 252px; background-position: 0 -252px; width: 300px; height: 42px;}
#sub #sbox8 {top: 294px; background-position: 0 -294px; width: 300px; height: 42px;}
#sub #sbox1on {top: 0px; background-position: -300px 0; width: 300px; height: 42px;}
#sub #sbox2on {top: 42px; background-position: -300px -42px; width: 300px; height: 42px;}
#sub #sbox3on {top: 84px; background-position: -300px -84px; width: 300px; height: 42px;}
#sub #sbox4on {top: 126px; background-position: -300px -126px; width: 300px; height: 42px;}
#sub #sbox5on {top: 168px; background-position: -300px -168px; width: 300px; height: 42px;}
#sub #sbox6on {top: 210px; background-position: -300px -210px; width: 300px; height: 42px;}
#sub #sbox7on {top: 252px; background-position: -300px -252px; width: 300px; height: 42px;}
#sub #sbox8on {top: 294px; background-position: -300px -294px; width: 300px; height: 42px;}

#sub #s2box1 {top: 0; background-position: 0 0; width: 300px; height: 42px;}
#sub #s2box2 {top: 42px; background-position: 0 -42px; width: 300px; height: 64px;}
#sub #s2box3 {top: 106px; background-position: 0 -106px; width: 300px; height: 42px;}
#sub #s2box4 {top: 148px; background-position: 0 -148px; width: 300px; height: 42px;}
#sub #s2box5 {top: 180px; background-position: 0 -180px; width: 300px; height: 42px;}
#sub #s2box1on {top: 0px; background-position: -300px 0; width: 300px; height: 42px;}
#sub #s2box2on {top: 42px; background-position: -300px -42px; width: 300px; height: 64px;}
#sub #s2box3on {top: 106px; background-position: -300px -106px; width: 300px; height: 42px;}
#sub #s2box4on {top: 148px; background-position: -300px -148px; width: 300px; height: 42px;}
#sub #s2box5on {top: 180px; background-position: -300px -180px; width: 300px; height: 42px;}