/* Title: Map Collection maps-css Updated: April 20 2008 */ /* NTS - Administrative Boundaries ---------------------------------------------------------- */ #NTS { float: left; position: relative; width: 330px; height: 391px; background: url("http://www.environmentyukon.ca/maps/media/navigation-maps/administrative-boundaries.png") no-repeat 0 0; } #NTS a:hover, #NTS .selected,{ background: url("http://www.environmentyukon.ca/maps/media/navigation-maps/administrative-boundaries.png"); background-repeat: no-repeat; } #nts-095C {left: 284px; top: 341px; width: 42px; height: 42px;} #nts-095D {left: 247px; top: 346px; width: 41px; height: 41px;} #nts-095E {left: 243px; top: 308px; width: 40px; height: 41px;} #nts-105A {left: 210px; top: 349px; width: 40px; height: 40px;} #nts-105B {left: 173px; top: 351px; width: 39px; height: 38px;} #nts-105C {left: 135px; top: 352px; width: 38px; height: 38px;} #nts-105D {left: 97px; top: 350px; width: 39px; height: 40px;} #nts-105E {left: 98px; top: 313px; width: 38px; height: 39px;} #nts-105F {left: 135px; top: 313px; width: 37px; height: 38px;} #nts-105G {left: 173px; top: 313px; width: 37px; height: 39px;} #nts-105H {left: 209px; top: 311px; width: 38px; height: 40px;} #nts-105I {left: 206px; top: 272px; width: 37px; height: 40px;} #nts-105J {left: 171px; top: 275px; width: 36px; height: 38px;} #nts-105K {left: 136px; top: 275px; width: 36px; height: 38px;} #nts-105L {left: 101px; top: 273px; width: 36px; height: 40px;} #nts-105M {left: 102px; top: 235px; width: 36px; height: 40px;} #nts-105N {left: 137px; top: 236px; width: 34px; height: 39px;} #nts-105O {left: 172px; top: 236px; width: 35px; height: 39px;} #nts-105P {left: 206px; top: 234px; width: 35px; height: 40px;} #nts-106B {left: 171px; top: 198px; width: 34px; height: 38px;} #nts-106C {left: 138px; top: 198px; width: 33px; height: 39px;} #nts-106D {left: 104px; top: 197px; width: 34px; height: 39px;} #nts-106E {left: 106px; top: 158px; width: 33px; height: 40px;} #nts-106F {left: 139px; top: 160px; width: 32px; height: 38px;} #nts-106K {left: 140px; top: 121px; width: 31px; height: 39px;} #nts-106L {left: 109px; top: 120px; width: 31px; height: 40px;} #nts-115A {left: 58px; top: 347px; width: 40px; height: 41px;} #nts-115H {left: 61px; top: 310px; width: 39px; height: 40px;} #nts-115I {left: 65px; top: 270px; width: 37px; height: 41px;} #nts-115P {left: 68px; top: 229px; width: 36px; height: 44px;} #nts-116A {left: 71px; top: 194px; width: 35px; height: 41px;} #nts-116H {left: 75px; top: 156px; width: 33px; height: 41px;} #nts-116I {left: 78px; top: 118px; width: 33px; height: 40px;} #nts-116P {left: 81px; top: 80px; width: 31px; height: 40px;} #nts-117A {left: 56px; top: 40px; width: 59px; height: 42px;} #nts-117B {left: 42px; top: 37px; width: 18px; height: 40px;} #nts-117C {left: 47px; top: 0px; width: 18px; height: 39px;} #nts-117D {left: 61px; top: 3px; width: 56px; height: 42px;} #nts-115BC {left: 0; top: 342px; width: 61px; height: 44px;} #nts-115FG {left: 6px; top: 303px; width: 58px; height: 44px;} #nts-115JK {left: 11px; top: 265px; width: 56px; height: 44px;} #nts-115NO {left: 16px; top: 227px; width: 54px; height: 43px;} #nts-116BC {left: 21px; top: 189px; width: 53px; height: 43px;} #nts-116FG {left: 26px; top: 152px; width: 51px; height: 43px;} #nts-116JK {left: 32px; top: 113px; width: 49px; height: 43px;} #nts-116NO {left: 37px; top: 76px; width: 47px; height: 42px;} #nts-095C a {height: 42px;} #nts-095D a {height: 41px;} #nts-095E a {height: 41px;} #nts-105A a {height: 40px;} #nts-105B a {height: 38px;} #nts-105C a {height: 38px;} #nts-105D a {height: 40px;} #nts-105E a {height: 39px;} #nts-105F a {height: 38px;} #nts-105G a {height: 39px;} #nts-105H a {height: 40px;} #nts-105I a {height: 40px;} #nts-105J a {height: 38px;} #nts-105K a {height: 38px;} #nts-105L a {height: 40px;} #nts-105M a {height: 40px;} #nts-105N a {height: 39px;} #nts-105O a {height: 39px;} #nts-105P a {height: 40px;} #nts-106B a {height: 38px;} #nts-106C a {height: 39px;} #nts-106D a {height: 39px;} #nts-106E a {height: 40px;} #nts-106F a {height: 38px;} #nts-106K a {height: 39px;} #nts-106L a {height: 40px;} #nts-115A a {height: 41px;} #nts-115H a {height: 40px;} #nts-115I a {height: 41px;} #nts-115P a {height: 44px;} #nts-116A a {height: 41px;} #nts-116H a {height: 41px;} #nts-116I a {height: 40px;} #nts-116P a {height: 40px;} #nts-117A a {height: 42px;} #nts-117B a {height: 40px;} #nts-117C a {height: 39px;} #nts-117D a {height: 42px;} #nts-115BC a {height: 44px;} #nts-115FG a {height: 44px;} #nts-115JK a {height: 44px;} #nts-115NO a {height: 43px;} #nts-116BC a {height: 43px;} #nts-116FG a {height: 43px;} #nts-116JK a {height: 43px;} #nts-116NO a {height: 42px;} #nts-117A a:hover, #nts-117A .selected {background-position: -56px -1606px;} #nts-117B a:hover, #nts-117B .selected {background-position: -42px -1212px;} #nts-117C a:hover, #nts-117C .selected {background-position: -47px -391px;} #nts-117D a:hover, #nts-117D .selected {background-position: -61px -786px;} #nts-095C a:hover, #nts-095C .selected {background-position: -284px -18354px;} #nts-095D a:hover, #nts-095D .selected {background-position: -247px -17968px;} #nts-095E a:hover, #nts-095E .selected {background-position: -243px -15189px;} #nts-105A a:hover, #nts-105A .selected {background-position: -210px -17579px;} #nts-105B a:hover, #nts-105B .selected {background-position: -173px -17189px;} #nts-105C a:hover, #nts-105C .selected {background-position: -135px -16800px;} #nts-105D a:hover, #nts-105D .selected {background-position: -97px -16406px;} #nts-105E a:hover, #nts-105E .selected {background-position: -98px -13627px;} #nts-105F a:hover, #nts-105F .selected {background-position: -135px -14018px;} #nts-105G a:hover, #nts-105G .selected {background-position: -173px -14410px;} #nts-105H a:hover, #nts-105H .selected {background-position: -209px -14800px;} #nts-105I a:hover, #nts-105I .selected {background-position: -206px -12412px;} #nts-105J a:hover, #nts-105J .selected {background-position: -171px -12023px;} #nts-105K a:hover, #nts-105K .selected {background-position: -136px -11631px;} #nts-105L a:hover, #nts-105L .selected {background-position: -101px -11239px;} #nts-105M a:hover, #nts-105M .selected {background-position: -102px -8850px;} #nts-105N a:hover, #nts-105N .selected {background-position: -137px -9243px;} #nts-105O a:hover, #nts-105O .selected {background-position: -172px -9635px;} #nts-105P a:hover, #nts-105P .selected {background-position: -206px -10025px;} #nts-106B a:hover, #nts-106B .selected {background-position: -171px -7639px;} #nts-106C a:hover, #nts-106C .selected {background-position: -138px -7247px;} #nts-106D a:hover, #nts-106D .selected {background-position: -104px -6855px;} #nts-106E a:hover, #nts-106E .selected {background-position: -106px -5250px;} #nts-106F a:hover, #nts-106F .selected {background-position: -139px -5644px;} #nts-106K a:hover, #nts-106K .selected {background-position: -140px -4037px;} #nts-106L a:hover, #nts-106L .selected {background-position: -109px -3644px;} #nts-115A a:hover, #nts-115A .selected {background-position: -58px -16011px;} #nts-115H a:hover, #nts-115H .selected {background-position: -61px -13233px;} #nts-115I a:hover, #nts-115I .selected {background-position: -65px -10844px;} #nts-115P a:hover, #nts-115P .selected {background-position: -68px -8452px;} #nts-116A a:hover, #nts-116A .selected {background-position: -71px -6460px;} #nts-116H a:hover, #nts-116H .selected {background-position: -75px -4856px;} #nts-116I a:hover, #nts-116I .selected {background-position: -78px -3250px;} #nts-116P a:hover, #nts-116P .selected {background-position: -81px -2429px;} #nts-117A a:hover, #nts-117A .selected {background-position: -56px -1606px;} #nts-117B a:hover, #nts-117B .selected {background-position: -42px -1212px;} #nts-117C a:hover, #nts-117C .selected {background-position: -47px -391px;} #nts-117D a:hover, #nts-117D .selected {background-position: -61px -786px;} #nts-115BC a:hover, #nts-115Bc .selected {background-position: 0 -15614px;} #nts-115FG a:hover, #nts-115Fg .selected {background-position: -6px -12834px;} #nts-115JK a:hover, #nts-115Jk .selected {background-position: -11px -10447px;} #nts-115NO a:hover, #nts-115No .selected {background-position: -16px -8059px;} #nts-116BC a:hover, #nts-116Bc .selected {background-position: -21px -6063px;} #nts-116FG a:hover, #nts-116Fg .selected {background-position: -26px -4460px;} #nts-116JK a:hover, #nts-116Jk .selected {background-position: -32px -2853px;} #nts-116NO a:hover, #nts-116No .selected {background-position: -37px -2034px;} /* Region - Outfitting Concessions ---------------------------------------------------------- */ #outfitting-concessions { float: left; position: relative; width: 330px; height: 380px; background: url("http://www.environmentyukon.ca/maps/media/navigation-maps/outfitting-concessions.png") no-repeat 0 0; } #outfitting-concessions a:hover, #outfitting-concessions .selected { background: url("http://www.environmentyukon.ca/maps/media/navigation-maps/outfitting-concessions.png"); background-repeat: no-repeat; } #oc-1 {left: 22px; top: 134px; width: 33px; height: 84px;} #oc-2-3 {left: 46px; top: 142px; width: 56px; height: 89px;} #oc-4 {left: 85px; top: 157px; width: 43px; height: 72px;} #oc-5-6 {left: 117px; top: 167px; width: 67px; height: 60px;} #oc-7 {left: 89px; top: 219px; width: 117px; height: 37px;} #oc-8 {left: 122px; top: 249px; width: 38px; height: 41px;} #oc-9 {left: 151px; top: 239px; width: 71px; height: 62px;} #oc-10-12 {left: 7px; top: 258px; width: 55px; height: 79px;} #oc-13 {left: 54px; top: 264px; width: 48px; height: 83px;} #oc-14 {left: 77px; top: 276px; width: 66px; height: 23px;} #oc-15 {left: 105px; top: 293px; width: 80px; height: 44px;} #oc-16 {left: 64px; top: 343px; width: 34px; height: 34px;} #oc-17 {left: 93px; top: 330px; width: 51px; height: 40px;} #oc-19 {left: 144px; top: 327px; width: 54px; height: 61px;} #oc-20 {left: 165px; top: 286px; width: 55px; height: 92px;} #oc-22 {left: 236px; top: 278px; width: 92px; height: 99px;} #oc-1 a {height: 84px;} #oc-2-3 a {height: 89px;} #oc-4 a {height: 72px;} #oc-5-6 a {height: 60px;} #oc-7 a {height: 47px;} #oc-8 a {height: 41px;} #oc-9 a {height: 72px;} #oc-10-12 a {height: 79px;} #oc-13 a {height: 83px;} #oc-14 a {height: 33px;} #oc-15 a {height: 44px;} #oc-16 a {height: 34px;} #oc-17 a {height: 40px;} #oc-19 a {height: 61px;} #oc-20 a {height: 112px;} #oc-22 a {height: 99px;} #oc-1 a:hover, #oc-1 .selected {background-position: -22px -514px;} #oc-2-3 a:hover, #oc-2-3 .selected {background-position: -46px -902px;} #oc-4 a:hover, #oc-4 .selected {background-position: -85px -1297px;} #oc-5-6 a:hover, #oc-5-6 .selected {background-position: -117px -1687px;} #oc-7 a:hover, #oc-7 .selected {margin-top: -10px; background-position: -89px -2109px;} #oc-8 a:hover, #oc-8 .selected {margin-left: -20px; background-position: -102px -2529px;} #oc-9 a:hover, #oc-9 .selected {margin: -10px 0 0 -10px; background-position: -141px -2889px;} #oc-10-12 a:hover, #oc-10-12 .selected {background-position: -7px -3298px;} #oc-13 a:hover, #oc-13 .selected {background-position: -54px -3684px;} #oc-14 a:hover, #oc-14 .selected {margin-top: -10px; background-position: -77px -4066px;} #oc-15 a:hover, #oc-15 .selected {background-position: -105px -4473px;} #oc-16 a:hover, #oc-16 .selected {background-position: -64px -4903px;} #oc-17 a:hover, #oc-17 .selected {background-position: -93px -5270px;} #oc-19 a:hover, #oc-19 .selected {margin: -10px 0 0 -20px; background-position: -124px -5637px;} #oc-20 a:hover, #oc-20 .selected {margin-top: -20px; background-position: -165px -5966px;} #oc-22 a:hover, #oc-22 .selected {margin-left: -20px; background-position: -216px -6358px;}