﻿ul#maps
{
    list-style-type: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    width: 550px;
    float: left;
    margin: 0;
    padding: 0;
}

/* Step 1 - Add a state with an a tag example:  li#oregon a */
li#florida a, li#new-york a, li#new-jersey a, li#connecticut a, li#massachusetts a, li#washington a, li#maryland a, li#pennsylvania a, li#virginia a, li#north-carolina a, li#rhode-island a
{
    margin-left: 0;
    height: 82px;
    background-repeat: no-repeat;
    background-position: center bottom;
    display: block;
    color: #680102;
    text-decoration: none;
}

/* Step 2 - Add a state without an a tag example:  li#oregon */
li#florida, li#new-york, li#new-jersey, li#connecticut, li#massachusetts, li#washington, li#maryland, li#pennsylvania, li#virginia, li#north-carolina, li#rhode-island
{
    margin-left: 0;
    float: left;
    padding-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    text-align: center;
}

/* Step 3 - Copy and paste New York as an example and change the two image map names and the width */
li#new-york a
{
    background-image: url(images/states/map-new-york.jpg);
    width: 68px;
}
li#new-york a:hover
{
    background-image: url(images/states/map-new-york-o.jpg);
}
/* END Example Here*/

li#maryland a
{
    background-image: url(images/states/map-maryland.jpg);
    width: 68px;
}
li#maryland a:hover
{
    background-image: url(images/states/map-maryland-o.jpg);
}

li#north-carolina a
{
    background-image: url(images/states/map-north-carolina.jpg);
    width: 100px;
}
li#north-carolina a:hover
{
    background-image: url(images/states/map-north-carolina-o.jpg);
}

li#rhode-island a
{
    background-image: url(images/states/map-rhode-island.jpg);
    width: 100px;
}
li#rhode-island a:hover
{
    background-image: url(images/states/map-rhode-island-o.jpg);
}


li#new-jersey a
{
    width: 90px;
    background-image: url(images/states/map-new-jersey.jpg);
}
li#new-jersey a:hover
{
    background-image: url(images/states/map-new-jersey-o.jpg);
}

li#connecticut a
{
    background-image: url(images/states/map-connecticut.jpg);
    width: 79px;
}
li#connecticut a:hover
{
    background-image: url(images/states/map-connecticut-o.jpg);
}

li#massachusetts a
{
    background-image: url(images/states/map-massachusetts.jpg);
    width: 98px;
}
li#massachusetts a:hover
{
    background-image: url(images/states/map-massachusetts-o.jpg);
}

li#washington a
{
    background-image: url(images/states/map-washington.jpg);
    width: 100px;
}
li#washington a:hover
{
    background-image: url(images/states/map-washington-o.jpg);
}


li#pennsylvania a
{
    background-image: url(images/states/map-pennsylvania.jpg);
    width: 90px;
}
li#pennsylvania a:hover
{
    background-image: url(images/states/map-pennsylvania-o.jpg);
}

li#virginia a
{
    height: 82px;
    background-image: url(images/states/map-virginia.jpg);
    width: 79px;
}
li#virginia a:hover
{
    background-image: url(images/states/map-virginia-o.jpg);
}

li#florida a
{
    height: 82px;
    background-image: url(images/states/map-florida.jpg);
    width: 100px;
}
li#florida a:hover
{
    background-image: url(images/states/map-florida-o.jpg);
}

