/*Stylesheet is for navigation panel*/
#navigator {
}
.housebutton {
line-height: 90%;
}
.housebutton a {
font-size: 93%;
font-family:  Verdana, sans-serif;
}
.housebutton a:hover {
font-size: 93%;
font-family:  Verdana, sans-serif;
}
/* Button background color. Change the color, and the 
border, if you like. For the border, you can use solid, dashed, or dotted*/
#navigator {
background-color: D2D644;  <!-- D2D644 = light green-->
border:  transparent;
width: auto;
margin-top: auto;
margin-left: 10px;
margin-right: auto;
padding: 2px;
text-align: left;
}
/* want more space between your buttons? just increase the margins
from 1px. Font weight can be bold if you prefer.*/
.housebutton {
font-weight: bold;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}
/* Button color "at rest".*/
.housebutton a {
padding: 4px;
text-decoration: none;
display: block;
color: #000000; /*this is where you change the button TEXT font color (original = 407495)*/
background-color: transparent;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
}
/*Button appearance on hover. */
.housebutton a:hover {
color: #000000; /*-----this is where you change the button font color, when the button is hovered over*/
background-color: #FFFFAA;
border-top:  none;
border-left: none;
border-bottom:  none;
border-right: none;
}