ul.nav
{
float: left;
width: 850px;
list-style-type: none;
padding: 0 0 0 22px;
margin: 0;
}

ul.nav li
{
text-indent: -8000px;
float: left;
display: block;
padding: 0 7px 0 7px;
margin: 0;
font-size: .05em;
line-height: .05em;
border-right: 1px solid #63371a;
}
ul.nav li a
{
float: left;
display: block;
text-decoration: none;
border-bottom: 0 none;
}
ul.nav li, ul.nav li a
{
height: 11px;
}
ul.nav li.home, ul.nav li.home a
{
width: 36px;
background: url(/nav/home.gif) no-repeat top center;
}
ul.nav li.threepwood, ul.nav li.threepwood a
{
width: 99px;
background: url(/nav/threepwood.gif) no-repeat top center;
}
ul.nav li.recreation, ul.nav li.recreation a
{
width: 73px;
background: url(/nav/recreation.gif) no-repeat top center;
}
ul.nav li.lodge, ul.nav li.lodge a
{
width: 87px;
background: url(/nav/lodge.gif) no-repeat top center;
}
ul.nav li.farm, ul.nav li.farm a
{
width: 58px;
background: url(/nav/farm.gif) no-repeat top center;
}
ul.nav li.location, ul.nav li.location a
{
width: 86px;
background: url(/nav/location.gif) no-repeat top center;
}
ul.nav li.history, ul.nav li.history a
{
width: 79px;
background: url(/nav/history.gif) no-repeat top center;
}
ul.nav li.maps, ul.nav li.maps a
{
width: 127px;
background: url(/nav/maps.gif) no-repeat top center;
}
ul.nav li.contact, ul.nav li.contact a
{
width: 55px;
background: url(/nav/contact.gif) no-repeat top center;
border-right: 0 none;
}
ul.nav li a.active, ul.nav li a:hover
{
background-position: bottom center;
text-decoration: none;
border-bottom: 0 none;
}