/*
	BHW1
 	November 2009 
	Spokane Parks and Rec website
	Description: defines styles for spritemap for Spokane Parks locations
*/

	/* sprite image map */
#spriteMap {
	background: url(../img/map-sprite.gif) no-repeat;
	width:693px; /*327px;*/
	height: 698px; /*491px;*/
    position: relative;
	margin-left:-25px;
}
#spriteMap li {
	list-style: none;
	position: absolute; 
	/*top: 0;*/
}
#spriteMap li, #spriteMap a {
	display: block;
	/*box size of link*/
	width: 14px;
	height: 14px;
}
	/*hide text, using the Mike Rundle method effectively pushing the data off the screen*/
#location1,#location2,#location3,#location4,#location5,#location6,#location7,#location8,
#location9,#location10,#location11,#location12,#location13,#location14,#location15,#location16,#location17,#location18,#location19,#location20,#location21,#location22,#location23,#location24,#location25,#location26,#location27,#location28,#location29,#location30,#location31,#location32,#location33,#location34,#location35,#location36,#location37,#location38,#location39,#location40,#location41,#location42,#location43, #location44, #location45, #location46, #location47, #location48, #location49, #location50, #location51, #location52, #location53, #location54, #location55, #location56, #location57, #location58, #location59, #location60, #location61, #location62, #location63, #location64, #location65, #location66, #location67, #location68, #location69, #location70,  #location71, #location72, #location73, #location74, #location75, #location76, #location77, #location78, #location79, #location80, #location81, #location82, #location83, #location84, #location85, #location86, #location87, #location88, #location89, #location90, #location91, #location92, #location93, #location94, #location95, #location96, #location97, #location98, #location99, #location100, #location101, #location102, #location103, #location104, #location105, #location106, #location107, #location108, #location109, #location110, #location111, #location112, #location113, #location114, #location115, #location116, #location117, #location118, #location119, #location120, #location121, #location122, #location123, #location124, #location125, #location126, #location127, #location128, #location129, #location130, #location131{ text-indent: -1000em; overflow: hidden; }

	/*set unique locations of link on map */
#location1 { left: 321px; top: 296px; }
#location2 { left: 454px; top: 427px; }
#location3 { left: 457px; top: 256px; }
#location4 { left: 302px; top: 394px; }
#location5 { left: 308px; top: 355px; }
#location6 { left: 488px; top: 500px; }
#location7 { left: 273px; top: 335px; }
#location8 { left: 340px; top: 443px; }
#location9 { left: 347px; top: 585px; }
#location10 { left: 199px; top: 300px; }
#location11 { left: 517px; top: 259px; }
#location12 { left: 189px; top: 431px; }
#location13 { left: 285px; top: 344px; }
#location14 { left: 339px; top: 524px; }
#location15 { left: 479px; top: 195px; }
#location16{ left: 437px; top: 426px; }
#location17{ left: 282px; top: 240px; }
#location18 { left: 420px; top: 354px; }
#location19 { left: 273px; top: 349px; }
#location20{ left: 240px; top: 277px; }
#location21{ left: 545px; top: 566px; }
#location22{ left: 369px; top: 248px; }
#location23{ left: 641px; top: 245px; }
#location24 { left: 330px; top: 480px; }
#location25 { left: 473px; top: 350px; }
#location26 { left: 353px; top: 255px; }
#location27{ left: 338px; top: 456px; }
#location28 { left: 266px; top: 417px; }
#location29 { left: 326px; top: 521px; }
#location30 { left: 335px; top: 289px; }
#location31{ left: 458px; top: 277px; }
#location32{ left: 356px; top: 429px; }
#location33 { left: 267px; top: 381px; }
#location34 { left: 305px; top: 278px; }
#location35{ left: 394px; top: 289px; }
#location36{ left: 352px; top: 217px; }
#location37{ left: 388px; top: 130px; }
#location38{ left: 393px; top: 239px; }
#location39 { left: 311px; top: 395px; }
#location40 { left: 229px; top: 475px; }
#location41 { left: 410px; top: 255px; }
#location42{ left: 480px; top: 182px; }
#location43 { left: 441px; top: 268px; }
#location44 { left: 385px; top: 340px; }
#location45{ left: 251px; top: 429px; }
#location46{ left: 464px; top: 195px; }
#location47 { left: 374px; top: 78px; }
#location48 { left: 186px; top: 146px; }
#location49{ left: 472px; top: 220px; }
#location50{ left: 426px; top: 422px; }
#location51{ left: 458px; top: 476px; }
#location52{ left: 412px; top: 307px; }
#location53 { left: 261px; top: 192px; }
#location54{ left: 529px; top: 241px; }
#location55 { left: 360px; top: 482px; }
#location56 { left: 134px; top: 24px; }
#location57 { left: 531px; top: 280px; }
#location58 { left: 408px; top: 350px; }
#location59{ left: 395px; top: 195px; }
#location60{ left: 148px; top: 94px; }
#location61 { left: 580px; top: 321px; }
#location62 { left: 290px; top: 395px; }
#location63{ left: 329px; top: 437px; }
#location64{ left: 282px; top: 457px; }
#location65{ left: 327px; top: 583px; }
#location66{ left: 333px; top: 383px; }
#location67 { left: 438px; top: 209px; }
#location68{ left: 343px; top: 184px; }
#location69 { left: 268px; top: 238px; }
#location70 { left: 298px; top: 345px; }
#location71 { left: 258px; top: 101px; }
#location72 { left: 193px; top: 509px; }
#location73{ left: 459px; top: 361px; }
#location74{ left: 476px; top: 510px; }
#location75 { left: 487px; top: 436px; }
#location76 { left: 346px; top: 415px; }
#location77{ left: 211px; top: 255px; }
#location78{ left: 272px; top: 477px; }
#location79{ left: 134px; top: 152px; }
#location80{ left: 217px; top: 431px; }
#location81 { left: 496px; top: 263px; }
#location82{ left: 473px; top: 408px; }
#location83 { left: 219px; top: 454px; }
#location84 { left: 173px; top: 196px; }
#location85 { left: 351px; top: 204px; }
#location86 { left: 472px; top: 580px; }
#location87{ left: 239px; top: 419px; }
#location88{ left: 389px; top: 658px; }
#location89 { left: 186px; top:  292px; }
#location90 { left: 283px; top: 285px; }
#location91{ left: 446px; top: 550px; }
#location92{ left: 253px; top: 388px; }
#location93{ left: 379px; top: 583px; }
#location94{ left: 302px; top: 530px; }
#location95 { left: 167px; top: 440px; }
#location96{ left: 284px; top: 486px; }
#location97 { left: 131px; top: 12px; }
#location98 { left: 180px; top: 391px; }
#location99 { left: 262px; top: 400px; }
#location100 { left: 184px; top: 527px; }
#location101{ left: 600px; top: 279px; }
#location102{ left: 177px; top: 166px; }
#location103 { left: 290px; top:  469px;}
#location104 { left: 283px; top: 151px; }
#location105{ left: 623px; top: 246px; }
#location106{ left: 297px; top: 480px; }
#location107{ left: 152px; top: 421px; }
#location108{ left: 107px; top: 292px; }
#location109 { left: 200px; top: 522px; }
#location110{ left: 311px; top: 485px; }
#location111 { left: 382px; top: 522px; }
#location112 { left: 516px; top: 532px; }
#location113 { left: 325px; top: 450px; }
#location114 { left: 203px; top: 220px; }
#location115{ left: 205px; top: 327px; }
#location116{ left: 395px; top: 511px; }
#location117 { left: 368px; top: 506px;}
#location118 { left: 371px; top: 352px; }
#location119{ left: 282px; top: 369px; }
#location120{ left: 187px; top: 249px; }
#location121{ left: 215px; top: 283px; }
#location122{ left: 278px; top: 397px; }
#location123 { left: 400px; top: 497px; }
#location124{ left: 374px; top: 553px; }
#location125 { left: 303px; top: 409px; }
#location126 { left: 231px; top: 344px; }
#location127 { left: 528px; top: 318px; }
#location128{ left: 450px; top: 443px; }
#location129 { left: 393px; top: 370px; }
#location130 { left: 260px; top: 538px; }
#location131 { left: 198px; top: 533px; }



	/* on mouse over locations, 
		x coordinate same as location of map, 
		y coordinate add vertical offset of 776 pixels */
#location1 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -321px -1072px no-repeat; }
#location2 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -454px -1203px no-repeat; }    
#location3 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -457px -1032px no-repeat; }
#location4 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -302px -1170px no-repeat; 
	width:12px;
	}
#location5 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -308px -1131px no-repeat; }
#location6 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -488px -1276px no-repeat; }    
#location7 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -273px -1111px no-repeat; }
#location8 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -340px -1219px no-repeat; }
#location9 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -347px -1361px no-repeat; }    
#location10 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -199px -1076px no-repeat; }
#location11 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -517px -1035px no-repeat; }
#location12 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -189px -1208px no-repeat; }    
#location13 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -285px -1120px no-repeat; }
#location14 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -339px -1300px no-repeat; }
#location15 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -479px -971px no-repeat; }
#location16 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -437px -1202px no-repeat; }    
#location17 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -282px -1016px no-repeat; }
#location18 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -420px -1130px no-repeat; 
	width:12px;
	}
#location19 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -273px -1125px no-repeat; }
#location20 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -240px -1053px no-repeat; }    
#location21 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -545px -1342px no-repeat; }
#location22 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -369px -1024px no-repeat; }
#location23 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -641px -1021px no-repeat; }    
#location24 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -330px -1256px no-repeat; }
#location25 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -473px -1126px no-repeat; }
#location26 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -353px -1031px no-repeat; }    
#location27 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -338px -1232px no-repeat; }
#location28 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -266px -1193px no-repeat; }
#location29 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -326px -1297px no-repeat; }
#location30 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -335px -1065px no-repeat; }    
#location31 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -458px -1053px no-repeat; }
#location32 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -356px -1205px no-repeat; 
	width:12px;
	}
#location33 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -267px -1157px no-repeat; }
#location34 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -305px -1054px no-repeat; }    
#location35 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -394px -1065px no-repeat; }
#location36 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -352px -993px no-repeat; }
#location37 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -388px -906px no-repeat; }    
#location38 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -393px -1015px no-repeat; }
#location39 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -311px -1171px no-repeat; }
#location40 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -229px -1251px no-repeat; }    
#location41 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -410px -1221px no-repeat; }
#location42 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -480px -958px no-repeat; }
#location43 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -441px -1044px no-repeat; }
#location44 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -385px -1116px no-repeat; }    
#location45 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -251px -1205px no-repeat; }
#location46 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -464px -971px no-repeat; 
	width:12px;
	}
#location47 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -374px -854px no-repeat; }
#location48 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -186px -922px no-repeat; }    
#location49 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -472px -996px no-repeat; }
#location50 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -426px -1198px no-repeat; }
#location51 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -458px -1252px no-repeat; }    
#location52 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -412px -1083px no-repeat; }
#location53 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -261px -968px no-repeat; }
#location54 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -529px -1017px no-repeat; }    
#location55 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -360px -1258px no-repeat; }
#location56 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -134px -800px no-repeat; }
#location57 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -531px -1056px no-repeat; }
#location58 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -408px -1126px no-repeat; }    
#location59 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -395px -970px no-repeat; }
#location60 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -148px -870px no-repeat; 
	width:12px;}
#location61 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -580px -1097px no-repeat; }
#location62 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -290px -1171px no-repeat; }    
#location63 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -329px -1213px no-repeat; }
#location64 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -282px -1233px no-repeat; }
#location65 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -327px -1359px no-repeat; }    
#location66 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -333px -1159px no-repeat; }
#location67 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -438px -985px no-repeat; }
#location68 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -343px -960px no-repeat; }    
#location69 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -268px -1014px no-repeat; }
#location70 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -298px -1121px no-repeat; }
#location71 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -258px -877px no-repeat; }
#location72 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -193px -1285px no-repeat; }    
#location73 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -459px -1137px no-repeat; }
#location74 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -476px -1286px no-repeat; 
	width:12px;}
#location75 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -487px -1212px no-repeat; }
#location76 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -346px -1191px no-repeat; }    
#location77 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -211px -1031px no-repeat; }
#location78 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -272px -1253px no-repeat; }
#location79 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -134px -928px no-repeat; }    
#location80 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -217px -1207px no-repeat; }
#location81 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -496px -1039px no-repeat; }
#location82 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -473px -1184px no-repeat; }    
#location83 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -219px -1230px no-repeat; }
#location84 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -173px -972px no-repeat; }
#location85 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -351px -980px no-repeat; }    
#location86 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -472px -1356px no-repeat; }
#location87 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -239px -1195px no-repeat; 
	width:12px;}
#location88 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -389px -1434px no-repeat; }
#location89 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -186px -1068px no-repeat; }    
#location90 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -283px -1061px no-repeat; }
#location91 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -446px -1326px no-repeat; }
#location92 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -253px -1164px no-repeat; }    
#location93 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -379px -1359px no-repeat; }
#location94 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -302px -1306px no-repeat; }
#location95 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -167px -1216px no-repeat; }    
#location96 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -284px -1262px no-repeat; }
#location97 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -131px -788px no-repeat; }
#location98 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -180px -1167px no-repeat; }
#location99 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -262px -1176px no-repeat; }    
#location100 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -184px -1303px no-repeat; }
#location101 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -600px -1055px no-repeat; 
	width:12px;}
#location102 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -177px -942px no-repeat; }
#location103 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -290px -1245px no-repeat; height:10px;  }    
#location104 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -283px -927px no-repeat; }
#location105 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -623px -1022px no-repeat; }
#location106 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -297px -1256px no-repeat; }    
#location107 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -152px -1197px no-repeat; }
#location108 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -107px -1068px no-repeat; }
#location109 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -200px -1298px no-repeat; }    
#location110 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -311px -1261px no-repeat; }
#location111 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -382px -1298px no-repeat; }
#location112 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -516px -1308px no-repeat; }
#location113 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -325px -1226px no-repeat; }    
#location114 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -203px -996px no-repeat; }
#location115 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -205px -1103px no-repeat; 
	width:12px;}
#location116 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -395px -1287px no-repeat; }
#location117 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -368px -1282px no-repeat; height:10px;  }    
#location118 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -371px -1128px no-repeat; }
#location119 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -282px -1145px no-repeat; }
#location120 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -187px -1025px no-repeat; }    
#location121 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -215px -1059px no-repeat; }
#location122 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -278px -1173px no-repeat; }
#location123 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -400px -1273px no-repeat; }    
#location124 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -374px -1329px no-repeat; }
#location125 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -303px -1185px no-repeat; }
#location126 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -231px -1120px no-repeat; }
#location127 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -528px -1094px no-repeat; }
#location128 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -450px -1219px no-repeat; }
#location129 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -393px -1146px no-repeat; }
#location130 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -260px -1314px no-repeat; }
#location131 a:hover {
    background: transparent url(../img/map-sprite.gif)
    -198px -1309px no-repeat; }