ul#continents {
list-style: none;
background: url(/image/background/bkgd-map-sprite-619-2.png) no-repeat 0 0;
position: relative;

width: 619px;
height: 250px; 
margin: 0;
padding: 0;

}

ul#continents li {
position: absolute;
/*border: 1px solid #000;*/
}

ul#continents li a{
display: block;
height: 100%;
text-decoration: none !important;

}

#pocatello {
    width: 106px;
    height: 51px;
    top: 51px;
    left: 194px;
}

#showlow {
    width: 107px;
    height: 59px;
    top: 114px;
    left: 202px;
}

#anchorage {
    width: 116px;
    height: 59px;
    top: 216px;
    left: 147px;
}

#boone {
width: 136px;
height: 59px;
top: 98px;
left: 351px;
}

#liberty {
    width: 97px;
    height: 59px;
    top: 138px;
    left: 356px;
}

#seminole {
    width: 106px;
    height: 59px;
    top: 190px;
    left: 275px;
}

#centerville {
        width: 119px;
        height: 58px;
        top: 186px; /*top of map image to top of orange callout = y */
        left: 400px; /*left edge of map image to left edge of orange callout = x*/
}
#everett {
    width: 97px;
    height: 59px;
    top: 54px;
    left: 513px;
}

#stamford {
    width: 110px;
    height: 59px;
    top: 102px;
    left: 508px;
}

#statesboro {
    width: 126px;
    height: 51px;
    top: 161px;
    left: 483px;
}

#burnaby {
        width: 110px;
        height: 51px;
        top: 9px; /*top of map image to top of orange callout = y */
        left: 168px; /*left edge of map image to left edge of orange callout = x*/
}
#miramichi {
        width: 119px;
        height: 50px;
        top: 17px; /*top of map image to top of orange callout = y */
        left: 516px; /*left edge of map image to left edge of orange callout = x*/
}




ul#continents li a:hover {

 background: url(/image/background/bkgd-map-sprite-619-2.png) no-repeat 0 0; 

}

ul#continents li#pocatello a:hover {
/*background-position:  -194px -272px;*/
background-position:  -194px -270px;
}

ul#continents li#showlow a:hover {
background-position: -202px -333px;
}

ul#continents li#anchorage a:hover {
background-position: -147px -435px;
}

ul#continents li#boone a:hover {
background-position: -351px -317px;
}

ul#continents li#liberty a:hover {
background-position: -356px -357px;
}

ul#continents li#seminole a:hover {
background-position: -275px -409px;
}

ul#continents li#centerville a:hover {
background-position: -400px -405px; /*left edge of map image to left edge of blue callout =x / top of map image to top of blue callout = y*/
}

ul#continents li#everett a:hover {
background-position: -513px -273px;
}

ul#continents li#stamford a:hover {
background-position: -508px -321px;
}

ul#continents li#statesboro a:hover {
background-position: -483px -380px;
}
ul#continents li#burnaby a:hover {
background-position: -23px -267px; /*left edge of map image to left edge of blue callout =x / top of map image to top of blue callout = y*/
}
ul#continents li#miramichi a:hover {
background-position: -21px -316px; /*left edge of map image to left edge of blue callout =x / top of map image to top of blue callout = y*/

}


ul#continents li a span {
display: none;
}

ul#continents li  a:hover span {
display: block;
}

ul#continents li a:hover span {
display: block;
padding: 5px;
width: 200px;
background: #fff;
position: absolute;
top: 30px;
left: 0;
font: 11px Arial, Helvetica, sans-serif;
opacity: .99;
filter:alpha(opacity=99);
color: #333 !important;
border: 1px solid #d1dbe5;

}
/*
ul#continents li#centerville a:hover span {
top: -120px;
}
*/
ul#continents li a:hover span strong {
display: block;
margin-bottom: 2px;
font-size: 12px;
text-decoration: underline;
color: #2C5C93;
background-color: #fff;
line-height: 18px;
}

ul#continents li a:hover span p {

text-decoration: none !important;
font: 12px Arial, Helvetica, sans-serif;
color: #333 !important;
}

div#centervilleInfo, div#booneInfo, div#pocatelloInfo {
display:none;
float:left;
width: 190px;
position: absolute;
top 0:
left: 0;
z-index: 10;
margin-left: 15px;
}
div#directions {
display:inline;
color:#7D7D7D;
font-size: 13px;
float:left;
width: 135px;
position: absolute;
top 0:
left: 0;
z-index: 10;
margin-left: 15px;
}
div#directions p {
color:#666 !important;
font-size: 13px !important;
}
div#studiesWrap div.map  h3 {
font-size: 16px;
font-weight: bold;
color: #2C5C93;
}
div#studiesWrap div.map p {
font-size: 13px;
color: #7D7D7D;
margin-top: 2px;
}

div#studiesWrap div.map p a {
 font-weight: bold;
 color: #2C5C93;
 background: url('../image/arrow/arrw-blue-small.png') 0  2px  no-repeat;
padding:    0 0 0 15px;
line-height:16px;
}
