#mapnav {
position: relative;
background-image: url(images/co-mts.jpg);
background-repeat: no-repeat;
height: 474px;
width: 400px;
margin: 8px 0 -3px 40px;
}

#mapnav ul {
list-style-type: none;
font-size: 12px;
font-weight: bold;
line-height: 0px;
margin: 0;
padding: 0;
}

.craig a {
position: absolute;
width: 38px;
margin: 45px 0 0 102px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.craig a:hover {
color: #369;
text-decoration: underline;
}

.steamboat a {
position: absolute;
width: 70px;
margin: 48px 0 0 172px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.steamboat a:hover {
color: #369;
text-decoration: underline;
}

.estes a {
position: absolute;
width: 40px;
margin: 60px 0 0 301px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.estes a:hover {
color: #369;
text-decoration: underline;
}

.meeker a {
position: absolute;
width: 50px;
margin: 101px 0 0 67px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.meeker a:hover {
color: #369;
text-decoration: underline;
}

.glenwood a {
position: absolute;
width: 64px;
margin: 159px 0 0 124px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.glenwood a:hover {
color: #369;
text-decoration: underline;
}

.vail a {
position: absolute;
width: 30px;
margin: 149px 0 0 210px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.vail a:hover {
color: #369;
text-decoration: underline;
}

.breckenridge a {
position: absolute;
width: 86px;
margin: 168px 0 0 250px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.breckenridge a:hover {
color: #369;
text-decoration: underline;
}

.aspen a {
position: absolute;
width: 44px;
margin: 201px 0 0 173px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.aspen a:hover {
color: #369;
text-decoration: underline;
}

.crestedbt a {
position: absolute;
width: 54px;
margin: 238px 0 0 180px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.crestedbt a:hover {
color: #369;
text-decoration: underline;
}

.buenavista a {
position: absolute;
width: 76px;
margin: 243px 0 0 243px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.buenavista a:hover {
color: #369;
text-decoration: underline;
}

.montrose a {
position: absolute;
width: 60px;
margin: 285px 0 0 72px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.montrose a:hover {
color: #369;
text-decoration: underline;
}

.gunnison a {
position: absolute;
width: 62px;
margin: 279px 0 0 159px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.gunnison a:hover {
color: #369;
text-decoration: underline;
}

.salida a {
position: absolute;
width: 42px;
margin: 280px 0 0 254px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.salida a:hover {
color: #369;
text-decoration: underline;
}

.sagauche a {
position: absolute;
width: 64px;
margin: 336px 0 0 240px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.sagauche a:hover {
color: #369;
text-decoration: underline;
}

.telluride a {
position: absolute;
width: 56px;
margin: 354px 0 0 81px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.telluride a:hover {
color: #369;
text-decoration: underline;
}

.silverton a {
position: absolute;
width: 60px;
margin: 369px 0 0 88px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.silverton a:hover {
color: #369;
text-decoration: underline;
}

.alamosa a {
position: absolute;
width: 58px;
margin: 408px 0 0 264px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.alamosa a:hover {
color: #369;
text-decoration: underline;
}

.durango a {
position: absolute;
width: 58px;
margin: 428px 0 0 72px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.durango a:hover {
color: #369;
text-decoration: underline;
}

.pagosprings a {
position: absolute;
width: 50px;
margin: 428px 0 0 156px;
color: #2e4056;
text-decoration: none;
line-height: 12px;
}
.pagosprings a:hover {
color: #369;
text-decoration: underline;
}