body {
	margin: 10px auto 10px auto;
	width: 770px;
	text-align: center;
}

h2 {
    display: block;
    padding: 5px;
    color: #2f5786;
    font: bold 120% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
}

table.addressList
    {
    border-collapse: collapse;
    font: normal 90% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    width: 98%;
    margin: 10px auto;
    
    }
table.addressList td
    {
    border-bottom: 1px solid #ddd;
    color: #555;
    background-color: #fff;
    padding: 5px;
    white-space: nowrap;
    }
table.addressList td.distance
    {
    text-align: center;
    font-weight: bold;
    }
table.addressList th
    {
    background-color: #2f5270;
    color: #fff;
    padding: 2px;
    }
    
table.addressList tr { cursor: pointer;
	font-size:11px !important;}
table.addressList tr.highlighted td
    {
    background-color: #ecf4ff;
    color: #000;
	font-size:11px !important;
    }
table.addressList tr.notHighlighted td
    {
    background-color: #fff;
    color: #555;
	font-size:11px !important;
    }
table.addressList tr.hover td
    {
    background-color: #fffedd;
    color: #555;
	font-size:11px !important;
    }
    
div#atm_map_quincy
    {
    width: 500px;
    height: 500px;
    margin: 10px auto;
    }
.or
    {
    display: block;
    font-weight: bold;
    text-align: center;
    }
div#map_finder
    {
    width: 450px;
    margin: 10px auto 10px auto;
    }
div#map_finder label
    {
    display: block;
    width: 100px;
    float: left;
    margin: 5px;
    font: normal 90% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    }
div#map_finder p, #map_finder_results p
    {
    font: normal 90% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    }
div#map_finder input, div#map_finder select
    {
    font: normal 90% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    display: block;
    width: 300px;
    float: left;
    margin: 5px;
    border: 1px solid #264157;
    background: #fff;
    }
div#map_finder input:focus
    {
    background-color: #cce8ff;
    border: 1px solid #000;
    }
div#map_finder input.submit
    {
    border: none;
    background: #fff url(img/button.gif) no-repeat top left;
    width: 64px;
    height: 24px;
    color: #0b328d;
    margin: 10px;
    font: normal 80% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    float: right;
    cursor: pointer;
    }
div#map_finder h3, #map_finder_results h3
    {
    display: block;
    padding: 5px;
    color: #2f5786;
    font: bold 90% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    background: #eee;
    }
br { clear: both; }

.location, .name, address, .distance, .type, .description, .park
    {
    font: bold 100% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    margin: 1px;
    padding: 0;
    }
.location, #atm_map_quincy .distance b, .type
    {
    color: #2f5786;
    }
.description, .name, #atm_map_quincy .distance
    {
    font-size: 90%;
    font-weight: normal;
    color: #555;
    }
div.noprint 
    {
    opacity: .9;
    }
div.warning
    {
    width: 80%;
    margin: 10px auto;
    background: #ff9191 url(img/error.png) no-repeat 10px 10px;
    border: 1px solid #ae0000;
    color: #000;
    padding: 5px 20px;
    font: bold 12px Arial, monospace;
    height: 65px;
    }
div.warning ul li
    {
    list-style-type: none;
    list-style-image: none;
    }
.box_seperator
    {
    background: #ddd;
    padding: 2px;
    }
.box_seperator div
    {
    border: none;
    background: #eee;
    }
    
div#instructions
    {
    display: none;
    padding: 5px;
    margin: 10px;
    background-color: #fffedd;
    border-top:1px solid #7b7a54;
    border-left:1px solid #7b7a54;
    border-bottom: 3px solid #7b7a54;
    border-right: 3px solid #7b7a54;
    font-family: "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    }
div#instructions small
    {
    font-size: 80%;
    color: #7b7a54;
    position: relative;
    bottom: 10px;
    }
div#instructions img
    {
    float: left;
    right: 5px;
    }
div#instructions p
    {
    color: #28435a;
    font-weight:bold;
    font-size: 90%;
    }

a#how_to_use
    {
    display: block;
    text-decoration: underline;
    float: right;
    clear: both;
    color: #28435a;
    font: bold 80% "Trebuchet MS", Lucidia, Helvetica, Verdana, Sas-Serif;
    }   
a#how_to_use:hover
    {
    cursor:help;
    color: #6098c8;
    }