body { color: #444; font-family: arial, sans-serif; font-size: 14px; line-height: 1.4; }
h1 { font-size: 17px; font-weight: normal; color: #41a0cf; margin: 0 0 10px 0; }
a { color: #41a0cf; }

#map { margin: 25 auto; width: 659px; height: 507px; background: url(../i/map.gif) 0 0 no-repeat; position: relative; }
#map a { display: block; text-indent: -9999em; text-decoration: none; position: absolute; }

.midwest { width: 140px; height: 130px; left: 185px; top: 310px; z-index: 0; }
.canada { width: 396px; height: 314px; left: 106px; top: 0; z-index: 1; }
.europe { width: 188px; height: 171px; right: 0; top: 207px; z-index: 2; }
.newengland { width: 72px; height: 66px; left: 379px; top: 302px; z-index: 3; }
.midatlantic { width: 99px; height: 73px; left: 320px; top: 375px; z-index: 4; }
.northwest { width: 235px; height: 135px; left: 0; top: 294px; z-index: 5; }
.northcentral { width: 92px; height: 102px; left: 272px; top: 310px; z-index: 6; }
.northeast { width: 43px; height: 37px; left: 376px; top: 356px; z-index: 7; }
.southcentral { width: 128px; height: 91px; left: 205px; top: 416px; z-index: 8; }
.lakes { width: 64px; height: 104px; left: 312px; top: 363px; z-index: 9; }
.southeast { width: 68px; height: 78px; left: 334px; top: 426px; z-index: 10; }
.southwest { width: 120px; height: 105px; left: 126px; top: 353px; z-index: 11; }
.california { width: 57px; height: 93px; left: 103px; top: 347px; z-index: 12; }

.midwest:hover { background: url(../i/map.gif) -259px -885px no-repeat; }
.canada:hover { background: url(../i/map.gif) -66px -509px no-repeat; }
.europe:hover { background: url(../i/map.gif) -471px -716px no-repeat; }
.newengland:hover { background: url(../i/map.gif) -588px -903px no-repeat; }
.midatlantic:hover { background: url(../i/map.gif) -1px -1045px no-repeat; }
.southwest:hover { background: url(../i/map.gif) -426px -1038px no-repeat; }
.northcentral:hover { background: url(../i/map.gif) -426px -885px no-repeat; }
.northeast:hover { background: url(../i/map.gif) -531px -928px no-repeat; }
.california:hover { background: url(../i/map.gif) -576px -1044px no-repeat; }
.southeast:hover { background: url(../i/map.gif) -118px -1054px no-repeat; }
.southcentral:hover { background: url(../i/map.gif) -287px -1054px no-repeat; }
.lakes:hover { background: url(../i/map.gif) -203px -1039px no-repeat; }
.northwest:hover { background: url(../i/map.gif) 0px -886px no-repeat; }
