#world {
 width: 706px;
 height: 355px;
 background: url("/images/world.gif") transparent no-repeat;
 margin: 10px auto; padding: 0;
 position: relative;
}
#world li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#world a {display: block; text-indent: -9999px; text-decoration: none;border:none;}


#canada {left: 62px; top: 6px; width: 183px; height: 95px; z-index:40;}  /*z-index needed so all of Canada gets displayed properly when hovering over it*/
#unitedstates {left: 3px; top: 28px; width: 176px; height: 117px;}
#mexico {left: 58px; top: 125px; width: 60px; height: 47px;}
#guatemala {left: 103px; top: 163px; width: 10px; height: 10px;}
#mali {left:288px; top:148px; width:37px; height:37px;z-index:40;}
#morocco {left:285px; top:115px; width:29px; height:24px;}
#brazil {left: 143px; top: 194px; width: 93px; height: 104px;}
#england {left: 306px; top: 57px; width: 17px; height: 23px; z-index:40;}
#ireland {left: 297px; top: 66px; width: 10px; height: 11px;}
#spain {left:299px; top:94px; width:27px; height:21px;}
#france {left:307px; top:77px; width:27px; height:23px;}
#germany {left:328px; top:66px; width:19px; height:21px;}
#greece {left:361px; top:101px; width:18px; height:18px;}
#turkey {left:372px; top:99px; width:41px; height:17px;}
#unitedarabemirates {left:433px; top:141px; width:11px; height:8px;z-index:40;}
#russia {left:369px; top:15px; width:285px; height:87px;}
#china {left:474px; top:81px; width:122px;height:89px;}
#india {left:469px; top:117px; width:64px;height:73px;z-index:40;}
#korea {left:582px; top:98px; width:18px;height:24px;}
#japan {left:600px; top:89px; width:25px;height:41px;}
#vietnam {left:547px; top:150px; width:21px;height:40px;}
#southafrica {left:351px; top:263px; width:42px; height:38px;}
#australia {left:567px; top:237px; width:92px; height:86px;}

#canada a {height: 95px;}
#unitedstates a {height:117px;}
#mexico a {height:47px;}
#guatemala a {height:10px;}
#mali a {height:37px;}
#morocco a {height:24px;}
#brazil a {height: 104px;}
#england a {height: 23px;}
#ireland a {height: 11px;}
#spain a {height:21px;}
#france a {height:23px;}
#germany a {height:21px;}
#greece a {height:18px;}
#turkey a {height:17px;}
#unitedarabemirates a {height:8px;}
#russia a {height:87px;}
#china a {height:89px;}
#india a {height:73px;}
#korea a {height:24px;}
#japan a {height:41px;}
#vietnam a {height:40px;}
#southafrica a {height:38px;}
#australia a {height:86px;}

#canada a:hover {background: url("/images/world.gif") transparent -63px -534px no-repeat;}
#unitedstates a:hover {background: url("/images/world.gif") transparent -4px -357px no-repeat;}
#mexico a:hover {background: url("/images/world.gif") transparent -60px -835px no-repeat;}
#guatemala a:hover {background: url("/images/world.gif") transparent -103px -1024px no-repeat;}
#morocco a:hover {background: url("/images/world.gif") transparent -286px -435px no-repeat;}
#brazil a:hover {background: url("/images/world.gif") transparent -144px -658px no-repeat;}
#england a:hover {background: url("/images/world.gif") transparent -307px -359px no-repeat;}
#ireland a:hover {background: url("/images/world.gif") transparent -298px -1168px no-repeat;}
#spain a:hover {background: url("/images/world.gif") transparent -300px -408px no-repeat;}
#france a:hover {background: url("/images/world.gif") transparent -308px -384px no-repeat;}
#germany a:hover {background: url("/images/world.gif") transparent -329px -357px no-repeat;}
#greece a:hover {background: url("/images/world.gif") transparent -362px -912px no-repeat;}
#turkey a:hover {background: url("/images/world.gif") transparent -373px -939px no-repeat;}
#unitedarabemirates a:hover {background: url("/images/world.gif") transparent -434px -888px no-repeat;}
#russia a:hover {background: url("/images/world.gif") transparent -370px -360px no-repeat;}
#china a:hover {background: url("/images/world.gif") transparent -475px -466px no-repeat;}
#india a:hover {background: url("/images/world.gif") transparent -470px -1037px no-repeat;}
#korea a:hover {background: url("/images/world.gif") transparent -583px -813px no-repeat;}
#japan a:hover {background: url("/images/world.gif") transparent -601px -764px no-repeat;}
#vietnam a:hover {background: url("/images/world.gif") transparent -548px -842px no-repeat;}
#southafrica a:hover {background: url("/images/world.gif") transparent -352px -969px no-repeat;}
#australia a:hover {background: url("/images/world.gif") transparent -568px -649px no-repeat;}
#mali a:hover {background: url("/images/world.gif") transparent -288px -470px no-repeat;}

#canada:hover span, #unitedstates:hover span, #mexico:hover span, #guatemala:hover span, #mali:hover span, #morocco:hover span, #brazil:hover span, #england:hover span, #ireland:hover span, #spain:hover span, #france:hover span, #germany:hover span, #greece:hover span, #turkey:hover span, #unitedarabemirates:hover span, #southafrica:hover span, #russia:hover span, #china:hover span, #india:hover span, #korea:hover span, #japan:hover span, #vietnam:hover span, #australia:hover span {display: none;} 

#canada a:hover span, #unitedstates a:hover span, #mexico a:hover span, #guatemala a:hover span, #mali a:hover span, #morocco a:hover span, #brazil a:hover span, #england a:hover span, #ireland a:hover span, #spain a:hover span, #france a:hover span, #germany a:hover span, #greece a:hover span, #turkey a:hover span, #unitedarabemirates a:hover span, #southafrica a:hover span, #russia a:hover span, #china a:hover span, #india a:hover span, #korea a:hover span, #japan a:hover span, #vietnam a:hover span, #australia a:hover span{ 
  display:block; 
  position:absolute; 
  border:1px solid #ccc;  
  padding: 2px 5px 2px 5px;
  background-color:#7d95ac; color:white; 
  text-align: left;
  font-size:.8em;
  text-indent:0;
  cursor:hand;
} 

#canada a:hover span {
top:43px;
left:40px;
}

#unitedstates a:hover span {
top:68px;
left:65px;
}

#guatemala a:hover span {
top:18px;
left:10px;
}

#morocco a:hover span {
top:0;
left:35px;
}

#mali a:hover span {
top:10px;
left:40px;
}

#mexico a:hover span {
top:18px;
left:0px;
}

#brazil a:hover span {
top:32px;
left:30px;
}

#southafrica a:hover span {
width:75px;
top:12px;
left:48px;
}

#england a:hover span {
top:-5px;
left:15px;
}

#ireland a:hover span {
top:-5px;
left:15px;
}

#spain a:hover span {
top:0px;
left:20px;
}

#france a:hover span {
top:0px;
left:20px;
}

#germany a:hover span {
top:0px;
left:20px;
}

#russia a:hover span {
top:25px;
left:110px;
}

#china a:hover span {
top:25px;
left:40px;
}

#india a:hover span {
top:30px;
left:5px;
}

#korea a:hover span {
top:0px;
left:20px;
}

#japan a:hover span {
top:0px;
left:20px;
}

#vietnam a:hover span {
top:0px;
left:20px;
}

#unitedarabemirates a:hover span {
top:0px;
left:20px;
width:125px;
}

#australia a:hover span {
top:25px;
left:20px;
}

#greece a:hover span {
top:20px;
left:0px;
}

#turkey a:hover span {
top:0px;
left:40px;
}