/*** Copyright 2007 C W Dee                                                 ***/
#Towns   span {color: #fdf8f2; background-color: #666; font-size: 0.75em; padding: 0 2px 0 2px; border: 0; margin: 0; }
#Sites   span {color: #fdf8f2; background-color: #666; font-size: 0.75em; padding: 0 2px 0 2px; border: 0; margin: 0; }
#Squares span {color: #fdf8f2; background-color: #666; font-size: 0.75em; padding: 0 2px 0 2px; border: 0; margin: 0; }

span#BiS { position: absolute; top: 186px; left: 424px; }
span#Ron { position: absolute; top:  55px; left: 330px; }
span#Bud { position: absolute; top: 136px; left: 320px; }
span#Hon { position: absolute; top: 265px; left: 350px; }
span#Hed { position: absolute; top: 244px; left: 310px; }
span#Bak { position: absolute; top:  96px; left: 256px; }
span#Ste { position: absolute; top: 160px; left: 240px; }
span#Hin { position: absolute; top: 136px; left: 220px; }
span#WeG { position: absolute; top: 236px; left: 234px; }
span#Had { position: absolute; top: 274px; left: 242px; }
span#PoB { position: absolute; top: 320px; left: 260px; }
span#Han { position: absolute; top: 216px; left: 180px; }
span#StA { position: absolute; top: 276px; left: 182px; }
span#Wad { position: absolute; top: 346px; left: 162px; }
span#HeH { position: absolute; top: 266px; left: 112px; }
span#Rih { position: absolute; top: 370px; left: 124px; }
span#Trg { position: absolute; top: 245px; left:  56px; }

span#Trs { position: absolute; top: 235px; left:  30px; }
span#Ase { position: absolute; top: 234px; left:  95px; }
span#StL { position: absolute; top: 372px; left: 124px; }
span#HiP { position: absolute; top: 352px; left: 170px; }
span#Tyr { position: absolute; top: 294px; left: 200px; }
span#LeS { position: absolute; top: 250px; left: 220px; }
span#HiW { position: absolute; top: 170px; left: 210px; }
span#ThH { position: absolute; top:  70px; left: 310px; }
span#PlW { position: absolute; top: 186px; left: 336px; }
span#AmG { position: absolute; top: 234px; left: 350px; }
span#RyM { position: absolute; top: 254px; left: 356px; }
span#BrW { position: absolute; top: 274px; left: 320px; }
span#ChG { position: absolute; top: 312px; left: 328px; }
span#SaM { position: absolute; top: 206px; left: 420px; }
span#EaH { position: absolute; top: 212px; left: 180px; }


span#HSP90 { position: absolute; left:  55px; top: 316px; }
span#HSP91 { position: absolute; left:  55px; top: 251px; }
span#HSP81 { position: absolute; left:  16px; top: 251px; }
span#HTL00 { position: absolute; left: 120px; top: 316px; }
span#HTL01 { position: absolute; left: 120px; top: 251px; }
span#HTL02 { position: absolute; left: 120px; top: 186px; }
span#HTL03 { position: absolute; left: 120px; top: 121px; }
span#HTL10 { position: absolute; left: 185px; top: 316px; }
span#HTL11 { position: absolute; left: 185px; top: 251px; }
span#HTL12 { position: absolute; left: 185px; top: 186px; }
span#HTL13 { position: absolute; left: 185px; top: 121px; }
span#HTL20 { position: absolute; left: 250px; top: 316px; }
span#HTL21 { position: absolute; left: 250px; top: 251px; }
span#HTL22 { position: absolute; left: 250px; top: 186px; }
span#HTL23 { position: absolute; left: 250px; top: 121px; }
span#HTL24 { position: absolute; left: 250px; top:  56px; }
span#HTL30 { position: absolute; left: 315px; top: 316px; }
span#HTL31 { position: absolute; left: 315px; top: 251px; }
span#HTL32 { position: absolute; left: 315px; top: 186px; }
span#HTL33 { position: absolute; left: 315px; top: 121px; }
span#HTL34 { position: absolute; left: 315px; top:  56px; }
span#HTL41 { position: absolute; left: 380px; top: 251px; }
span#HTL42 { position: absolute; left: 380px; top: 186px; }
span#HTL43 { position: absolute; left: 380px; top: 121px; }
span#HTL44 { position: absolute; left: 380px; top:  56px; }
span#HTL51 { position: absolute; left: 445px; top: 251px; }
span#HTL52 { position: absolute; left: 445px; top: 186px; }
span#HTQ09 { position: absolute; left: 120px; top: 381px; }
span#HTQ19 { position: absolute; left: 185px; top: 381px; }
span#HTQ29 { position: absolute; left: 250px; top: 381px; }
span#HTQ39 { position: absolute; left: 315px; top: 381px; }

div#Explain { position: absolute; left: 20px; top: 120px; }

#map-pane a.reveal { display: inline; border-bottom: 1px dashed #603; padding: 0; margin: 0; }
#map-pane a.reveal:hover { border-bottom: 0; background: transparent; color: #888; } 
#map-pane a.reveal div { display: none; text-decoration: none; }

#map-pane a.reveal:hover div { display: block; }
#map-pane a.reveal:hover div p { display: inline; color: #fdf8f2; background-color: #666; padding: 0 4px; line-height: 16px; }

#map-pane a.reveal div#Explain { display: none; text-decoration: none; }
#map-pane a.reveal:hover div#Explain { display: block; background-color: #c9f9c9; padding: 5px; width: 446px; border: solid #99c999 4px;}
#map-pane a.reveal:hover div#Explain p { display: inline; color: #603; background-color: #c9f9c9; padding: 0 4px; line-height: 20px; }
#map-pane a.reveal:active div#Explain p { display: none; text-decoration: none; }
	
#map-pane a.reveal span img { display: none; }
#map-pane a.reveal:hover span img { display: block; padding:0; border-color: #00F; z-index: 10;}