/*this stylesheet is for the navigation panel*/

#navigator {

}

.housebutton {
line-height: 100%;

}

.housebutton a {
font-size: 108%;
font-family: Arial, Verdana, sans-serif; 
}

.housebutton a:hover {
font-size: 108%;
font-family: Arial, Verdana, sans-serif; 
}

.housebutton1 {
line-height: 110%;
}

.housebutton1 a {
font-size: 108%;
font-family: Arial, Verdana, sans-serif; 
}

.housebutton1 a:hover {
font-size: 108%;
font-family: Arial, Verdana, sans-serif; 
}

.housebutton2 {
line-height: 90%;
}

.housebutton2 a {
font-size: 93%;
font-family: Arial, Verdana, sans-serif; 
line-height: 100% /* spacing between rows if navbar text goes down to another row */
}

.housebutton2 a:hover {
font-size: 93%;
font-family: Arial, Verdana, sans-serif; 
line-height: 100%
}

/* button background color */

#navigator {

background-color: #ffffff;
/* background-image:url('../image-files/buttonbackground.png'); */
background-repeat: repeat-x;
background-position: bottom center;
color: #333333;
width: auto;
margin-top: auto;
margin-left: 10px;
margin-right: 10px;
padding: 2px 2px 2px 2px;
text-align: left;
border: 0px solid #ffcc00;
}

/* border-style: solid;
border-width: 3px; */


.housebutton {
font-weight: bold;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

.housebutton1 {
font-weight: bold;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

.housebutton2 {
font-weight: normal;
text-align: left;
margin-bottom: 0px;
margin-top: 0px;
}

/* button "at rest" */

.housebutton a {
padding: 4px 4px 10px 4px;
text-decoration: none;
display: block;
color: #999999; /*------button font color*/
background-color: transparent;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;

}

.housebutton1 a {
padding: 4px;
text-decoration: none;
display: block;
color: #444444; /*------button font color*/
background-color: transparent;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;

}


.housebutton2 a {
padding: 4px 4px 4px 10px;
text-decoration: none;
display: block;
color: #333333; /*------button font color*/
background-color: transparent;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
}


/* button while mouse hovers*/

.housebutton a:hover {
color: #444444; /*------button font color while hovering*/
background-color: #ffcc33;
border-top:  none;
border-left: none;
border-bottom:  none;
border-right: none;
}

.housebutton1 a:hover {
color: #444444; /*------button font color while hovering*/
background-color: #ffcc33;
border-top:  none;
border-left: none;
border-bottom:  none;
border-right: none;
}


.housebutton2 a:hover {
color: #333300; /*------button font color while hovering*/
background-color: #ffcc33;
border-top:  none;
border-left: none;
border-bottom:  none;
border-right: none;
}