#mapnav {
position: relative;
background-image: url(images/co-map.jpg);
background-repeat: no-repeat;
height: 330px;
width: 480px;
border: 1px solid #369;
}

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

.craig a {
position: absolute;
width: 32px;
margin: 30px 0 0 100px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.craig a:hover {
color: #369;
text-decoration: underline;
}

.steamboat a {
position: absolute;
width: 60px;
margin: 31px 0 0 150px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.steamboat a:hover {
color: #369;
text-decoration: underline;
}

.ftcollins a {
position: absolute;
width: 64px;
margin: 26px 0 0 270px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.ftcollins a:hover {
color: #369;
text-decoration: underline;
}

.sterling a {
position: absolute;
width: 46px;
margin: 22px 0 0 396px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.sterling a:hover {
color: #369;
text-decoration: underline;
}

.greeley a {
position: absolute;
width: 50px;
margin: 37px 0 0 296px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.greeley a:hover {
color: #369;
text-decoration: underline;
}

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

.loveland a {
position: absolute;
width: 56px;
margin: 47px 0 0 272px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.loveland a:hover {
color: #369;
text-decoration: underline;
}

.dinosaur a {
position: absolute;
width: 50px;
margin: 53px 0 0 2px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.dinosaur a:hover {
color: #369;
text-decoration: underline;
}

.rangely a {
position: absolute;
width: 46px;
margin: 66px 0 0 12px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.rangely a:hover {
color: #369;
text-decoration: underline;
}

.meeker a {
position: absolute;
width: 42px;
margin: 69px 0 0 78px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.meeker a:hover {
color: #369;
text-decoration: underline;
}

.longmont a {
position: absolute;
width: 58px;
margin: 60px 0 0 267px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.longmont a:hover {
color: #369;
text-decoration: underline;
}

.ftmorgan a {
position: absolute;
width: 66px;
margin: 56px 0 0 358px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.ftmorgan a:hover {
color: #369;
text-decoration: underline;
}

.yuma a {
position: absolute;
width: 34px;
margin: 64px 0 0 430px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.yuma a:hover {
color: #369;
text-decoration: underline;
}

.boulder a {
position: absolute;
width: 46px;
margin: 72px 0 0 256px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.boulder a:hover {
color: #369;
text-decoration: underline;
}

.denver a {
position: absolute;
width: 40px;
margin: 90px 0 0 272px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.denver a:hover {
color: #369;
text-decoration: underline;
}

.glenwood a {
position: absolute;
width: 54px;
margin: 107px 0 0 116px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.glenwood a:hover {
color: #369;
text-decoration: underline;
}

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

.breckenridge a {
position: absolute;
width: 71px;
margin: 116px 0 0 202px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.breckenridge a:hover {
color: #369;
text-decoration: underline;
}

.aspen a {
position: absolute;
width: 40px;
margin: 140px 0 0 152px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.aspen a:hover {
color: #369;
text-decoration: underline;
}

.limon a {
position: absolute;
width: 38px;
margin: 134px 0 0 366px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.limon a:hover {
color: #369;
text-decoration: underline;
}

.burlington a {
position: absolute;
width: 54px;
margin: 135px 0 0 430px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.burlington a:hover {
color: #369;
text-decoration: underline;
}

.grandjnct a {
position: absolute;
width: 50px;
margin: 149px 0 0 2px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.grandjnct a:hover {
color: #369;
text-decoration: underline;
}

.delta a {
position: absolute;
width: 32px;
margin: 176px 0 0 66px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.delta a:hover {
color: #369;
text-decoration: underline;
}

.crestedbt a {
position: absolute;
width: 70px;
margin: 173px 0 0 134px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.crestedbt a:hover {
color: #369;
text-decoration: underline;
}

.buenavista a {
position: absolute;
width: 70px;
margin: 165px 0 0 198px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.buenavista a:hover {
color: #369;
text-decoration: underline;
}

.cosprings a {
position: absolute;
width: 50px;
margin: 170px 0 0 286px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.cosprings a:hover {
color: #369;
text-decoration: underline;
}

.montrose a {
position: absolute;
width: 51px;
margin: 197px 0 0 79px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.montrose a:hover {
color: #369;
text-decoration: underline;
}

.gunnison a {
position: absolute;
width: 54px;
margin: 194px 0 0 140px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.gunnison a:hover {
color: #369;
text-decoration: underline;
}

.salida a {
position: absolute;
width: 40px;
margin: 194px 0 0 205px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.salida a:hover {
color: #369;
text-decoration: underline;
}

.canoncty a {
position: absolute;
width: 60px;
margin: 200px 0 0 259px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.canoncty a:hover {
color: #369;
text-decoration: underline;
}

.pueblo a {
position: absolute;
width: 42px;
margin: 215px 0 0 296px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.pueblo a:hover {
color: #369;
text-decoration: underline;
}

.lamar a {
position: absolute;
width: 40px;
margin: 230px 0 0 440px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.lamar a:hover {
color: #369;
text-decoration: underline;
}

.sagauche a {
position: absolute;
width: 56px;
margin: 232px 0 0 197px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.sagauche a:hover {
color: #369;
text-decoration: underline;
}

.lajunta a {
position: absolute;
width: 50px;
margin: 242px 0 0 375px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.lajunta a:hover {
color: #369;
text-decoration: underline;
}

.telluride a {
position: absolute;
width: 50px;
margin: 244px 0 0 86px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.telluride a:hover {
color: #369;
text-decoration: underline;
}

.silverton a {
position: absolute;
width: 50px;
margin: 257px 0 0 92px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.silverton a:hover {
color: #369;
text-decoration: underline;
}

.walsenburg a {
position: absolute;
width: 66px;
margin: 269px 0 0 288px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.walsenburg a:hover {
color: #369;
text-decoration: underline;
}

.alamosa a {
position: absolute;
width: 50px;
margin: 282px 0 0 216px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.alamosa a:hover {
color: #369;
text-decoration: underline;
}

.cortez a {
position: absolute;
width: 40px;
margin: 290px 0 0 29px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.cortez a:hover {
color: #369;
text-decoration: underline;
}

.durango a {
position: absolute;
width: 50px;
margin: 298px 0 0 79px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.durango a:hover {
color: #369;
text-decoration: underline;
}

.pagosprings a {
position: absolute;
width: 48px;
margin: 296px 0 0 138px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.pagosprings a:hover {
color: #369;
text-decoration: underline;
}

.trinadad a {
position: absolute;
width: 50px;
margin: 306px 0 0 308px;
color: #2e4056;
text-decoration: none;
line-height: 10px;
}
.trinadad a:hover {
color: #369;
text-decoration: underline;
}