/*** 10km square map styles                                                 ***/
img#TQ09 {position: absolute; left: 169px; top: 353px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TQ19 {position: absolute; left: 234px; top: 353px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TQ29 {position: absolute; left: 299px; top: 353px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TQ39 {position: absolute; left: 364px; top: 353px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}

img#SP90 {position: absolute; left: 104px; top: 288px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL00 {position: absolute; left: 169px; top: 288px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL10 {position: absolute; left: 234px; top: 288px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL20 {position: absolute; left: 299px; top: 288px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL30 {position: absolute; left: 364px; top: 288px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}

img#SP81 {position: absolute; left:  39px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#SP91 {position: absolute; left: 104px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL01 {position: absolute; left: 169px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL11 {position: absolute; left: 234px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL21 {position: absolute; left: 299px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL31 {position: absolute; left: 364px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL41 {position: absolute; left: 429px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL51 {position: absolute; left: 494px; top: 223px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}

img#TL02 {position: absolute; left: 169px; top: 158px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL12 {position: absolute; left: 234px; top: 158px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL22 {position: absolute; left: 299px; top: 158px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL32 {position: absolute; left: 364px; top: 158px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL42 {position: absolute; left: 429px; top: 158px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL52 {position: absolute; left: 494px; top: 158px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}

img#TL03 {position: absolute; left: 169px; top:  93px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL13 {position: absolute; left: 234px; top:  93px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL23 {position: absolute; left: 299px; top:  93px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL33 {position: absolute; left: 364px; top:  93px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL43 {position: absolute; left: 429px; top:  93px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}

img#TL24 {position: absolute; left: 299px; top:  28px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL34 {position: absolute; left: 364px; top:  28px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}
img#TL44 {position: absolute; left: 429px; top:  28px; border-color: black; display: inline; width: 64px;height: 64px; border-width: 1px;}

#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: 206px; left: 474px; }
span#Ron { position: absolute; top:  75px; left: 380px; }
span#Bud { position: absolute; top: 156px; left: 370px; }
span#Hon { position: absolute; top: 285px; left: 400px; }
span#Hed { position: absolute; top: 264px; left: 360px; }
span#Bak { position: absolute; top: 116px; left: 306px; }
span#Ste { position: absolute; top: 180px; left: 290px; }
span#Hin { position: absolute; top: 156px; left: 270px; }
span#WeG { position: absolute; top: 256px; left: 284px; }
span#Had { position: absolute; top: 294px; left: 292px; }
span#PoB { position: absolute; top: 340px; left: 310px; }
span#Han { position: absolute; top: 236px; left: 230px; }
span#StA { position: absolute; top: 296px; left: 232px; }
span#Wad { position: absolute; top: 366px; left: 212px; }
span#HeH { position: absolute; top: 286px; left: 162px; }
span#Rih { position: absolute; top: 390px; left: 174px; }
span#Trg { position: absolute; top: 265px; left: 106px; }
span#Chm { position: absolute; top: 330px; left: 124px; }
span#Lun { position: absolute; top: 196px; left: 210px; }
span#Due { position: absolute; top: 210px; left: 146px; }
span#Aly { position: absolute; top: 260px; left:  26px; }
span#Bat { position: absolute; top: 376px; left: 310px; }

span#Trs { position: absolute; top: 255px; left:  80px; }
span#Ase { position: absolute; top: 254px; left: 145px; }
span#StL { position: absolute; top: 392px; left: 174px; }
span#HiP { position: absolute; top: 372px; left: 220px; }
span#Tyr { position: absolute; top: 314px; left: 250px; }
span#LeS { position: absolute; top: 270px; left: 270px; }
span#HiW { position: absolute; top: 190px; left: 260px; }
span#ThH { position: absolute; top:  90px; left: 360px; }
span#PlW { position: absolute; top: 206px; left: 386px; }
span#AmG { position: absolute; top: 254px; left: 400px; }
span#RyM { position: absolute; top: 274px; left: 406px; }
span#BrW { position: absolute; top: 294px; left: 370px; }
span#ChG { position: absolute; top: 332px; left: 378px; }
span#SaM { position: absolute; top: 226px; left: 470px; }
span#EaH { position: absolute; top: 232px; left: 230px; }

span#HSP90 { position: absolute; left: 105px; top: 336px; }
span#HSP91 { position: absolute; left: 105px; top: 271px; }
span#HSP81 { position: absolute; left:  40px; top: 271px; }
span#HTL00 { position: absolute; left: 170px; top: 336px; }
span#HTL01 { position: absolute; left: 170px; top: 271px; }
span#HTL02 { position: absolute; left: 170px; top: 206px; }
span#HTL03 { position: absolute; left: 170px; top: 141px; }
span#HTL10 { position: absolute; left: 235px; top: 336px; }
span#HTL11 { position: absolute; left: 235px; top: 271px; }
span#HTL12 { position: absolute; left: 235px; top: 206px; }
span#HTL13 { position: absolute; left: 235px; top: 141px; }
span#HTL20 { position: absolute; left: 300px; top: 336px; }
span#HTL21 { position: absolute; left: 300px; top: 271px; }
span#HTL22 { position: absolute; left: 300px; top: 206px; }
span#HTL23 { position: absolute; left: 300px; top: 141px; }
span#HTL24 { position: absolute; left: 300px; top:  76px; }
span#HTL30 { position: absolute; left: 365px; top: 336px; }
span#HTL31 { position: absolute; left: 365px; top: 271px; }
span#HTL32 { position: absolute; left: 365px; top: 206px; }
span#HTL33 { position: absolute; left: 365px; top: 141px; }
span#HTL34 { position: absolute; left: 365px; top:  76px; }
span#HTL41 { position: absolute; left: 430px; top: 271px; }
span#HTL42 { position: absolute; left: 430px; top: 206px; }
span#HTL43 { position: absolute; left: 430px; top: 141px; }
span#HTL44 { position: absolute; left: 430px; top:  76px; }
span#HTL51 { position: absolute; left: 495px; top: 271px; }
span#HTL52 { position: absolute; left: 495px; top: 206px; }
span#HTQ09 { position: absolute; left: 170px; top: 401px; }
span#HTQ19 { position: absolute; left: 235px; top: 401px; }
span#HTQ29 { position: absolute; left: 300px; top: 401px; }
span#HTQ39 { position: absolute; left: 365px; top: 401px; }


#map-pane {                                                 /*** Redefine map ***/
	display: block;
	margin: 0 0 0 5px;
  	border-left-width: 4px;
	border-right-width: 4px;
	width: 620px;
	width: 618px;
	background-color: #c9f9c9;
}
#map-pane img {
	display: inline;
}
#map-pane p {
  	line-height: 330px; 	 
}
	
