body{
  width: 95%;
}
#nav{
 position:absolute;/* so map image can underlap*/
  top:262px;
  left:1.5em;
  padding: 0 ;
  margin: 0 ;
  font: normal normal 600 100%/normal Arial, Helvetica, sans-serif;
  background: transparent url("../images/50pct.gif");
}
#nav li {
 padding: 0 0 .5em 0;
}
#nav li a{
  border-left: .25em solid transparent;
  padding: 0 0 0 .3em;
}
#map {
  width: 725px;
  padding:0;
  margin: 0 auto;
}
#map img{
  float: right;
  border:none;
}
#locations{
  font: normal normal 600 100%/normal Arial, Helvetica, sans-serif;
  width: 45em;/*616px;*/
  margin: 0 auto 0 auto;
  clear:both;
}
#locations ul{
  list-style: none;
  width:43em;
  margin: 0 auto 0 auto;
  padding:1ex 0 0 0;
  clear: left;
}
#locations li {
  margin: 1ex 0 1ex 1em;
  width: 13em;
  float:left;
}

#locations li a{
  display:block;
  width:100%;
  line-height: 1.3em;
  padding: 0 0 0 .2em;
  background: transparent url("../images/50pct.gif");
  border-left: .25em solid transparent;
}
#locations li a:hover{
  color: #f00;
  border-left: .25em solid #f00;
}