/* CSS Document */

#midnav {
float: left;
height: 25px;
padding: 0 0 20px 0;
}

#midLinkContainer {
position:relative;
top: 10px;
left: 10px;
height: 18px;
padding: 0;
margin: 0;
text-align: left;
}

#midLinkContainer a:link, #midLinkContainer a:visited {
padding:0 5px 0 5px;
text-decoration: none;
color: #005223;
font-weight: bold;
}

a.midNavLink, a.midNavLink:visited {
padding: 0 5px 0 5px;
border-right:1px solid #005223;
}

.lastLink {
border-right: none;
}

#midLinkContainer a:hover {
background-color: #9EB28E;
color:#FFF;
}

/* this syles the current page link in the navbar 
 and relies on each page's body tag being assigned an id
 e.g. <body id="oak">
 the navbar links are assigned an id e.g. 
 <a href="#" class="midNavLink" id="oaknav">Oak Cottage</a> */

body#oak a#oaknav,
body#pear a#pearnav,
body#goose a#goosenav,
body#orchard a#orchardnav,
body#milkwood a#milknav {
color: #D5D6B7;
	background: #005223;
} 
/* end of current page styling */

.clear {clear: left;}
